Skip to content

Commit f5f5e1d

Browse files
committed
feat(quoteforge[examples]): add image-block demo cards
1 parent 2a80e9a commit f5f5e1d

4 files changed

Lines changed: 53 additions & 0 deletions

File tree

content/image-demos/align.json

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
{
2+
"template": "quote",
3+
"theme": "dark-teal",
4+
"size": "twitter-square",
5+
"blocks": [
6+
{ "type": "headline", "parts": [{ "text": "Alignment", "style": "bold" }] },
7+
{ "type": "image", "src": "./photo.svg", "width": "sm", "align": "left", "alt": "left" },
8+
{ "type": "image", "src": "./photo.svg", "width": "sm", "align": "center", "alt": "center" },
9+
{ "type": "image", "src": "./photo.svg", "width": "sm", "align": "right", "alt": "right" }
10+
]
11+
}

content/image-demos/card.json

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
{
2+
"template": "quote",
3+
"theme": "dark-teal",
4+
"size": "instagram-port",
5+
"blocks": [
6+
{ "type": "image", "src": "./photo.svg", "width": "full", "align": "center", "alt": "Sunset over the hills" },
7+
{ "type": "headline", "parts": [
8+
{ "text": "Ship ", "style": "normal" },
9+
{ "text": "small", "style": "accent" },
10+
{ "text": ", ship often.", "style": "normal" }
11+
] },
12+
{ "type": "text", "content": "An image block sits inline with the rest of the card flow." }
13+
]
14+
}

content/image-demos/photo.svg

Lines changed: 16 additions & 0 deletions
Loading

content/image-demos/widths.json

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
{
2+
"template": "quote",
3+
"theme": "dark-teal",
4+
"size": "twitter-square",
5+
"blocks": [
6+
{ "type": "headline", "parts": [{ "text": "Widths", "style": "bold" }] },
7+
{ "type": "image", "src": "./photo.svg", "width": "sm", "align": "center", "alt": "small" },
8+
{ "type": "image", "src": "./photo.svg", "width": "md", "align": "center", "alt": "medium" },
9+
{ "type": "image", "src": "./photo.svg", "width": "lg", "align": "center", "alt": "large" },
10+
{ "type": "image", "src": "./photo.svg", "width": "full", "align": "center", "alt": "full" }
11+
]
12+
}

0 commit comments

Comments
 (0)