diff --git a/404.html b/404.html index 3959b9f..c30cabd 100644 --- a/404.html +++ b/404.html @@ -22,7 +22,7 @@ - + @@ -279,55 +279,76 @@ footer p { } } #zine-container { - padding: 0; + padding: 0; + + > li { + list-style: none; + border-bottom: solid; + border-left: solid; + border-radius: .25rem; + padding: 0 .4rem .4rem; + margin-bottom: 2rem; + + &:has(img) { + display: grid; + grid-template-areas: "text img"; + gap: .75rem; + grid-template-columns: 3fr 2fr; + + img { + border-radius: .2rem; + } + } + } + + h2, + p { + border: none; + display: inline; + } + + h2 a { + background-color: var(--color-header); + line-height: 135%; + } + + h3 { + background-color: var(--color-warn); + color: var(--color-text); + border-radius: .2rem; + padding: 0 .2rem; + text-align: right; + line-height: 150%; + margin: .25rem 0 .75rem 0; + } + + blockquote { + margin: 0; + color: var(--color-header); + + p { + display: block; + margin-block: .75rem; + } + + p:first-child { + margin-top: .5rem; + } + + p:last-child { + margin-bottom: 0; + } + } } -#zine-container > li { - list-style: none; - border-bottom: solid; - border-left: solid; - border-radius: 4px; - padding: 0 .4rem .4rem; - margin-bottom: 2rem; -} +@media (max-width: 650px) { + #zine-container > li:has(img) { + display: block; -#zine-container h2, -#zine-container p { - border: none; - display: inline; -} - -#zine-container h2 a { - background-color: var(--color-header); - line-height: 135%; -} - -#zine-container h3 { - background-color: var(--color-warn); - color: var(--color-text); - border-radius: 3px; - padding: 0 .2rem; - text-align: right; - line-height: 150%; - margin: .25rem 0 .75rem 0; -} - -#zine-container blockquote { - margin: 0; - color: var(--color-header); -} - -#zine-container blockquote p { - display: block; - margin-block: .75rem; -} - -#zine-container blockquote p:first-child { - margin-top: .5rem; -} - -#zine-container blockquote p:last-child { - margin-bottom: 0; + img { + margin-block-start: .5rem; + } + } } @@ -391,6 +412,6 @@ footer p {

- + diff --git a/attribution/index.html b/attribution/index.html index e0d1178..3c1fb7a 100644 --- a/attribution/index.html +++ b/attribution/index.html @@ -24,7 +24,7 @@ - + @@ -281,55 +281,76 @@ footer p { } } #zine-container { - padding: 0; + padding: 0; + + > li { + list-style: none; + border-bottom: solid; + border-left: solid; + border-radius: .25rem; + padding: 0 .4rem .4rem; + margin-bottom: 2rem; + + &:has(img) { + display: grid; + grid-template-areas: "text img"; + gap: .75rem; + grid-template-columns: 3fr 2fr; + + img { + border-radius: .2rem; + } + } + } + + h2, + p { + border: none; + display: inline; + } + + h2 a { + background-color: var(--color-header); + line-height: 135%; + } + + h3 { + background-color: var(--color-warn); + color: var(--color-text); + border-radius: .2rem; + padding: 0 .2rem; + text-align: right; + line-height: 150%; + margin: .25rem 0 .75rem 0; + } + + blockquote { + margin: 0; + color: var(--color-header); + + p { + display: block; + margin-block: .75rem; + } + + p:first-child { + margin-top: .5rem; + } + + p:last-child { + margin-bottom: 0; + } + } } -#zine-container > li { - list-style: none; - border-bottom: solid; - border-left: solid; - border-radius: 4px; - padding: 0 .4rem .4rem; - margin-bottom: 2rem; -} +@media (max-width: 650px) { + #zine-container > li:has(img) { + display: block; -#zine-container h2, -#zine-container p { - border: none; - display: inline; -} - -#zine-container h2 a { - background-color: var(--color-header); - line-height: 135%; -} - -#zine-container h3 { - background-color: var(--color-warn); - color: var(--color-text); - border-radius: 3px; - padding: 0 .2rem; - text-align: right; - line-height: 150%; - margin: .25rem 0 .75rem 0; -} - -#zine-container blockquote { - margin: 0; - color: var(--color-header); -} - -#zine-container blockquote p { - display: block; - margin-block: .75rem; -} - -#zine-container blockquote p:first-child { - margin-top: .5rem; -} - -#zine-container blockquote p:last-child { - margin-bottom: 0; + img { + margin-block-start: .5rem; + } + } } @@ -380,7 +401,7 @@ footer p {

FediZineFest is brought to you by the work of each year's team:

2024 team | 2025 team | 2026-2027 team

...as well as our wonderful artists and backers.

-

This website is built with Eleventy v3.1.5 and hosted by heckin' technology. It's been hand-coded from the ground up without the use of generative AI.

+

This website is built with Eleventy v3.1.6 and hosted by heckin' technology. It's been hand-coded from the ground up without the use of generative AI.

The font is Atkinson Hyperlegible Next, specifically designed for low-vision readers to improve character recognition. You can view the site color palette as well as previous palettes on the palette page.

