Catalog card

[beckydoherty]

Description

Provide users with a summary of catalog info in a card format.

REPLACE THIS (an example link only): FIGMA FILE

Acceptance Criteria

Catalog section

• Show number of catalogs next to page heading
  
• Catalog section: Half of the viewport width
• Section should occupy the maximum viewport height and be scrollable to view additional content if needed

Catalog Title

• H3

Catalog Description

• Truncate to 250 characters with an ellipsis and a [ read more ] link that will show the rest of the description
• Supports Markdown (see https://kyfromabove-stac.s3.us-west-1.amazonaws.com/catalog.json)

Temporal Extent

• Show if applicable. Use UTC time zone.
• If both dates are the same or only one is provided, show only one date

Tags

Remove Tags

• license and stac_version

Indicator Tags

• Catalog color: neutral
• API color: yellow

Browse button

• Opens catalog in browse mode

Reference Image

[alanjleonard]

Some updates from a Slack discussion:

• If there is no title, use id
• If there is no dates at all, show the text No temporal extent using the same font style as the dates