add sticker thanks

_includes/zines.njk

@@ -1,33 +1,40 @@
 <ul id="zine-container">
   {% for zine in zines | sortAlphabeticallyByArtist %}
     <li>
-      {% if allyears %}
+      <div class="zine-text">
-        <p>In {{ zine | getYear }},</p>
+        {% if allyears %}
-      {% endif %}
+          <p>In {{ zine | getYear }},</p>
-      <h2>
-        {% if zine.data.site %}
-          <a href="{{ zine.data.site }}" target="_blank">{{ zine.data.artist }}</a>
-        {% else %}
-          {{ zine.data.artist }}
         {% endif %}
-      </h2>
+        <h2>
+          {% if zine.data.site %}
+            <a href="{{ zine.data.site }}" target="_blank">{{ zine.data.artist }}</a>
+          {% else %}
+            {{ zine.data.artist }}
+          {% endif %}
+        </h2>
 
-      {% if zine.data.titles %}
+        {% if zine.data.titles %}
-        {% if zine.data.titles.length == 1 %}
+          {% if zine.data.titles.length == 1 %}
-          <p>made a {{ zine.data.format }} zine called...</p>
+            <p>made a {{ zine.data.format }} zine called...</p>
-          <h3>{{ zine.data.titles }}</h3>
+            <h3>{{ zine.data.titles }}</h3>
+          {% else %}
+            <p>made {{ zine.data.format }} zines called...</p>
+            {% for title in zine.data.titles %}
+              <h3>{{ title }}</h3>
+            {% endfor %}
+          {% endif %}
+          <p>and the original blurb was...</p>
         {% else %}
-          <p>made {{ zine.data.format }} zines called...</p>
+          <p>is planning a {{ zine.data.format }} zine...</p>
-          {% for title in zine.data.titles %}
-            <h3>{{ title }}</h3>
-          {% endfor %}
         {% endif %}
-        <p>and the original blurb was...</p>
+
-      {% else %}
+        <blockquote>{{ zine.content | safe }}</blockquote>
-        <p>is planning a {{ zine.data.format }} zine...</p>
+      </div>
+
+      {% if zine.data.img.src and zine.data.img.alt %}
+        <img src="/img/{{ zine.data.img.src }}" alt="{{ zine.data.img.alt }}">
       {% endif %}
 
-      <blockquote>{{ zine.content | safe }}</blockquote>
     </li>
   {% endfor %}
 </ul>

css/main.css