@@ -396,6 +417,6 @@ footer p {

- + diff --git a/digital-success/index.html b/digital-success/index.html index 5da8a91..490006b 100644 --- a/digital-success/index.html +++ b/digital-success/index.html @@ -24,7 +24,7 @@ - + @@ -281,55 +281,76 @@ footer p { } } #zine-container { - padding: 0; + padding: 0; + + > li { + list-style: none; + border-bottom: solid; + border-left: solid; + border-radius: .25rem; + padding: 0 .4rem .4rem; + margin-bottom: 2rem; + + &:has(img) { + display: grid; + grid-template-areas: "text img"; + gap: .75rem; + grid-template-columns: 3fr 2fr; + + img { + border-radius: .2rem; + } + } + } + + h2, + p { + border: none; + display: inline; + } + + h2 a { + background-color: var(--color-header); + line-height: 135%; + } + + h3 { + background-color: var(--color-warn); + color: var(--color-text); + border-radius: .2rem; + padding: 0 .2rem; + text-align: right; + line-height: 150%; + margin: .25rem 0 .75rem 0; + } + + blockquote { + margin: 0; + color: var(--color-header); + + p { + display: block; + margin-block: .75rem; + } + + p:first-child { + margin-top: .5rem; + } + + p:last-child { + margin-bottom: 0; + } + } } -#zine-container > li { - list-style: none; - border-bottom: solid; - border-left: solid; - border-radius: 4px; - padding: 0 .4rem .4rem; - margin-bottom: 2rem; -} +@media (max-width: 650px) { + #zine-container > li:has(img) { + display: block; -#zine-container h2, -#zine-container p { - border: none; - display: inline; -} - -#zine-container h2 a { - background-color: var(--color-header); - line-height: 135%; -} - -#zine-container h3 { - background-color: var(--color-warn); - color: var(--color-text); - border-radius: 3px; - padding: 0 .2rem; - text-align: right; - line-height: 150%; - margin: .25rem 0 .75rem 0; -} - -#zine-container blockquote { - margin: 0; - color: var(--color-header); -} - -#zine-container blockquote p { - display: block; - margin-block: .75rem; -} - -#zine-container blockquote p:first-child { - margin-top: .5rem; -} - -#zine-container blockquote p:last-child { - margin-bottom: 0; + img { + margin-block-start: .5rem; + } + } } @@ -393,6 +414,6 @@ footer p {

- + diff --git a/img/flip.png b/img/flip.png new file mode 100644 index 0000000..2a21895 Binary files /dev/null and b/img/flip.png differ diff --git a/img/lee.jpg b/img/lee.jpg new file mode 100644 index 0000000..63b9f23 Binary files /dev/null and b/img/lee.jpg differ diff --git a/index.html b/index.html index 661d9a8..8bc5c46 100644 --- a/index.html +++ b/index.html @@ -24,7 +24,7 @@ - + @@ -281,55 +281,76 @@ footer p { } } #zine-container { - padding: 0; + padding: 0; + + > li { + list-style: none; + border-bottom: solid; + border-left: solid; + border-radius: .25rem; + padding: 0 .4rem .4rem; + margin-bottom: 2rem; + + &:has(img) { + display: grid; + grid-template-areas: "text img"; + gap: .75rem; + grid-template-columns: 3fr 2fr; + + img { + border-radius: .2rem; + } + } + } + + h2, + p { + border: none; + display: inline; + } + + h2 a { + background-color: var(--color-header); + line-height: 135%; + } + + h3 { + background-color: var(--color-warn); + color: var(--color-text); + border-radius: .2rem; + padding: 0 .2rem; + text-align: right; + line-height: 150%; + margin: .25rem 0 .75rem 0; + } + + blockquote { + margin: 0; + color: var(--color-header); + + p { + display: block; + margin-block: .75rem; + } + + p:first-child { + margin-top: .5rem; + } + + p:last-child { + margin-bottom: 0; + } + } } -#zine-container > li { - list-style: none; - border-bottom: solid; - border-left: solid; - border-radius: 4px; - padding: 0 .4rem .4rem; - margin-bottom: 2rem; -} +@media (max-width: 650px) { + #zine-container > li:has(img) { + display: block; -#zine-container h2, -#zine-container p { - border: none; - display: inline; -} - -#zine-container h2 a { - background-color: var(--color-header); - line-height: 135%; -} - -#zine-container h3 { - background-color: var(--color-warn); - color: var(--color-text); - border-radius: 3px; - padding: 0 .2rem; - text-align: right; - line-height: 150%; - margin: .25rem 0 .75rem 0; -} - -#zine-container blockquote { - margin: 0; - color: var(--color-header); -} - -#zine-container blockquote p { - display: block; - margin-block: .75rem; -} - -#zine-container blockquote p:first-child { - margin-top: .5rem; -} - -#zine-container blockquote p:last-child { - margin-bottom: 0; + img { + margin-block-start: .5rem; + } + } } @@ -408,6 +429,6 @@ footer p {

