inherentlee/fedizinefest-site
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

drone build Thu Sep 17 14:57:43 PDT 2026

Browse Source
This commit is contained in:
inherentlee
2026-09-17 21:57:43 +00:00
parent a3f3e71bea
commit 0040107096
16 changed files with 1317 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files
years/2026-2027/zines/index.html
+685
View File
@@ -0,0 +1,685 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>FediZineFest 2024 Zines | FediZineFest</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<!-- Meta -->
<link rel="canonical" href="/">
<meta name="description" content="A zine sharing project for the fediverse">
<meta name="robots" content="index,follow">
<meta property="og:title" content="FediZineFest 2024 Zines | FediZineFest">
<meta property="og:type" content="article">
<meta property="og:url" content="https://fedizinefest.fyi/years/2026-2027/zines/">
<meta property="og:description" content="A zine sharing project for the fediverse">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<meta property="og:image" content="https://fedizinefest.fyi/img/2026-2027-logo-dark.png">
<meta property="og:image:alt" content="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette">
<meta name="generator" content="Eleventy v3.1.5">
<!-- CSS -->
<style>@font-face {
font-family: "Bloktype";
src: url("/fonts/BLOKTYPE.woff2");
}
:root {
color-scheme: light dark;
--color-light: #f3ccfb;
--color-dark: #130b16;
--color-pink: #ea33d2;
--color-blurple: #6d12e2;
--color-bg: light-dark(var(--color-light), var(--color-dark));
--color-text: light-dark(var(--color-dark), var(--color-light));
--color-header: light-dark(var(--color-blurple), var(--color-pink));
--color-warn: light-dark(var(--color-pink), var(--color-blurple));
}
/* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
*, *::before, *::after {
box-sizing: border-box; /* 1. Use a more-intuitive box-sizing model */
}
*:not(dialog) {
margin: 0; /* 2. Remove default margin */
}
*:focus-visible {
outline: .2rem solid var(--color-header);
outline-offset: .15rem;
background-color: var(--color-header);
}
html {
height: 100%;
}
@media (prefers-reduced-motion: no-preference) {
html {
interpolate-size: allow-keywords; /* 3. Enable keyword animations */
}
}
#root, #__next {
isolation: isolate; /* 10. Create a root stacking context */
}
body {
line-height: 1.5; /* 4. Increase line-height */
-webkit-font-smoothing: antialiased; /* 5. Improve text rendering */
font-family: "Atkinson Hyperlegible Next", sans-serif;
background-color: var(--color-bg);
color: var(--color-text);
display: grid;
grid-template-rows: auto 1fr auto;
min-height: 100%;
}
main {
width: 60%;
margin: 0 auto 2rem;
}
@media (max-width: 1100px) {
main {
width: 80%;
}
}
@media (max-width: 650px) {
main {
width: 92%;
}
}
img, picture, video, canvas, svg {
display: block; /* 6. Improve media defaults */
max-width: 100%; /* 6. Improve media defaults */
height: auto; /* 6. Improve media defaults */
margin: 0 auto;
}
input, button, textarea, select {
font: inherit; /* 7. Inherit fonts for form controls */
}
p, h1, h2, h3, h4, h5, h6 {
overflow-wrap: break-word; /* 8. Avoid text overflows */
}
h1, h2, h3, h4, h5, h6 {
text-wrap: balance; /* 9. Improve line wrapping */
color: var(--color-header);
font-weight: bold;
line-height: 105%;
}
h1 {
margin: 5rem 0;
font-size: 3rem;
text-align: center;
}
@media (max-width: 650px) {
h1 { margin: 2rem 0; }
}
h2 {
font-size: 2rem;
margin: 1.4rem 0;
}
p + h2,
h3 + h2 {
padding-top: 3rem;
border-top: solid;
}
h3 {
font-size: 1.4rem;
margin-top: 1rem;
}
p {
text-wrap: pretty; /* 9. Improve line wrapping */
}
p, ul {
margin: 1.5rem 0;
}
ul ul {
margin: .5rem 0;
}
@media (max-width: 650px) {
ul {
padding-left: 1.5rem;
}
}
a:link,
a:visited {
background-color: var(--color-text);
color: var(--color-bg);
font-weight: bold;
padding: 0 .2rem;
text-decoration: none;
border-radius: .2rem;
}
/* makes the years page prettier */
h3 a:link,
h3 a:visited {
background-color: var(--color-header);
}
h3 *:focus-visible {
outline: .2rem solid var(--color-text);
background-color: var(--color-text);
}
time {
text-decoration: .1rem underline wavy var(--color-blurple);
}
/* Header nav */
nav {
border-bottom: .25rem solid var(--color-header);
font-size: 1.1rem;
}
#skip {
position: absolute;
left: -999px;
top: -999px;
}
#skip:focus-visible {
left: 1rem;
top: .5rem;
}
nav ul {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: center;
list-style: none;
padding: 0;
margin: 0;
}
nav li {
margin: .5rem .5rem;
}
footer {
display: flex;
justify-content: space-between;
margin: 1rem auto 0;
padding: 1rem .5rem;
width: 100%;
flex-flow: row wrap;
border-top: .25rem solid var(--color-header);
}
footer p {
margin: 0.5rem 0;
}
@media (max-width: 650px) {
footer {
flex-flow: column nowrap;
}
footer p {
text-align: center;
}
}
.bloktype {
font-family: "Bloktype", "Atkinson Hyperlegible Next", sans-serif;
font-size: 1.35em; /* because of the blocks the letters are rather small */
color: var(--color-text);
}
@media (prefers-color-scheme: light) {
.dark-mode {
display: none;
}
}
@media (prefers-color-scheme: dark) {
.light-mode {
display: none;
}
}
/* only float insets on larger screens */
@media (min-width: 551px) {
.inset {
clear: both;
width: 40%;
padding-left: 1rem;
padding-bottom: .5rem;
float: right;
background-color: var(--color-bg);
}
}
#zine-container {
padding: 0;
}
#zine-container > li {
list-style: none;
border-bottom: solid;
border-left: solid;
border-radius: 4px;
padding: 0 .4rem .4rem;
margin-bottom: 2rem;
}
#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;
}</style>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Next:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
</head>
<body>
<header>
<nav aria-label="main navigation">
<a id="skip" href="#main">skip to content</a>
<ul>
<li>
<a href="/" title="home">
home
</a>
</li>
<li>
<a href="/signup/" title="get involved">
get involved
</a>
</li>
<li>
<a href="/zines/" title="zines!">
zines!
</a>
</li>
<li>
<a href="/years/" title="all years">
all years
</a>
</li>
</ul>
</nav>
</header>
<main id="main">
<h1 id="fedizinefest-2024-zines">FediZineFest 2024 Zines</h1>
<ul id="zine-container">
<li>
<h2 id="a-c-esguerra">
<a href="https://bsky.app/profile/blueludebar.com" target="_blank">A.C. Esguerra</a>
</h2>
<p>is planning a physical/digital zine...</p>
<blockquote><p>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.</p>
<p>THE PRINCE (2025) - 40-page mixed media pencil, ink + collage comic about the Captive Prince and yaoi fandom-to-BDSM-pipeline. 18+ adults.</p>
<p>WITCH CROSSING (2022) - 32-page short comic drawn in pencil, originally featured in Shortbox Comics Fair 2022; a surreal little adventure about craft, intention and a cute bird. All ages.</p>
<p>BESPOKE (2018) - 8-page poetic comic in ink + pen nib about clothing, roleplay and genderfluid identity. All ages.</p>
<p>all zines listed are 5.5x8.5 in. (folded from 8.5x11 in. paper)</p>
</blockquote>
</li>
<li>
<h2 id="acin-fals">
<a href="https://falsfiction.neocities.org/" target="_blank">Acin Fals</a>
</h2>
<p>is planning a digital zine...</p>
<blockquote><p>Villian Origin Story: broken tales and illustrations of evil goodness</p>
</blockquote>
</li>
<li>
<h2 id="amazey">
Amazey
</h2>
<p>is planning a physical/digital zine...</p>
<blockquote><p>zcmag zine idea generator says: &quot;Make a secret zine that uses public domain materials to illustrate a tarot spread.&quot; Challenge accepted!</p>
</blockquote>
</li>
<li>
<h2 id="come-martin">
<a href="https://comemartin.itch.io" target="_blank">Côme Martin</a>
</h2>
<p>is planning a physical zine...</p>
<blockquote><p>Not sure yet but most probably a small TTRPG that can be played even by people who have no idea what a TTRPG is</p>
</blockquote>
</li>
<li>
<h2 id="flip">
<a href="https://medianoche.org" target="_blank">Flip</a>
</h2>
<p>is planning a physical zine...</p>
<blockquote><p>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.</p>
<p>But it is also more than that. A closer look reveals a loose thread that pulls from the page to the web, in a journey that tells the story of important project in the history of computing.</p>
<p>It was first released during PyCon US 2026 in Long Beach, CA.</p>
</blockquote>
</li>
<li>
<h2 id="itzy">
Itzy
</h2>
<p>is planning a physical zine...</p>
<blockquote><p>autobiographical zine about being trans</p>
</blockquote>
</li>
<li>
<h2 id="jim">
<a href="https://weirder.earth/deck/@worshipthesquid" target="_blank">Jim</a>
</h2>
<p>is planning a physical zine...</p>
<blockquote><p>Something with ink pen drawings that will be either:</p>
<ul>
<li>solo ttrpg companion, or</li>
<li>nature sketches and some local plants I like</li>
</ul>
</blockquote>
</li>
<li>
<h2 id="lee">
<a href="https://leecat.art" target="_blank">lee</a>
</h2>
<p>is planning a physical/digital zine...</p>
<blockquote><p>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.</p>
</blockquote>
</li>
<li>
<h2 id="lisa-boghag">
<a href="https://bogwitch.ing" target="_blank">Lisa BogHag</a>
</h2>
<p>is planning a physical/digital zine...</p>
<blockquote><p>Bats in your belfry or habitation? A quick guide on what to do if you find yourself with a creature of the night as your unexpected roommate.</p>
</blockquote>
</li>
<li>
<h2 id="mariah-currey">
<a href="https://mariahcurrey.carrd.co/" target="_blank">Mariah Currey</a>
</h2>
<p>is planning a physical/digital zine...</p>
<blockquote><p>I make supernatural slice of life and romance comics. Most of them also have some horror elements. The shorter ones I have available in digital and printed zine formats. Some of them are nsfw. Most of them are vampire related, though I also have some werewolf and fae comics. For the physical zine, if nsfw is okay I would be most interested in sending in Knotted by my Hot Werewolf Husband (fluffy smut of a werewolf/fae husband wife duo having sex in the woods). If sfw is better, I could do Our Grand Illusion (lesbian vampire retelling of Phantom of the Opera), Modern Ghouls (vampire bffs slice of life), or Besotted by a Maniac Goblin Nightmare Girl (Hot Werewolf Husband prequel of how they met). I these would also be my picks for digital. They're all on my itchio if you'd like to check out the listings for more info and art: <a href="https://rainydaymariah.itch.io/" target="_blank" rel="external">rainydaymariah.itch.io</a></p>
</blockquote>
</li>
<li>
<h2 id="mark-saltveit">
<a href="https://www.palindromist.org" target="_blank">Mark Saltveit</a>
</h2>
<p>is planning a physical zine...</p>
<blockquote><p>The Palindromist since 1996 is the world's greatest palindrome zine.</p>
</blockquote>
</li>
<li>
<h2 id="nobones">
nobones
</h2>
<p>is planning a physical zine...</p>
<blockquote><p>An art zine with maybe some poetry</p>
</blockquote>
</li>
<li>
<h2 id="ranna">
Ranna
</h2>
<p>is planning a physical zine...</p>
<blockquote><p>I'm working on a quarter page zine I'm calling works cited. It's somwhere between litzine and perzine. Each page contains one sentence with either a footnote or endnote (still working on formatting). The foot/endnote leads to a roughly paragraph length mini-essay about my experiences with urban wildlife/nature. There may or may not be hand-drawn illustrations of flowers, depending on formatting.</p>
</blockquote>
</li>
<li>
<h2 id="robert-kingett-liam-woodard-and-russ-sharek">
<a href="https://sightlessscribbles.com" target="_blank">Robert Kingett, Liam Woodard and Russ Sharek</a>
</h2>
<p>is planning a physical zine...</p>
<blockquote><p>Robert Kingett's &quot;Colonization of Confidence&quot;, typset and printed into pamphlet/zine form by the clowns at #thisOldClownHouse.</p>
<p>ed. note: Robert's website is linked in the header text; Liam and Russ can be found at <a href="https://whirling.top" target="_blank" rel="external">whirling.top</a>.</p>
</blockquote>
</li>
<li>
<h2 id="soapdisch">
<a href="https://www.soapdisch.com" target="_blank">soapdisch</a>
</h2>
<p>is planning a physical zine...</p>
<blockquote><p>I make silly/absurd zines and sometimes how-to zines. Haven't yet decided what my submission will be about :)</p>
</blockquote>
</li>
<li>
<h2 id="sophia">
<a href="https://fractalkitty.com" target="_blank">Sophia</a>
</h2>
<p>is planning a physical/digital zine...</p>
<blockquote><p>Pen plotted and plen-plottable zine art that is procedural and unique for each one.</p>
</blockquote>
</li>
<li>
<h2 id="void">
<a href="https://voidmakes.carrd.co/" target="_blank">Void</a>
</h2>
<p>is planning a physical zine...</p>
<blockquote><p>Two zines that explore my experiences in the workplace as an individual with multiple marginalized identities. They will work as companion zines with one exploring my experiences as a non-binary person and one exploring my experiences as a disabled person.</p>
</blockquote>
</li>
</ul>
</main>
<footer>
<p>
Read the <a href="/attribution">site attribution</a>
</p>
<p>© 2023-2026</p>
<p>Site feedback? Questions?
<a href="https://leecat.art/contact">Reach out to Lee</a>
</p>
</footer>
<!-- This page `/years/2026-2027/zines/` was built on 2026-09-17T21:57:38.919Z -->
</body>
</html>