diff --git a/_includes/series.njk b/_includes/series.njk new file mode 100644 index 0000000..3fa8660 --- /dev/null +++ b/_includes/series.njk @@ -0,0 +1,9 @@ +

{{ series.data.title }}

+ +
+ {% for img in series.data.imgs %} + {{ img.alt }} + {% endfor %} +
+ +{{ series.content | safe }} diff --git a/css/art.css b/css/art.css new file mode 100644 index 0000000..60c4da9 --- /dev/null +++ b/css/art.css @@ -0,0 +1,16 @@ +h2 { + text-align: center; +} + +.imgset { + display: flex; + justify-content: center; + gap: 1rem; + max-width: 100%; + flex-flow: row wrap; + + img { + max-height: 33vh; + width: auto; + } +} diff --git a/css/main.css b/css/main.css index 3e15770..9a196f1 100644 --- a/css/main.css +++ b/css/main.css @@ -61,7 +61,7 @@ body { #content { width: 65%; max-width: 1800px; - margin: 1rem auto; + margin: 1rem auto 4rem; } @media (max-width: 1100px) { @@ -73,6 +73,7 @@ body { @media (max-width: 650px) { #content { width: 92%; + margin-block-end: 2rem; } } diff --git a/src/art/art.11tydata.js b/src/art/art.11tydata.js new file mode 100644 index 0000000..83609ae --- /dev/null +++ b/src/art/art.11tydata.js @@ -0,0 +1,6 @@ +export default { + permalink: false, + tags: [ + "art" + ], +} diff --git a/src/art/understory-tarot.md b/src/art/understory-tarot.md new file mode 100644 index 0000000..99098ee --- /dev/null +++ b/src/art/understory-tarot.md @@ -0,0 +1,14 @@ +--- +title: understory tarot +imgs: + - src: tarot0.jpeg + alt: tarot + - src: tarot1.jpeg + alt: tarot + - src: tarot2.jpeg + alt: tarot +--- + +This is a test paragraph. + +This is a second paragraph. diff --git a/src/img/tarot0.jpeg b/src/img/tarot0.jpeg new file mode 100644 index 0000000..617e187 Binary files /dev/null and b/src/img/tarot0.jpeg differ diff --git a/src/img/tarot1.jpeg b/src/img/tarot1.jpeg new file mode 100644 index 0000000..768761b Binary files /dev/null and b/src/img/tarot1.jpeg differ diff --git a/src/img/tarot2.jpeg b/src/img/tarot2.jpeg new file mode 100644 index 0000000..82563af Binary files /dev/null and b/src/img/tarot2.jpeg differ diff --git a/src/pages/art.njk b/src/pages/art.njk index f7b6a95..70ae0fa 100644 --- a/src/pages/art.njk +++ b/src/pages/art.njk @@ -4,3 +4,8 @@ eleventyNavigation: key: art order: 2 --- +{% css %}{% include "css/art.css" %}{% endcss %} + +{% for series in collections["art"] %} + {% include "series.njk" %} +{% endfor %}