- + diff --git a/palette/index.html b/palette/index.html index fe1821b..b848362 100644 --- a/palette/index.html +++ b/palette/index.html @@ -24,7 +24,7 @@ - + @@ -355,55 +355,76 @@ footer p { } } #zine-container { - padding: 0; + padding: 0; + + > li { + list-style: none; + border-bottom: solid; + border-left: solid; + border-radius: .25rem; + padding: 0 .4rem .4rem; + margin-bottom: 2rem; + + &:has(img) { + display: grid; + grid-template-areas: "text img"; + gap: .75rem; + grid-template-columns: 3fr 2fr; + + img { + border-radius: .2rem; + } + } + } + + h2, + p { + border: none; + display: inline; + } + + h2 a { + background-color: var(--color-header); + line-height: 135%; + } + + h3 { + background-color: var(--color-warn); + color: var(--color-text); + border-radius: .2rem; + padding: 0 .2rem; + text-align: right; + line-height: 150%; + margin: .25rem 0 .75rem 0; + } + + blockquote { + margin: 0; + color: var(--color-header); + + p { + display: block; + margin-block: .75rem; + } + + p:first-child { + margin-top: .5rem; + } + + p:last-child { + margin-bottom: 0; + } + } } -#zine-container > li { - list-style: none; - border-bottom: solid; - border-left: solid; - border-radius: 4px; - padding: 0 .4rem .4rem; - margin-bottom: 2rem; -} +@media (max-width: 650px) { + #zine-container > li:has(img) { + display: block; -#zine-container h2, -#zine-container p { - border: none; - display: inline; -} - -#zine-container h2 a { - background-color: var(--color-header); - line-height: 135%; -} - -#zine-container h3 { - background-color: var(--color-warn); - color: var(--color-text); - border-radius: 3px; - padding: 0 .2rem; - text-align: right; - line-height: 150%; - margin: .25rem 0 .75rem 0; -} - -#zine-container blockquote { - margin: 0; - color: var(--color-header); -} - -#zine-container blockquote p { - display: block; - margin-block: .75rem; -} - -#zine-container blockquote p:first-child { - margin-top: .5rem; -} - -#zine-container blockquote p:last-child { - margin-bottom: 0; + img { + margin-block-start: .5rem; + } + } } @@ -481,6 +502,6 @@ footer p {

- + diff --git a/signup/index.html b/signup/index.html index ee3dd21..ea50cbb 100644 --- a/signup/index.html +++ b/signup/index.html @@ -24,7 +24,7 @@ - + @@ -281,55 +281,76 @@ footer p { } } #zine-container { - padding: 0; + padding: 0; + + > li { + list-style: none; + border-bottom: solid; + border-left: solid; + border-radius: .25rem; + padding: 0 .4rem .4rem; + margin-bottom: 2rem; + + &:has(img) { + display: grid; + grid-template-areas: "text img"; + gap: .75rem; + grid-template-columns: 3fr 2fr; + + img { + border-radius: .2rem; + } + } + } + + h2, + p { + border: none; + display: inline; + } + + h2 a { + background-color: var(--color-header); + line-height: 135%; + } + + h3 { + background-color: var(--color-warn); + color: var(--color-text); + border-radius: .2rem; + padding: 0 .2rem; + text-align: right; + line-height: 150%; + margin: .25rem 0 .75rem 0; + } + + blockquote { + margin: 0; + color: var(--color-header); + + p { + display: block; + margin-block: .75rem; + } + + p:first-child { + margin-top: .5rem; + } + + p:last-child { + margin-bottom: 0; + } + } } -#zine-container > li { - list-style: none; - border-bottom: solid; - border-left: solid; - border-radius: 4px; - padding: 0 .4rem .4rem; - margin-bottom: 2rem; -} +@media (max-width: 650px) { + #zine-container > li:has(img) { + display: block; -#zine-container h2, -#zine-container p { - border: none; - display: inline; -} - -#zine-container h2 a { - background-color: var(--color-header); - line-height: 135%; -} - -#zine-container h3 { - background-color: var(--color-warn); - color: var(--color-text); - border-radius: 3px; - padding: 0 .2rem; - text-align: right; - line-height: 150%; - margin: .25rem 0 .75rem 0; -} - -#zine-container blockquote { - margin: 0; - color: var(--color-header); -} - -#zine-container blockquote p { - display: block; - margin-block: .75rem; -} - -#zine-container blockquote p:first-child { - margin-top: .5rem; -} - -#zine-container blockquote p:last-child { - margin-bottom: 0; + img { + margin-block-start: .5rem; + } + } } @@ -401,6 +422,6 @@ footer p {

