tedw / documentation-demo Goto Github PK

Overview

Lorem ipsum dolor sit amet, consectetur adip* isicing elit, sed do eiusmod *tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Fields

• image (required)
• hyperlink (optional - URL)
• photo credit (optional - string, max-length 120 chars)
• caption (optional - string, max-length 256 chars)
• alignment (required, default center - center, left, right)

Design

Responsive behavior

• Promos become full width 600px wide
• Caption background color and padding go away in full-width layout

Functionality

• Both image and caption are clickable when promo is hyperlinked
• Share menu included after caption, shares link to current page

Video example

Watch the screen recording here: https://jam.dev/c/f24cce05-9dba-4de3-b315-a3a88d16a67f

Website URL:
https://diplomacy.state.gov/

Device and browser info:
Chrome 107.0.0.0 (1561x856) | Mac OS 10.15.7

Date and time:
December 2nd 2022 | 6:35pm UTC

View developer information (console logs, network requests & timing):
jam.dev/c/f24cce05-9dba-4de3-b315-a3a88d16a67f

Captured with jam.dev

Overview / Strategic Function

Lorem ipsum dolor sit amet, consectetur adip* isicing elit, sed do eiusmod *tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Fields

• image (required)
• hyperlink (optional - URL)
• photo credit (optional - string, max-length 120 chars)
• caption (optional - string, max-length 256 chars)
• alignment (required, default center - center, left, right)

Design

Responsive behavior

• Promos become full width 600px wide
• Caption background color and padding go away in full-width layout

Functionality

• Both image and caption are clickable when promo is hyperlinked
• Share menu included after caption, shares link to current page

Test

Screenshot:

Website URL:
https://jam.dev/s

Device and browser info:
Chrome 107.0.0.0 (1561x856) | Mac OS 10.15.7

Date and time:
December 2nd 2022 | 6:34pm UTC

View developer information (console logs, network requests & timing):
jam.dev/c/c85f246d-fc86-4436-8d16-1fcbc977c5c4

Captured with jam.dev