generated from inherentlee/11ty
Compare commits
3
Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 inherentlee
|
cf778fa5d2 | ||
|
inherentlee
|
dc6f1e0e81 | ||
|
inherentlee
|
7688acd910 |
No files matched your search
+28
-21
@@ -1,33 +1,40 @@
|
||||
<ul id="zine-container">
|
||||
{% for zine in zines | sortAlphabeticallyByArtist %}
|
||||
<li>
|
||||
{% if allyears %}
|
||||
<p>In {{ zine | getYear }},</p>
|
||||
{% endif %}
|
||||
<h2>
|
||||
{% if zine.data.site %}
|
||||
<a href="{{ zine.data.site }}" target="_blank">{{ zine.data.artist }}</a>
|
||||
{% else %}
|
||||
{{ zine.data.artist }}
|
||||
<div class="zine-text">
|
||||
{% if allyears %}
|
||||
<p>In {{ zine | getYear }},</p>
|
||||
{% 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.length == 1 %}
|
||||
<p>made a {{ zine.data.format }} zine called...</p>
|
||||
<h3>{{ zine.data.titles }}</h3>
|
||||
{% if zine.data.titles %}
|
||||
{% if zine.data.titles.length == 1 %}
|
||||
<p>made a {{ zine.data.format }} zine called...</p>
|
||||
<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>
|
||||
{% for title in zine.data.titles %}
|
||||
<h3>{{ title }}</h3>
|
||||
{% endfor %}
|
||||
<p>is planning a {{ zine.data.format }} zine...</p>
|
||||
{% endif %}
|
||||
<p>and the original blurb was...</p>
|
||||
{% else %}
|
||||
<p>is planning a {{ zine.data.format }} zine...</p>
|
||||
|
||||
<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 %}
|
||||
|
||||
<blockquote>{{ zine.content | safe }}</blockquote>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
+67
-46
@@ -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 {
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
Generated
+69
-20
@@ -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",
|
||||
"resolved": "https://registry.npmjs.org/@11ty/eleventy/-/eleventy-3.1.5.tgz",
|
||||
"integrity": "sha512-hZ0g6MwZyRxCqXsPm82gIM304LraKbUz3ZmezOSjsqxttZG6cHTib3Qq8QkESJoKwnr+yX1eyfOkPC5/mEgZnQ==",
|
||||
"version": "3.1.6",
|
||||
"resolved": "https://registry.npmjs.org/@11ty/eleventy/-/eleventy-3.1.6.tgz",
|
||||
"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",
|
||||
"slugify": "^1.6.8",
|
||||
"tinyglobby": "^0.2.15"
|
||||
"semver": "^7.8.1",
|
||||
"slugify": "^1.6.9",
|
||||
"tinyglobby": "^0.2.16"
|
||||
},
|
||||
"bin": {
|
||||
"eleventy": "cmd.cjs"
|
||||
@@ -92,14 +141,14 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@11ty/eleventy-dev-server": {
|
||||
"version": "2.0.8",
|
||||
"resolved": "https://registry.npmjs.org/@11ty/eleventy-dev-server/-/eleventy-dev-server-2.0.8.tgz",
|
||||
"integrity": "sha512-15oC5M1DQlCaOMUq4limKRYmWiGecDaGwryr7fTE/oM9Ix8siqMvWi+I8VjsfrGr+iViDvWcH/TVI6D12d93mA==",
|
||||
"version": "2.1.2",
|
||||
"resolved": "https://registry.npmjs.org/@11ty/eleventy-dev-server/-/eleventy-dev-server-2.1.2.tgz",
|
||||
"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",
|
||||
"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
|
||||
"integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
|
||||
"version": "4.0.7",
|
||||
"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.7.tgz",
|
||||
"integrity": "sha512-qcJu88Q2IWqJsDD529JKMdwGm/dvInW4HvQnRwiH9JtihJvzGOscDtHE3x1pBKeUOTysQ8kVmLnJ2kJu7yhcGA==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
@@ -2216,9 +2265,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/semver": {
|
||||
"version": "7.8.0",
|
||||
"resolved": "https://registry.npmjs.org/semver/-/semver-7.8.0.tgz",
|
||||
"integrity": "sha512-AcM7dV/5ul4EekoQ29Agm5vri8JNqRyj39o0qpX6vDF2GZrtutZl5RwgD1XnZjiTAfncsJhMI48QQH3sN87YNA==",
|
||||
"version": "7.8.5",
|
||||
"resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
|
||||
"integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
|
||||
"dev": true,
|
||||
"license": "ISC",
|
||||
"bin": {
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 5.1 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 MiB |
@@ -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.
|
||||
|
||||
@@ -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.
|
||||
Reference in new issue
Block a user