- + diff --git a/sitemap.xml b/sitemap.xml index c17c9c8..b453d2f 100644 --- a/sitemap.xml +++ b/sitemap.xml @@ -6,7 +6,7 @@ https://fedizinefest.fyi/attribution/ - 2026-10-14 + 2026-10-15 @@ -14,7 +14,7 @@ https://fedizinefest.fyi/digital-success/ - 2026-10-14 + 2026-10-15 @@ -22,7 +22,7 @@ https://fedizinefest.fyi/ - 2026-10-14 + 2026-10-15 @@ -30,7 +30,7 @@ https://fedizinefest.fyi/palette/ - 2026-10-14 + 2026-10-15 @@ -38,7 +38,7 @@ https://fedizinefest.fyi/signup/ - 2026-10-14 + 2026-10-15 @@ -46,7 +46,7 @@ https://fedizinefest.fyi/years/2024/guidelines/ - 2026-10-14 + 2026-10-15 @@ -54,7 +54,7 @@ https://fedizinefest.fyi/years/2024/ - 2026-10-14 + 2026-10-15 @@ -62,7 +62,7 @@ https://fedizinefest.fyi/years/2024/zines/ - 2026-10-14 + 2026-10-15 @@ -70,7 +70,7 @@ https://fedizinefest.fyi/years/2025/guidelines/ - 2026-10-14 + 2026-10-15 @@ -78,7 +78,7 @@ https://fedizinefest.fyi/years/2025/ - 2026-10-14 + 2026-10-15 @@ -86,7 +86,7 @@ https://fedizinefest.fyi/years/2025/zines/ - 2026-10-14 + 2026-10-15 @@ -94,7 +94,7 @@ https://fedizinefest.fyi/years/2026-2027/guidelines/ - 2026-10-14 + 2026-10-15 @@ -102,7 +102,7 @@ https://fedizinefest.fyi/years/2026-2027/ - 2026-10-14 + 2026-10-15 @@ -110,7 +110,7 @@ https://fedizinefest.fyi/years/2026-2027/zines/ - 2026-10-14 + 2026-10-15 @@ -118,7 +118,7 @@ https://fedizinefest.fyi/years/ - 2026-10-14 + 2026-10-15 @@ -126,7 +126,7 @@ https://fedizinefest.fyi/zines/ - 2026-10-14 + 2026-10-15 diff --git a/years/2024/guidelines/index.html b/years/2024/guidelines/index.html index 7314275..6187472 100644 --- a/years/2024/guidelines/index.html +++ b/years/2024/guidelines/index.html @@ -24,7 +24,7 @@ - + @@ -281,55 +281,76 @@ footer p { } } #zine-container { - padding: 0; + padding: 0; + + > li { + list-style: none; + border-bottom: solid; + border-left: solid; + border-radius: .25rem; + padding: 0 .4rem .4rem; + margin-bottom: 2rem; + + &:has(img) { + display: grid; + grid-template-areas: "text img"; + gap: .75rem; + grid-template-columns: 3fr 2fr; + + img { + border-radius: .2rem; + } + } + } + + h2, + p { + border: none; + display: inline; + } + + h2 a { + background-color: var(--color-header); + line-height: 135%; + } + + h3 { + background-color: var(--color-warn); + color: var(--color-text); + border-radius: .2rem; + padding: 0 .2rem; + text-align: right; + line-height: 150%; + margin: .25rem 0 .75rem 0; + } + + blockquote { + margin: 0; + color: var(--color-header); + + p { + display: block; + margin-block: .75rem; + } + + p:first-child { + margin-top: .5rem; + } + + p:last-child { + margin-bottom: 0; + } + } } -#zine-container > li { - list-style: none; - border-bottom: solid; - border-left: solid; - border-radius: 4px; - padding: 0 .4rem .4rem; - margin-bottom: 2rem; -} +@media (max-width: 650px) { + #zine-container > li:has(img) { + display: block; -#zine-container h2, -#zine-container p { - border: none; - display: inline; -} - -#zine-container h2 a { - background-color: var(--color-header); - line-height: 135%; -} - -#zine-container h3 { - background-color: var(--color-warn); - color: var(--color-text); - border-radius: 3px; - padding: 0 .2rem; - text-align: right; - line-height: 150%; - margin: .25rem 0 .75rem 0; -} - -#zine-container blockquote { - margin: 0; - color: var(--color-header); -} - -#zine-container blockquote p { - display: block; - margin-block: .75rem; -} - -#zine-container blockquote p:first-child { - margin-top: .5rem; -} - -#zine-container blockquote p:last-child { - margin-bottom: 0; + img { + margin-block-start: .5rem; + } + } } @@ -471,6 +492,6 @@ footer p {

- + diff --git a/years/2024/index.html b/years/2024/index.html index dfe15e9..7d187c2 100644 --- a/years/2024/index.html +++ b/years/2024/index.html @@ -24,7 +24,7 @@ - + @@ -281,55 +281,76 @@ footer p { } } #zine-container { - padding: 0; + padding: 0; + + > li { + list-style: none; + border-bottom: solid; + border-left: solid; + border-radius: .25rem; + padding: 0 .4rem .4rem; + margin-bottom: 2rem; + + &:has(img) { + display: grid; + grid-template-areas: "text img"; + gap: .75rem; + grid-template-columns: 3fr 2fr; + + img { + border-radius: .2rem; + } + } + } + + h2, + p { + border: none; + display: inline; + } + + h2 a { + background-color: var(--color-header); + line-height: 135%; + } + + h3 { + background-color: var(--color-warn); + color: var(--color-text); + border-radius: .2rem; + padding: 0 .2rem; + text-align: right; + line-height: 150%; + margin: .25rem 0 .75rem 0; + } + + blockquote { + margin: 0; + color: var(--color-header); + + p { + display: block; + margin-block: .75rem; + } + + p:first-child { + margin-top: .5rem; + } + + p:last-child { + margin-bottom: 0; + } + } } -#zine-container > li { - list-style: none; - border-bottom: solid; - border-left: solid; - border-radius: 4px; - padding: 0 .4rem .4rem; - margin-bottom: 2rem; -} +@media (max-width: 650px) { + #zine-container > li:has(img) { + display: block; -#zine-container h2, -#zine-container p { - border: none; - display: inline; -} - -#zine-container h2 a { - background-color: var(--color-header); - line-height: 135%; -} - -#zine-container h3 { - background-color: var(--color-warn); - color: var(--color-text); - border-radius: 3px; - padding: 0 .2rem; - text-align: right; - line-height: 150%; - margin: .25rem 0 .75rem 0; -} - -#zine-container blockquote { - margin: 0; - color: var(--color-header); -} - -#zine-container blockquote p { - display: block; - margin-block: .75rem; -} - -#zine-container blockquote p:first-child { - margin-top: .5rem; -} - -#zine-container blockquote p:last-child { - margin-bottom: 0; + img { + margin-block-start: .5rem; + } + } } @@ -412,6 +433,6 @@ footer p {