@@ -59,6 +59,7 @@ body {
 
 main {
 	width: 60%;
+	max-width: 1500px;
 	margin: 0 auto 2rem;
 }
 

css/zines.css

@@ -1,51 +1,72 @@
 #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 {
+@media (max-width: 650px) {
-  list-style: none;
+	#zine-container > li:has(img) {
-  border-bottom: solid;
+		display: block;
-  border-left: solid;
-  border-radius: 4px;
-  padding: 0 .4rem .4rem;
-  margin-bottom: 2rem;
-}
 
-#zine-container h2,
+		img {
-#zine-container p {
+			margin-block-start: .5rem;
-  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;
 }

eleventy.config.js

@@ -53,7 +53,7 @@ export default async function (eleventyConfig) {
 		formats: ["auto"],
 
 		// output image widths
-		widths: ["auto"],
+		widths: ["600px"],
 
 		// optional, attributes assigned on <img> nodes override these values
 		htmlOptions: {

package-lock.json

@@ -5,6 +5,7 @@
 	"requires": true,
 	"packages": {
 		"": {
+			"name": "zinefest",
 			"version": "1.0.0",
 			"license": "AGPL-3.0-only",
 			"devDependencies": {
@@ -16,6 +17,54 @@
 				"markdown-it-link-attributes": "https://github.com/lee0c/markdown-it-link-attributes/tarball/main"
 			}
 		},
+		"node_modules/@11ty/chokidar-with-glob-support": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/@11ty/chokidar-with-glob-support/-/chokidar-with-glob-support-1.1.0.tgz",
+			"integrity": "sha512-B4X9ZPBHG3j/HCT64A8a0PZMkxOj8cUSPto0L61J4KRuwX4EIuUWerggHcWc3RdUx3ih4xtvK8WGjJ4Ak7S/fQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"chokidar": "^4.0.3",
+				"picomatch": "^4.0.7"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/11ty"
+			}
+		},
+		"node_modules/@11ty/chokidar-with-glob-support/node_modules/chokidar": {
+			"version": "4.0.3",
+			"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
+			"integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"readdirp": "^4.0.1"
+			},
+			"engines": {
+				"node": ">= 14.16.0"
+			},
+			"funding": {
+				"url": "https://paulmillr.com/funding/"
+			}
+		},
+		"node_modules/@11ty/chokidar-with-glob-support/node_modules/readdirp": {
+			"version": "4.1.2",
+			"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
+			"integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 14.18.0"
+			},
+			"funding": {
+				"type": "individual",
+				"url": "https://paulmillr.com/funding/"
+			}
+		},
 		"node_modules/@11ty/dependency-tree": {
 			"version": "4.0.2",
 			"resolved": "https://registry.npmjs.org/@11ty/dependency-tree/-/dependency-tree-4.0.2.tgz",
@@ -40,9 +89,9 @@
 			}
 		},
 		"node_modules/@11ty/eleventy": {
-			"version": "3.1.5",
+			"version": "3.1.6",
-			"resolved": "https://registry.npmjs.org/@11ty/eleventy/-/eleventy-3.1.5.tgz",
+			"resolved": "https://registry.npmjs.org/@11ty/eleventy/-/eleventy-3.1.6.tgz",
-			"integrity": "sha512-hZ0g6MwZyRxCqXsPm82gIM304LraKbUz3ZmezOSjsqxttZG6cHTib3Qq8QkESJoKwnr+yX1eyfOkPC5/mEgZnQ==",
+			"integrity": "sha512-ZlSiR1PLdS2lv7TelBgWAhcvMiLNZkPBlLEb+lh7kGYZ+Mk0bo9qcYgVsewvw9W7Em0RH3wd01h5fAstNDh0zA==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
@@ -52,7 +101,7 @@
 				"@11ty/eleventy-plugin-bundle": "^3.0.7",
 				"@11ty/eleventy-utils": "^2.0.7",
 				"@11ty/lodash-custom": "^4.17.21",
-				"@11ty/posthtml-urls": "^1.0.2",
+				"@11ty/posthtml-urls": "^1.0.3",
 				"@11ty/recursive-copy": "^4.0.4",
 				"@sindresorhus/slugify": "^2.2.1",
 				"bcp-47-normalize": "^2.3.0",
@@ -65,20 +114,20 @@
 				"iso-639-1": "^3.1.5",
 				"js-yaml": "^4.1.1",
 				"kleur": "^4.1.5",
-				"liquidjs": "^10.25.0",
+				"liquidjs": "^10.27.0",
 				"luxon": "^3.7.2",
-				"markdown-it": "^14.1.1",
+				"markdown-it": "^14.2.0",
 				"minimist": "^1.2.8",
 				"moo": "0.5.2",
 				"node-retrieve-globals": "^6.0.1",
 				"nunjucks": "^3.2.4",
-				"picomatch": "^4.0.3",
+				"picomatch": "^4.0.4",
 				"please-upgrade-node": "^3.2.0",
 				"posthtml": "^0.16.7",
 				"posthtml-match-helper": "^2.0.3",
-				"semver": "^7.7.4",
+				"semver": "^7.8.1",
-				"slugify": "^1.6.8",
+				"slugify": "^1.6.9",
-				"tinyglobby": "^0.2.15"
+				"tinyglobby": "^0.2.16"
 			},
 			"bin": {
 				"eleventy": "cmd.cjs"
@@ -92,14 +141,14 @@
 			}
 		},
 		"node_modules/@11ty/eleventy-dev-server": {
-			"version": "2.0.8",
+			"version": "2.1.2",
-			"resolved": "https://registry.npmjs.org/@11ty/eleventy-dev-server/-/eleventy-dev-server-2.0.8.tgz",
+			"resolved": "https://registry.npmjs.org/@11ty/eleventy-dev-server/-/eleventy-dev-server-2.1.2.tgz",
-			"integrity": "sha512-15oC5M1DQlCaOMUq4limKRYmWiGecDaGwryr7fTE/oM9Ix8siqMvWi+I8VjsfrGr+iViDvWcH/TVI6D12d93mA==",
+			"integrity": "sha512-cwReJlQtIZsFuwMhm2fXwwjj+uUVvRkuoESgDtR5Mg9tY2qRj8UbNC8xhYRBuYVpACd3E09CxGPkk/Qj15Zo+A==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
+				"@11ty/chokidar-with-glob-support": "^1.1.0",
 				"@11ty/eleventy-utils": "^2.0.1",
-				"chokidar": "^3.6.0",
 				"debug": "^4.4.0",
 				"finalhandler": "^1.3.1",
 				"mime": "^3.0.0",
@@ -2063,9 +2112,9 @@
 			}
 		},
 		"node_modules/picomatch": {
-			"version": "4.0.4",
+			"version": "4.0.7",
-			"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.7.tgz",
-			"integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+			"integrity": "sha512-qcJu88Q2IWqJsDD529JKMdwGm/dvInW4HvQnRwiH9JtihJvzGOscDtHE3x1pBKeUOTysQ8kVmLnJ2kJu7yhcGA==",
 			"dev": true,
 			"license": "MIT",
 			"engines": {
@@ -2216,9 +2265,9 @@
 			}
 		},
 		"node_modules/semver": {
-			"version": "7.8.0",
+			"version": "7.8.5",
-			"resolved": "https://registry.npmjs.org/semver/-/semver-7.8.0.tgz",
+			"resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
-			"integrity": "sha512-AcM7dV/5ul4EekoQ29Agm5vri8JNqRyj39o0qpX6vDF2GZrtutZl5RwgD1XnZjiTAfncsJhMI48QQH3sN87YNA==",
+			"integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
 			"dev": true,
 			"license": "ISC",
 			"bin": {

src/years/2026-2027/index.md

@@ -25,3 +25,7 @@ See the [FediZineFest 2026-2027 zines.](/years/2026-2027/zines) You can [buy zin
 - **Digital zine coordination:** Dave Slusher — [evilgeniuschronicles.org](https://evilgeniuschronicles.org/)
 - **Timeline coordination:** Steffi Jên — [@Steffi@toot.wales on fedi](https://toot.wales/@Steffi)
 - **Color and logo design:** Eric Jennings — [killyour.guru](https://www.killyour.guru/)
+
+### Special thanks
+
+- **Sticker patron:** Flip — [@flpm@sunny.garden on fedi](https://flipping.rocks/@flpm@sunny.garden)

src/zines/2026/a-p-howell.md

@@ -3,6 +3,9 @@ artist: A. P. Howell
 site: "https://aphowell.com"
 format: physical/digital
 titles:
+img:
+  src: 2026-2027/a-p-howell.jpg
+  alt: A black filing cabinet sitting next to a desk in front of a dark teal wall. On the filing cabinet is a stack of author copies of Corners of the Deep Dark, a legal pad, a bullet journal decorated with stickers, a box of tissues, and a box of ham radio stuff. On the desk is a closed ThinkPad, a long-arm stapler, a Macbook open to a black and white drawing of the witch Mombi, a coaster, a lamp, and a small guillotine-style paper cutter.
 ---
 
 Probably a reprint of (paywalled) flash fiction.

src/zines/2026/ac-esguerra.md

@@ -3,6 +3,9 @@ artist: A.C. Esguerra
 site: "https://bsky.app/profile/blueludebar.com"
 format: physical/digital
 titles:
+img:
+  src: 2026-2027/ac-esguerra.jpg
+  alt: Two image collage. Image one is a spread of some of a zine's interior pages, showing fountain pen sketches of punk and lolita clothing drawn with emerald green and scarlet ink. Image two is a 3x3 square grid, each square being a crop of a panel from my comic THE PRINCE. drawings include elaborate framed portraits of a prince, myself as a kid browsing the internet on an old computer with a speech balloon saying 'what's lemon?', myself at an anime convention table, a pair of Looney Toons-esque 'AWOOGA' eyeballs and a hand holding a whip mid-strike.
 ---
 
 DISCOORDINATE (2026) - 32-page mixed media ink drawing + collage sketchzine/manifesto gathering up my studies of and feelings about alternative + j-fashion clothing and their subversive power. All ages. (physical/digital)

src/zines/2026/acin-fals.md

@@ -5,4 +5,4 @@ format: digital
 titles:
 ---
 
-Villian Origin Story: broken tales and illustrations of evil goodness
+Villain Origin Story: broken tales and illustrations of evil goodness

src/zines/2026/flip.md

@@ -3,6 +3,9 @@ artist: Flip
 site: "https://medianoche.org"
 format: physical
 titles:
+img:
+  src: 2026-2027/flip.png
+  alt: Two issues of the zine Scroll Lock, issue 41. Cover in pink and dark blue. The headline says 'Whose problem is AI solving?'. The picture shows a woman wearing an apron looking upset while an old looking toaster  says 'You've used 5 of your 5 monthly toasts, upgrade to unlimited for just $4.99 a month!'
 ---
 
 Scroll Lock is a 20-page Risograph-printed zine that explores our relationship with technology: what it promised, what it delivered, and what we do now.

src/zines/2026/lee.md

@@ -3,6 +3,9 @@ artist: lee
 site: "https://leecat.art"
 format: physical/digital
 titles:
+img:
+  src: 2026-2027/lee.jpg
+  alt: 3 copies of the same zine with 3 different color covers. The cover says 'Leatherworking Tools' 'by Lee' and has many small icons of different tools and processes on it.
 ---
 
-digitally designed zine in color about leatherworking tools and basics. will have a digital printable version as well as a web version with text alternatives and with all tools linked to actual listings in a store.
+digitally designed zine in color about leatherworking tools and basics. will have a home printable version, a digital reading version, and a web version with text alternatives and with all tools linked to actual listings in a store.