diff --git a/source/_examples/album.html.twig b/source/_examples/album.html.twig new file mode 100644 index 0000000..926b5d3 --- /dev/null +++ b/source/_examples/album.html.twig @@ -0,0 +1,32 @@ +--- +title: Album +--- + +{% include 'navbar' with { title: page.title } only %} + +{% include 'jumbotron' with { + buttons: [ + { + shape: 'rounded', + text: 'Main call to action', + type: 'primary', + }, + { + shape: 'rounded', + text: 'Secondary action', + type: 'secondary', + }, + ], + title: 'Album example', + text: "Something short and leading about the collection below—its contents, the creator, etc. Make it short and sweet, but not too short so folks don't simply skip over it entirely.", +} only %} + +
+
+
+ {% for i in range(1, 9) %} + {% include 'card' with {} only %} + {% endfor %} +
+
+
diff --git a/source/_includes/card.html.twig b/source/_includes/card.html.twig new file mode 100644 index 0000000..0ede93d --- /dev/null +++ b/source/_includes/card.html.twig @@ -0,0 +1,27 @@ +
+ + +
+

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

+ + +
+
+ diff --git a/source/_includes/jumbotron.html.twig b/source/_includes/jumbotron.html.twig new file mode 100644 index 0000000..d2921f8 --- /dev/null +++ b/source/_includes/jumbotron.html.twig @@ -0,0 +1,22 @@ +
+

{{ title }}

+ +
+ {% if text %} +

{{ text }}

+ {% endif %} + + {% if buttons %} +
+ {% for button in buttons %} + {% include 'button' with { + shape: button.shape, + text: button.text, + type: button.type, + } only %} + {% endfor %} +
+ {% endif %} +
+
+ diff --git a/source/_includes/navbar.html.twig b/source/_includes/navbar.html.twig new file mode 100644 index 0000000..b05953c --- /dev/null +++ b/source/_includes/navbar.html.twig @@ -0,0 +1,23 @@ +
+
+ + + + + +

{{ title }}

+
+