- + diff --git a/years/2024/zines/index.html b/years/2024/zines/index.html index 4c16e61..e82d49a 100644 --- a/years/2024/zines/index.html +++ b/years/2024/zines/index.html @@ -24,7 +24,7 @@ - + @@ -281,55 +281,76 @@ footer p { } } #zine-container { - padding: 0; + padding: 0; + + > li { + list-style: none; + border-bottom: solid; + border-left: solid; + border-radius: .25rem; + padding: 0 .4rem .4rem; + margin-bottom: 2rem; + + &:has(img) { + display: grid; + grid-template-areas: "text img"; + gap: .75rem; + grid-template-columns: 3fr 2fr; + + img { + border-radius: .2rem; + } + } + } + + h2, + p { + border: none; + display: inline; + } + + h2 a { + background-color: var(--color-header); + line-height: 135%; + } + + h3 { + background-color: var(--color-warn); + color: var(--color-text); + border-radius: .2rem; + padding: 0 .2rem; + text-align: right; + line-height: 150%; + margin: .25rem 0 .75rem 0; + } + + blockquote { + margin: 0; + color: var(--color-header); + + p { + display: block; + margin-block: .75rem; + } + + p:first-child { + margin-top: .5rem; + } + + p:last-child { + margin-bottom: 0; + } + } } -#zine-container > li { - list-style: none; - border-bottom: solid; - border-left: solid; - border-radius: 4px; - padding: 0 .4rem .4rem; - margin-bottom: 2rem; -} +@media (max-width: 650px) { + #zine-container > li:has(img) { + display: block; -#zine-container h2, -#zine-container p { - border: none; - display: inline; -} - -#zine-container h2 a { - background-color: var(--color-header); - line-height: 135%; -} - -#zine-container h3 { - background-color: var(--color-warn); - color: var(--color-text); - border-radius: 3px; - padding: 0 .2rem; - text-align: right; - line-height: 150%; - margin: .25rem 0 .75rem 0; -} - -#zine-container blockquote { - margin: 0; - color: var(--color-header); -} - -#zine-container blockquote p { - display: block; - margin-block: .75rem; -} - -#zine-container blockquote p:first-child { - margin-top: .5rem; -} - -#zine-container blockquote p:last-child { - margin-bottom: 0; + img { + margin-block-start: .5rem; + } + } } @@ -384,527 +405,652 @@ footer p { @@ -923,6 +1069,6 @@ footer p {

- + diff --git a/years/2025/guidelines/index.html b/years/2025/guidelines/index.html index bbc6a7f..e09b7ae 100644 --- a/years/2025/guidelines/index.html +++ b/years/2025/guidelines/index.html @@ -24,7 +24,7 @@ - + @@ -281,55 +281,76 @@ footer p { } } #zine-container { - padding: 0; + padding: 0; + + > li { + list-style: none; + border-bottom: solid; + border-left: solid; + border-radius: .25rem; + padding: 0 .4rem .4rem; + margin-bottom: 2rem; + + &:has(img) { + display: grid; + grid-template-areas: "text img"; + gap: .75rem; + grid-template-columns: 3fr 2fr; + + img { + border-radius: .2rem; + } + } + } + + h2, + p { + border: none; + display: inline; + } + + h2 a { + background-color: var(--color-header); + line-height: 135%; + } + + h3 { + background-color: var(--color-warn); + color: var(--color-text); + border-radius: .2rem; + padding: 0 .2rem; + text-align: right; + line-height: 150%; + margin: .25rem 0 .75rem 0; + } + + blockquote { + margin: 0; + color: var(--color-header); + + p { + display: block; + margin-block: .75rem; + } + + p:first-child { + margin-top: .5rem; + } + + p:last-child { + margin-bottom: 0; + } + } } -#zine-container > li { - list-style: none; - border-bottom: solid; - border-left: solid; - border-radius: 4px; - padding: 0 .4rem .4rem; - margin-bottom: 2rem; -} +@media (max-width: 650px) { + #zine-container > li:has(img) { + display: block; -#zine-container h2, -#zine-container p { - border: none; - display: inline; -} - -#zine-container h2 a { - background-color: var(--color-header); - line-height: 135%; -} - -#zine-container h3 { - background-color: var(--color-warn); - color: var(--color-text); - border-radius: 3px; - padding: 0 .2rem; - text-align: right; - line-height: 150%; - margin: .25rem 0 .75rem 0; -} - -#zine-container blockquote { - margin: 0; - color: var(--color-header); -} - -#zine-container blockquote p { - display: block; - margin-block: .75rem; -} - -#zine-container blockquote p:first-child { - margin-top: .5rem; -} - -#zine-container blockquote p:last-child { - margin-bottom: 0; + img { + margin-block-start: .5rem; + } + } } @@ -437,6 +458,6 @@ footer p {

