npm audit fix

_includes/zines.njk

@@ -1,6 +1,7 @@
 <ul id="zine-container">
   {% for zine in zines | sortAlphabeticallyByArtist %}
     <li>
+      <div class="zine-text">
         {% if allyears %}
           <p>In {{ zine | getYear }},</p>
         {% endif %}
@@ -28,6 +29,12 @@
         {% endif %}
 
         <blockquote>{{ zine.content | safe }}</blockquote>
+      </div>
+
+      {% if zine.data.img.src and zine.data.img.alt %}
+        <img src="/img/{{ zine.data.img.src }}" alt="{{ zine.data.img.alt }}">
+      {% endif %}
+
     </li>
   {% endfor %}
 </ul>

css/zines.css

@@ -1,51 +1,72 @@
 #zine-container {
 	padding: 0;
-}
 
-#zine-container > li {
+	> li {
 		list-style: none;
 		border-bottom: solid;
 		border-left: solid;
-  border-radius: 4px;
+		border-radius: .25rem;
 		padding: 0 .4rem .4rem;
 		margin-bottom: 2rem;
-}
 
-#zine-container h2,
+		&:has(img) {
-#zine-container p {
+			display: grid;
+			grid-template-areas: "text img";
+			gap: .75rem;
+			grid-template-columns: 3fr 2fr;
+
+			img {
+				border-radius: .2rem;
+			}
+		}
+	}
+
+	h2,
+	p {
 		border: none;
 		display: inline;
-}
+	}
 
-#zine-container h2 a {
+	h2 a {
 		background-color: var(--color-header);
 		line-height: 135%;
-}
+	}
 
-#zine-container h3 {
+	h3 {
 		background-color: var(--color-warn);
 		color: var(--color-text);
-  border-radius: 3px;
+		border-radius: .2rem;
 		padding: 0 .2rem;
 		text-align: right;
 		line-height: 150%;
 		margin: .25rem 0 .75rem 0;
-}
+	}
 
-#zine-container blockquote {
+	blockquote {
 		margin: 0;
 		color: var(--color-header);
-}
 
-#zine-container blockquote p {
+		p {
 			display: block;
 			margin-block: .75rem;
-}
+		}
 
-#zine-container blockquote p:first-child {
+		p:first-child {
 			margin-top: .5rem;
+		}
+
+		p:last-child {
+			margin-bottom: 0;
+		}
+	}
 }
 
-#zine-container blockquote p:last-child {
+@media (max-width: 650px) {
-	margin-bottom: 0;
+	#zine-container > li:has(img) {
+		display: block;
+
+		img {
+			margin-block-start: .5rem;
+		}
+	}
 }

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/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.