- + diff --git a/years/2025/index.html b/years/2025/index.html index 93cd6b1..1a174bd 100644 --- a/years/2025/index.html +++ b/years/2025/index.html @@ -24,7 +24,7 @@ - + @@ -281,55 +281,76 @@ footer p { } } #zine-container { - padding: 0; + padding: 0; + + > li { + list-style: none; + border-bottom: solid; + border-left: solid; + border-radius: .25rem; + padding: 0 .4rem .4rem; + margin-bottom: 2rem; + + &:has(img) { + display: grid; + grid-template-areas: "text img"; + gap: .75rem; + grid-template-columns: 3fr 2fr; + + img { + border-radius: .2rem; + } + } + } + + h2, + p { + border: none; + display: inline; + } + + h2 a { + background-color: var(--color-header); + line-height: 135%; + } + + h3 { + background-color: var(--color-warn); + color: var(--color-text); + border-radius: .2rem; + padding: 0 .2rem; + text-align: right; + line-height: 150%; + margin: .25rem 0 .75rem 0; + } + + blockquote { + margin: 0; + color: var(--color-header); + + p { + display: block; + margin-block: .75rem; + } + + p:first-child { + margin-top: .5rem; + } + + p:last-child { + margin-bottom: 0; + } + } } -#zine-container > li { - list-style: none; - border-bottom: solid; - border-left: solid; - border-radius: 4px; - padding: 0 .4rem .4rem; - margin-bottom: 2rem; -} +@media (max-width: 650px) { + #zine-container > li:has(img) { + display: block; -#zine-container h2, -#zine-container p { - border: none; - display: inline; -} - -#zine-container h2 a { - background-color: var(--color-header); - line-height: 135%; -} - -#zine-container h3 { - background-color: var(--color-warn); - color: var(--color-text); - border-radius: 3px; - padding: 0 .2rem; - text-align: right; - line-height: 150%; - margin: .25rem 0 .75rem 0; -} - -#zine-container blockquote { - margin: 0; - color: var(--color-header); -} - -#zine-container blockquote p { - display: block; - margin-block: .75rem; -} - -#zine-container blockquote p:first-child { - margin-top: .5rem; -} - -#zine-container blockquote p:last-child { - margin-bottom: 0; + img { + margin-block-start: .5rem; + } + } } @@ -422,6 +443,6 @@ footer p {

- + diff --git a/years/2025/zines/index.html b/years/2025/zines/index.html index 2d3778f..99f836f 100644 --- a/years/2025/zines/index.html +++ b/years/2025/zines/index.html @@ -24,7 +24,7 @@ - + @@ -281,55 +281,76 @@ footer p { } } #zine-container { - padding: 0; + padding: 0; + + > li { + list-style: none; + border-bottom: solid; + border-left: solid; + border-radius: .25rem; + padding: 0 .4rem .4rem; + margin-bottom: 2rem; + + &:has(img) { + display: grid; + grid-template-areas: "text img"; + gap: .75rem; + grid-template-columns: 3fr 2fr; + + img { + border-radius: .2rem; + } + } + } + + h2, + p { + border: none; + display: inline; + } + + h2 a { + background-color: var(--color-header); + line-height: 135%; + } + + h3 { + background-color: var(--color-warn); + color: var(--color-text); + border-radius: .2rem; + padding: 0 .2rem; + text-align: right; + line-height: 150%; + margin: .25rem 0 .75rem 0; + } + + blockquote { + margin: 0; + color: var(--color-header); + + p { + display: block; + margin-block: .75rem; + } + + p:first-child { + margin-top: .5rem; + } + + p:last-child { + margin-bottom: 0; + } + } } -#zine-container > li { - list-style: none; - border-bottom: solid; - border-left: solid; - border-radius: 4px; - padding: 0 .4rem .4rem; - margin-bottom: 2rem; -} +@media (max-width: 650px) { + #zine-container > li:has(img) { + display: block; -#zine-container h2, -#zine-container p { - border: none; - display: inline; -} - -#zine-container h2 a { - background-color: var(--color-header); - line-height: 135%; -} - -#zine-container h3 { - background-color: var(--color-warn); - color: var(--color-text); - border-radius: 3px; - padding: 0 .2rem; - text-align: right; - line-height: 150%; - margin: .25rem 0 .75rem 0; -} - -#zine-container blockquote { - margin: 0; - color: var(--color-header); -} - -#zine-container blockquote p { - display: block; - margin-block: .75rem; -} - -#zine-container blockquote p:first-child { - margin-top: .5rem; -} - -#zine-container blockquote p:last-child { - margin-bottom: 0; + img { + margin-block-start: .5rem; + } + } } @@ -384,391 +405,486 @@ footer p { @@ -787,6 +903,6 @@ footer p {

- + diff --git a/years/2026-2027/guidelines/index.html b/years/2026-2027/guidelines/index.html index 869d7a4..2d9e555 100644 --- a/years/2026-2027/guidelines/index.html +++ b/years/2026-2027/guidelines/index.html @@ -24,7 +24,7 @@ - + @@ -281,55 +281,76 @@ footer p { } } #zine-container { - padding: 0; + padding: 0; + + > li { + list-style: none; + border-bottom: solid; + border-left: solid; + border-radius: .25rem; + padding: 0 .4rem .4rem; + margin-bottom: 2rem; + + &:has(img) { + display: grid; + grid-template-areas: "text img"; + gap: .75rem; + grid-template-columns: 3fr 2fr; + + img { + border-radius: .2rem; + } + } + } + + h2, + p { + border: none; + display: inline; + } + + h2 a { + background-color: var(--color-header); + line-height: 135%; + } + + h3 { + background-color: var(--color-warn); + color: var(--color-text); + border-radius: .2rem; + padding: 0 .2rem; + text-align: right; + line-height: 150%; + margin: .25rem 0 .75rem 0; + } + + blockquote { + margin: 0; + color: var(--color-header); + + p { + display: block; + margin-block: .75rem; + } + + p:first-child { + margin-top: .5rem; + } + + p:last-child { + margin-bottom: 0; + } + } } -#zine-container > li { - list-style: none; - border-bottom: solid; - border-left: solid; - border-radius: 4px; - padding: 0 .4rem .4rem; - margin-bottom: 2rem; -} +@media (max-width: 650px) { + #zine-container > li:has(img) { + display: block; -#zine-container h2, -#zine-container p { - border: none; - display: inline; -} - -#zine-container h2 a { - background-color: var(--color-header); - line-height: 135%; -} - -#zine-container h3 { - background-color: var(--color-warn); - color: var(--color-text); - border-radius: 3px; - padding: 0 .2rem; - text-align: right; - line-height: 150%; - margin: .25rem 0 .75rem 0; -} - -#zine-container blockquote { - margin: 0; - color: var(--color-header); -} - -#zine-container blockquote p { - display: block; - margin-block: .75rem; -} - -#zine-container blockquote p:first-child { - margin-top: .5rem; -} - -#zine-container blockquote p:last-child { - margin-bottom: 0; + img { + margin-block-start: .5rem; + } + } } @@ -445,6 +466,6 @@ footer p {

- + diff --git a/years/2026-2027/index.html b/years/2026-2027/index.html index 06e9879..2d92b0a 100644 --- a/years/2026-2027/index.html +++ b/years/2026-2027/index.html @@ -24,7 +24,7 @@ - + @@ -281,55 +281,76 @@ footer p { } } #zine-container { - padding: 0; + padding: 0; + + > li { + list-style: none; + border-bottom: solid; + border-left: solid; + border-radius: .25rem; + padding: 0 .4rem .4rem; + margin-bottom: 2rem; + + &:has(img) { + display: grid; + grid-template-areas: "text img"; + gap: .75rem; + grid-template-columns: 3fr 2fr; + + img { + border-radius: .2rem; + } + } + } + + h2, + p { + border: none; + display: inline; + } + + h2 a { + background-color: var(--color-header); + line-height: 135%; + } + + h3 { + background-color: var(--color-warn); + color: var(--color-text); + border-radius: .2rem; + padding: 0 .2rem; + text-align: right; + line-height: 150%; + margin: .25rem 0 .75rem 0; + } + + blockquote { + margin: 0; + color: var(--color-header); + + p { + display: block; + margin-block: .75rem; + } + + p:first-child { + margin-top: .5rem; + } + + p:last-child { + margin-bottom: 0; + } + } } -#zine-container > li { - list-style: none; - border-bottom: solid; - border-left: solid; - border-radius: 4px; - padding: 0 .4rem .4rem; - margin-bottom: 2rem; -} +@media (max-width: 650px) { + #zine-container > li:has(img) { + display: block; -#zine-container h2, -#zine-container p { - border: none; - display: inline; -} - -#zine-container h2 a { - background-color: var(--color-header); - line-height: 135%; -} - -#zine-container h3 { - background-color: var(--color-warn); - color: var(--color-text); - border-radius: 3px; - padding: 0 .2rem; - text-align: right; - line-height: 150%; - margin: .25rem 0 .75rem 0; -} - -#zine-container blockquote { - margin: 0; - color: var(--color-header); -} - -#zine-container blockquote p { - display: block; - margin-block: .75rem; -} - -#zine-container blockquote p:first-child { - margin-top: .5rem; -} - -#zine-container blockquote p:last-child { - margin-bottom: 0; + img { + margin-block-start: .5rem; + } + } } @@ -406,6 +427,6 @@ footer p {

- + diff --git a/years/2026-2027/zines/index.html b/years/2026-2027/zines/index.html index e256941..49f0ac7 100644 --- a/years/2026-2027/zines/index.html +++ b/years/2026-2027/zines/index.html @@ -24,7 +24,7 @@ - + @@ -281,55 +281,76 @@ footer p { } } #zine-container { - padding: 0; + padding: 0; + + > li { + list-style: none; + border-bottom: solid; + border-left: solid; + border-radius: .25rem; + padding: 0 .4rem .4rem; + margin-bottom: 2rem; + + &:has(img) { + display: grid; + grid-template-areas: "text img"; + gap: .75rem; + grid-template-columns: 3fr 2fr; + + img { + border-radius: .2rem; + } + } + } + + h2, + p { + border: none; + display: inline; + } + + h2 a { + background-color: var(--color-header); + line-height: 135%; + } + + h3 { + background-color: var(--color-warn); + color: var(--color-text); + border-radius: .2rem; + padding: 0 .2rem; + text-align: right; + line-height: 150%; + margin: .25rem 0 .75rem 0; + } + + blockquote { + margin: 0; + color: var(--color-header); + + p { + display: block; + margin-block: .75rem; + } + + p:first-child { + margin-top: .5rem; + } + + p:last-child { + margin-bottom: 0; + } + } } -#zine-container > li { - list-style: none; - border-bottom: solid; - border-left: solid; - border-radius: 4px; - padding: 0 .4rem .4rem; - margin-bottom: 2rem; -} +@media (max-width: 650px) { + #zine-container > li:has(img) { + display: block; -#zine-container h2, -#zine-container p { - border: none; - display: inline; -} - -#zine-container h2 a { - background-color: var(--color-header); - line-height: 135%; -} - -#zine-container h3 { - background-color: var(--color-warn); - color: var(--color-text); - border-radius: 3px; - padding: 0 .2rem; - text-align: right; - line-height: 150%; - margin: .25rem 0 .75rem 0; -} - -#zine-container blockquote { - margin: 0; - color: var(--color-header); -} - -#zine-container blockquote p { - display: block; - margin-block: .75rem; -} - -#zine-container blockquote p:first-child { - margin-top: .5rem; -} - -#zine-container blockquote p:last-child { - margin-bottom: 0; + img { + margin-block-start: .5rem; + } + } } @@ -386,132 +407,168 @@ footer p { @@ -817,6 +967,6 @@ footer p {

- + diff --git a/years/index.html b/years/index.html index ddd2db5..b90cd42 100644 --- a/years/index.html +++ b/years/index.html @@ -24,7 +24,7 @@ - + @@ -281,55 +281,76 @@ footer p { } } #zine-container { - padding: 0; + padding: 0; + + > li { + list-style: none; + border-bottom: solid; + border-left: solid; + border-radius: .25rem; + padding: 0 .4rem .4rem; + margin-bottom: 2rem; + + &:has(img) { + display: grid; + grid-template-areas: "text img"; + gap: .75rem; + grid-template-columns: 3fr 2fr; + + img { + border-radius: .2rem; + } + } + } + + h2, + p { + border: none; + display: inline; + } + + h2 a { + background-color: var(--color-header); + line-height: 135%; + } + + h3 { + background-color: var(--color-warn); + color: var(--color-text); + border-radius: .2rem; + padding: 0 .2rem; + text-align: right; + line-height: 150%; + margin: .25rem 0 .75rem 0; + } + + blockquote { + margin: 0; + color: var(--color-header); + + p { + display: block; + margin-block: .75rem; + } + + p:first-child { + margin-top: .5rem; + } + + p:last-child { + margin-bottom: 0; + } + } } -#zine-container > li { - list-style: none; - border-bottom: solid; - border-left: solid; - border-radius: 4px; - padding: 0 .4rem .4rem; - margin-bottom: 2rem; -} +@media (max-width: 650px) { + #zine-container > li:has(img) { + display: block; -#zine-container h2, -#zine-container p { - border: none; - display: inline; -} - -#zine-container h2 a { - background-color: var(--color-header); - line-height: 135%; -} - -#zine-container h3 { - background-color: var(--color-warn); - color: var(--color-text); - border-radius: 3px; - padding: 0 .2rem; - text-align: right; - line-height: 150%; - margin: .25rem 0 .75rem 0; -} - -#zine-container blockquote { - margin: 0; - color: var(--color-header); -} - -#zine-container blockquote p { - display: block; - margin-block: .75rem; -} - -#zine-container blockquote p:first-child { - margin-top: .5rem; -} - -#zine-container blockquote p:last-child { - margin-bottom: 0; + img { + margin-block-start: .5rem; + } + } } @@ -400,6 +421,6 @@ footer p {

- + diff --git a/zines/index.html b/zines/index.html index 271857e..a1e2e88 100644 --- a/zines/index.html +++ b/zines/index.html @@ -24,7 +24,7 @@ - + @@ -281,55 +281,76 @@ footer p { } } #zine-container { - padding: 0; + padding: 0; + + > li { + list-style: none; + border-bottom: solid; + border-left: solid; + border-radius: .25rem; + padding: 0 .4rem .4rem; + margin-bottom: 2rem; + + &:has(img) { + display: grid; + grid-template-areas: "text img"; + gap: .75rem; + grid-template-columns: 3fr 2fr; + + img { + border-radius: .2rem; + } + } + } + + h2, + p { + border: none; + display: inline; + } + + h2 a { + background-color: var(--color-header); + line-height: 135%; + } + + h3 { + background-color: var(--color-warn); + color: var(--color-text); + border-radius: .2rem; + padding: 0 .2rem; + text-align: right; + line-height: 150%; + margin: .25rem 0 .75rem 0; + } + + blockquote { + margin: 0; + color: var(--color-header); + + p { + display: block; + margin-block: .75rem; + } + + p:first-child { + margin-top: .5rem; + } + + p:last-child { + margin-bottom: 0; + } + } } -#zine-container > li { - list-style: none; - border-bottom: solid; - border-left: solid; - border-radius: 4px; - padding: 0 .4rem .4rem; - margin-bottom: 2rem; -} +@media (max-width: 650px) { + #zine-container > li:has(img) { + display: block; -#zine-container h2, -#zine-container p { - border: none; - display: inline; -} - -#zine-container h2 a { - background-color: var(--color-header); - line-height: 135%; -} - -#zine-container h3 { - background-color: var(--color-warn); - color: var(--color-text); - border-radius: 3px; - padding: 0 .2rem; - text-align: right; - line-height: 150%; - margin: .25rem 0 .75rem 0; -} - -#zine-container blockquote { - margin: 0; - color: var(--color-header); -} - -#zine-container blockquote p { - display: block; - margin-block: .75rem; -} - -#zine-container blockquote p:first-child { - margin-top: .5rem; -} - -#zine-container blockquote p:last-child { - margin-bottom: 0; + img { + margin-block-start: .5rem; + } + } } @@ -387,430 +408,526 @@ footer p { @@ -1868,6 +2238,6 @@ footer p {

- +