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

first

Browse Source
This commit is contained in:
inherentlee
2026-08-26 15:36:49 -07:00
commit 12c9c1f6ac
18 changed files with 7079 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
years/2024/guidelines/index.html
+412
View File
@@ -0,0 +1,412 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>FediZineFest 2024 Guidelines | 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 Guidelines | FediZineFest">
<meta property="og:type" content="article">
<meta property="og:url" content="fedizinefest.fyi/years/2024/guidelines/">
<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="/img/2025-logo.png">
<meta property="og:image:alt" content="a logo in dark purple and golden yellow. it looks sorta like a folded map, or like a single piece of printer paper that's been folded and cut into the format needed for an 8-page zine. the 8 panels read FEDI ZINE. next to this, a blue and green folded 8-page zine reads 'fest 2025'">
<meta name="generator" content="Eleventy v3.1.5">
<!-- CSS -->
<style>:root {
color-scheme: light dark;
--color-bg-light: #f0f0f0;
--color-text-light: #640054;
--color-header-light: #185370;
--color-warn-light: #fbcc0a;
--color-bg-dark: #1f1f1f;
--color-text-dark: #91c73b;
--color-header-dark: #ff9b37;
--color-warn-dark: #540033;
--color-bg: light-dark(var(--color-bg-light), var(--color-bg-dark));
--color-text: light-dark(var(--color-text-light), var(--color-text-dark));
--color-header: light-dark(var(--color-header-light), var(--color-header-dark));
--color-warn: light-dark(var(--color-warn-light), var(--color-warn-dark));
}
/* 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 2rem;
font-size: 3rem;
text-align: center;
}
@media (max-width: 650px) {
h1 { margin: 2rem 0; }
}
h2 {
font-size: 2rem;
padding-top: 3rem;
border-top: solid;
margin: 1.4rem 0;
}
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);
}
/* 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-wrap: wrap;
border-top: .25rem solid var(--color-header);
}
footer p {
margin: 0.5rem 0;
}
#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: 1rem;
}
#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);
}</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-guidelines">FediZineFest 2024 Guidelines</h1>
<h2 id="participants">Participants</h2>
<ul>
<li><strong>artist:</strong> someone who contributes one or more zines to the Fest</li>
<li><strong>backer:</strong> someone who contributes money to the Fest</li>
</ul>
<p>All participants (both artists and backers) will receive:</p>
<ul>
<li>a package in the mail containing one copy of each physical zine submitted</li>
<li>a link to a Dropbox or Google Drive (or similar) folder containing all digital zines submitted</li>
</ul>
<h3 id="participant-caps">Participant caps</h3>
<p>Total participants will be capped at 50. Artists will be capped at 30. Physical zine submissions will be capped at 20. This is for the sake of my and the artists’ sanity(s).</p>
<h2 id="for-artists">For artists</h2>
<h3 id="zine-submissions">Zine submissions</h3>
<p><strong>Zines do not have to be newly created for this event.</strong> You may absolutely share zines you have previously created. However, please do not share zines that are already freely available in the same format - we want the backers to get a good deal.</p>
<p>While you may submit more than one zine, I ask that you limit <strong>physical</strong> zine submissions to <strong>one zine</strong>. This is to ensure that shipping doesn’t become too unreasonable (for you OR me).</p>
<p>For the submission of a <strong>physical</strong> zine, you agree that:</p>
<ul>
<li>Your zine will be no larger than:
<ul>
<li>For folks in the US: 8.5&quot;x5.5&quot; (a standard sheet of 8.5&quot;x11&quot; paper, folded once)</li>
<li>For folks internationally: 21.0cm x 14.9cm (a standard sheet of A4 paper, folded once)</li>
</ul>
</li>
<li>The number of recipients will be confirmed by <strong>Jan 26th, 2024</strong></li>
<li>You will get these copies into the mail by <strong>Mar 29th, 2024</strong></li>
</ul>
<p>For the submission of a <strong>digital</strong> zine, you agree that:</p>
<ul>
<li>You will provide a print-friendly file (this may be either your only file, or one of two - a digital-only and a print-friendly variant) - print-friendly here means printable on the average home printer, so please no requirements for legal paper or other unusual sizes!</li>
<li>You will provide your zine file(s) by <strong>Mar 29th, 2024</strong> via Google Drive or Dropbox or similar</li>
</ul>
<h3 id="payment">Payment</h3>
<p>Please keep in mind that this is mostly an opportunity to share and receive zines. While you will receive payment, it won’t be in significant amounts.</p>
<p>All transactions will use PayPal unless otherwise organized - reach out to me if PayPal is inaccessible to you. <strong>If you cannot use PayPal, you must speak to me about it before signing up so as to ensure there is a way to pay you.</strong></p>
<h2 id="for-backers">For backers</h2>
<h3 id="payment-2">Payment</h3>
<p>As a backer, you agree that you will pay:</p>
<ul>
<li>A base payment of $50 - this will be split among all artists</li>
<li>A shipping fee based on your location
<ul>
<li>US: $15</li>
<li>International: $30</li>
</ul>
</li>
</ul>
<h2 id="timeline-and-deadlines">Timeline and deadlines</h2>
<h3 id="deadline-0-12-jan-2024">Deadline 0: 12 Jan 2024</h3>
<ul>
<li>For artist list formation</li>
</ul>
<h3 id="deadline-1-26-jan-2024">Deadline 1: 26 Jan 2024</h3>
<ul>
<li>(Deadline 0 + 2 weeks)</li>
<li>For backer list formation</li>
<li>For communication to be sent out to all artists detailing the number of recipients</li>
</ul>
<h3 id="deadline-2-29-mar-2024">Deadline 2: 29 Mar 2024</h3>
<ul>
<li>(Deadline 1 + 8 weeks)</li>
<li>For art submissions</li>
</ul>
<h3 id="deadline-3-19-apr-2024">Deadline 3: 19 Apr 2024</h3>
<ul>
<li>(Deadline 2 + 3 weeks)</li>
<li>For physical zines to arrive at distributor</li>
</ul>
<h3 id="deadline-4-10-may-2024">Deadline 4: 10 May 2024</h3>
<ul>
<li>(Deadline 3 + 3 weeks)</li>
<li>For physical zines to be packaged for shipment</li>
<li>For digital zines to be organized and uploaded to shared drive</li>
</ul>
<h3 id="deadline-5-31-may-2024">Deadline 5: 31 May 2024</h3>
<ul>
<li>(Deadline 4 + 3 weeks)</li>
<li>For physical zines to arrive at recipients</li>
<li>For email to be sent out to all recipients regarding where digital zines are located</li>
</ul>
</main>
<footer>
<p>
Read the <a href="/attribution">site attribution</a>
</p>
<p>Site feedback? Questions?
<a href="mailto:lee.cattarin@gmail.com?subject=fediZineFest">Reach out to Lee</a>
</p>
</footer>
<!-- This page `/years/2024/guidelines/` was built on 2026-08-26T22:35:39.989Z -->
</body>
</html>
years/2024/index.html
+354
View File
@@ -0,0 +1,354 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>FediZineFest 2024 | 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 | FediZineFest">
<meta property="og:type" content="article">
<meta property="og:url" content="fedizinefest.fyi/years/2024/">
<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="/img/2025-logo.png">
<meta property="og:image:alt" content="a logo in dark purple and golden yellow. it looks sorta like a folded map, or like a single piece of printer paper that's been folded and cut into the format needed for an 8-page zine. the 8 panels read FEDI ZINE. next to this, a blue and green folded 8-page zine reads 'fest 2025'">
<meta name="generator" content="Eleventy v3.1.5">
<!-- CSS -->
<style>:root {
color-scheme: light dark;
--color-bg-light: #f0f0f0;
--color-text-light: #640054;
--color-header-light: #185370;
--color-warn-light: #fbcc0a;
--color-bg-dark: #1f1f1f;
--color-text-dark: #91c73b;
--color-header-dark: #ff9b37;
--color-warn-dark: #540033;
--color-bg: light-dark(var(--color-bg-light), var(--color-bg-dark));
--color-text: light-dark(var(--color-text-light), var(--color-text-dark));
--color-header: light-dark(var(--color-header-light), var(--color-header-dark));
--color-warn: light-dark(var(--color-warn-light), var(--color-warn-dark));
}
/* 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 2rem;
font-size: 3rem;
text-align: center;
}
@media (max-width: 650px) {
h1 { margin: 2rem 0; }
}
h2 {
font-size: 2rem;
padding-top: 3rem;
border-top: solid;
margin: 1.4rem 0;
}
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);
}
/* 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-wrap: wrap;
border-top: .25rem solid var(--color-header);
}
footer p {
margin: 0.5rem 0;
}
#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: 1rem;
}
#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);
}</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">FediZineFest 2024</h1>
<p><img src="/img/RKUsop-WwJ-3000.jpeg" alt="A number of zines of various sizes and designs and colors laid out on a very colorful bedspread." loading="lazy" decoding="async" width="3000" height="4000"></p>
<h2 id="overview">Overview</h2>
<p>Read the <a href="/years/2024/guidelines">FediZineFest 2024 guidelines.</a></p>
<p>See the <a href="/years/2024/zines">FediZineFest 2024 zines.</a></p>
<h2 id="statistics">Statistics</h2>
<p>FediZineFest 2024 completed with <strong>25 artists</strong> and <strong>20 backers</strong>. Artists contributed <strong>16 physical</strong> and <strong>18 digital</strong> zines. Artist payouts were roughly <strong>USD35</strong>. 5 artists were unable to complete work or dropped out.</p>
<h2 id="things-we-learned">Things we learned</h2>
<ul>
<li>Build in opt-outs for physical zines for artists and backers</li>
<li>Build in opt-outs for payment for artists</li>
<li>Read the fine print of services such as Jotform</li>
<li>Include workarounds for Paypal</li>
<li>Get general publicity information from artists - not just fedi handles</li>
<li>Delegate! Delegate! Delegate!</li>
<li>Block out more time between deadlines</li>
</ul>
<h2 id="team">Team</h2>
<ul>
<li><strong>Primary point of contact:</strong> Lee</li>
<li><strong>Help with zine creation:</strong> Sanae</li>
<li><strong>Help with digital formatting:</strong> Aaron Rafik El Sabrout</li>
</ul>
</main>
<footer>
<p>
Read the <a href="/attribution">site attribution</a>
</p>
<p>Site feedback? Questions?
<a href="mailto:lee.cattarin@gmail.com?subject=fediZineFest">Reach out to Lee</a>
</p>
</footer>
<!-- This page `/years/2024/` was built on 2026-08-26T22:35:39.990Z -->
</body>
</html>
years/2024/zines/index.html
+814
View File
@@ -0,0 +1,814 @@
<!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="fedizinefest.fyi/years/2024/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="/img/2025-logo.png">
<meta property="og:image:alt" content="a logo in dark purple and golden yellow. it looks sorta like a folded map, or like a single piece of printer paper that's been folded and cut into the format needed for an 8-page zine. the 8 panels read FEDI ZINE. next to this, a blue and green folded 8-page zine reads 'fest 2025'">
<meta name="generator" content="Eleventy v3.1.5">
<!-- CSS -->
<style>:root {
color-scheme: light dark;
--color-bg-light: #f0f0f0;
--color-text-light: #640054;
--color-header-light: #185370;
--color-warn-light: #fbcc0a;
--color-bg-dark: #1f1f1f;
--color-text-dark: #91c73b;
--color-header-dark: #ff9b37;
--color-warn-dark: #540033;
--color-bg: light-dark(var(--color-bg-light), var(--color-bg-dark));
--color-text: light-dark(var(--color-text-light), var(--color-text-dark));
--color-header: light-dark(var(--color-header-light), var(--color-header-dark));
--color-warn: light-dark(var(--color-warn-light), var(--color-warn-dark));
}
/* 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 2rem;
font-size: 3rem;
text-align: center;
}
@media (max-width: 650px) {
h1 { margin: 2rem 0; }
}
h2 {
font-size: 2rem;
padding-top: 3rem;
border-top: solid;
margin: 1.4rem 0;
}
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);
}
/* 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-wrap: wrap;
border-top: .25rem solid var(--color-header);
}
footer p {
margin: 0.5rem 0;
}
#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: 1rem;
}
#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);
}</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>
<p>25 artists. 16 physical zines. 18 digital zines.</p>
<ul id="zine-container">
<li>
<h2 id="aaron-rafik-el-sabrout">
<a href="https://terror.black/@sayyid_qishta">Aaron Rafik El Sabrout</a>
</h2>
<p>made physical/digital zines called...</p>
<h3 id="thinking-about-it">Thinking About...It</h3>
<h3 id="when-i-get-a-boy-chest">When I Get a Boy Chest</h3>
<p>and the original blurb was...</p>
<blockquote><p>one of: a hentai coloring book, mini zines about adventure time, v for vendetta, foraging, some poetry and fiction stuff too.</p>
</blockquote>
</li>
<li>
<h2 id="artcollisions">
Artcollisions
</h2>
<p>made a physical/digital zine called...</p>
<h3 id="adventures-of-cc">Adventures of CC</h3>
<p>and the original blurb was...</p>
<blockquote><p>a little zine on CC, the textile critter I created earlier this year.</p>
</blockquote>
</li>
<li>
<h2 id="blue-grey">
<a href="https://kolektiva.social/@bluejorts">Blue Grey</a>
</h2>
<p>made digital zines called...</p>
<h3 id="aaaaaah">AAAAAAH</h3>
<h3 id="just-be-a-poet">Just Be A Poet</h3>
<h3 id="today-is-another-day">Today Is Another Day</h3>
<p>and the original blurb was...</p>
<blockquote><p>Zine #3: A crippunk, queer-romantic short story between a fox and a bunny.</p>
</blockquote>
</li>
<li>
<h2 id="dizzi-bloom">
<a href="https://nitecrew.rip/@dd">Dizzi Bloom</a>
</h2>
<p>made a digital zine called...</p>
<h3 id="autopsy-of-the-mall-god">Autopsy of the Mall God</h3>
<p>and the original blurb was...</p>
<blockquote><p>A one-shot comic about a lesbian assassin trying to escape a shadow dimension to be reunited with her wife.</p>
</blockquote>
</li>
<li>
<h2 id="eric-jennings">
Eric Jennings
</h2>
<p>made a physical/digital zine called...</p>
<h3 id="you-can-fix-it-they-said">You Can Fix It, They Said</h3>
<p>and the original blurb was...</p>
<blockquote><p>creative non-fiction with illustrations on the subject of recovery (as a male) from childhood sexual abuse</p>
</blockquote>
</li>
<li>
<h2 id="felix-sunflower">
<a href="https://felixfiles.com/">felix sunflower</a>
</h2>
<p>made a physical zine called...</p>
<h3 id="lil-stinkers-lil-coloring-book">Lil Stinker&#39;s lil coloring book</h3>
<p>and the original blurb was...</p>
<blockquote><p>clown coloring book!</p>
</blockquote>
</li>
<li>
<h2 id="fieryzard">
Fieryzard
</h2>
<p>made a digital zine called...</p>
<h3 id="the-thread-of-caona-sketches">The Thread of Caona Sketches</h3>
<p>and the original blurb was...</p>
<blockquote><p>A compilation of exploratory sketches from my webcomic The Thread of Caona (tentative: and some illustrations?).</p>
</blockquote>
</li>
<li>
<h2 id="handmade-ghost">
Handmade Ghost
</h2>
<p>made a physical/digital zine called...</p>
<h3 id="un-certainty">UN/CERTAINTY</h3>
<p>and the original blurb was...</p>
<blockquote><p>a nonfiction zine about birding, ticker-tape synaesthesia, Huginn &amp; Muninn (the Norse ravens of thought and memory), and poetry.</p>
</blockquote>
</li>
<li>
<h2 id="haruka-kanata">
<a href="https://pdx.social/@HarukaK">Haruka Kanata</a>
</h2>
<p>made a physical zine called...</p>
<h3 id="5-ballads-5-scenes">5 Ballads, 5 Scenes</h3>
<p>and the original blurb was...</p>
<blockquote><p>5 Ballads, 5 Scenes - A small artbook featuring 5 watercolor fantasy-comic style paintings, inspired by 5 old ballads, which were famously collected by Francis. J. Child, and have been performed by various modern artists. Pearl-coated paper cover, bound with thread by pamphlet stitch, 12p. H8.5in x W5.5in.</p>
</blockquote>
</li>
<li>
<h2 id="i-aronson">
<a href="https://meemu.org/@Ryntastic">I. Aronson</a>
</h2>
<p>made a physical/digital zine called...</p>
<h3 id="indigenousgulf-online-zine-1">IndigenousGulf.Online zine #1</h3>
<p>and the original blurb was...</p>
<blockquote><p>A review of current Indigenous projects going on in the Gulf South, with a focus point of Louisiana, but extending from TX to AL/FL panhandle.</p>
</blockquote>
</li>
<li>
<h2 id="jack">
<a href="https://catcatnya.com/@sodamnqueer">Jack</a>
</h2>
<p>made a digital zine called...</p>
<h3 id="the-one-night-stand">The One Night Stand</h3>
<p>and the original blurb was...</p>
<blockquote><p>queer love zine with mix of poetry and cute/funny prose pieces</p>
</blockquote>
</li>
<li>
<h2 id="jeff-blackman">
Jeff Blackman
</h2>
<p>made physical zines called...</p>
<h3 id="places-i-will-go-before-i-die">Places I will go before I die</h3>
<h3 id="oh">OH</h3>
<h3 id="wumpf">WUMPF</h3>
<h3 id="gah">GAH!</h3>
<h3 id="whaap">WHAAP!!</h3>
<p>and the original blurb was...</p>
<blockquote><p>Triptyc is a collage based comic strip cut from the funny pages.</p>
</blockquote>
</li>
<li>
<h2 id="lee">
<a href="https://leecat.art">lee</a>
</h2>
<p>made a physical/digital zine called...</p>
<h3 id="gender-as-a-proxy-variable">Gender as a Proxy Variable</h3>
<p>and the original blurb was...</p>
<blockquote><p>information on handling gender in data and forms</p>
</blockquote>
</li>
<li>
<h2 id="maece">
<a href="https://toot.cat/@anglemaece">Maece</a>
</h2>
<p>made a digital zine called...</p>
<h3 id="i-m-so-tired">I&#39;m so tired</h3>
<p>and the original blurb was...</p>
<blockquote><p>A collection of poetry exploring Autistic Burnout</p>
</blockquote>
</li>
<li>
<h2 id="nobones">
Nobones
</h2>
<p>made a physical zine called...</p>
<h3 id="how-to-change-a-tire">How to Change a Tire</h3>
<p>and the original blurb was...</p>
<blockquote><p>a small illustrated zine providing details on how to fix a flat tire on a bicycle. The zine will cover the basic process of replacing an inner tube, and some thoughts about troubleshooting</p>
</blockquote>
</li>
<li>
<h2 id="omi">
<a href="https://heavenforbid.us/@swanchime">Omi</a>
</h2>
<p>made a physical zine called...</p>
<h3 id="the-ghost-in-the-mirror-is-me">The Ghost in the Mirror is Me</h3>
<p>and the original blurb was...</p>
<blockquote><p>THE GHOST IN THE MIRROR IS ME is a calm, horrifying, and starkly beautiful reminiscing of an atrocity that is only as true as you believe. It is a pure black and white work of sequential art at about 30 pages. I wrote it on the anniversary this year on the winter solstice.</p>
</blockquote>
</li>
<li>
<h2 id="pesto-jaguar">
<a href="https://ravenation.club/@pestojaguar">Pesto Jaguar</a>
</h2>
<p>made a digital zine called...</p>
<h3 id="perhaps-you-might-try-the-soup-issue-01">Perhaps You Might Try The Soup Issue 01</h3>
<p>and the original blurb was...</p>
<blockquote><p>Working on a little 12 page zine called 'Perhaps you might try the soup' In design style it's kind of photo collage, (from original material) and abstract or surreal comics. The content is an odd mish mash of hopepunk, poetry, graphical music and experimental prose. There is strictly no ai generated text or imagery and no use of LLM or diffusion models. Everything is self made by a human.</p>
</blockquote>
</li>
<li>
<h2 id="play-in-progress">
<a href="https://mastodon.art/@playinprogress">play in progress</a>
</h2>
<p>made a physical/digital zine called...</p>
<h3 id="critters">Critters</h3>
<p>and the original blurb was...</p>
<blockquote><p>I make ink drawings of various critters, and just realized that some of them make for really nice coloring pages. So now I am suddenly using my own xeroxed drawings as a coloring book, as well as working on making them available as such to others :)</p>
</blockquote>
</li>
<li>
<h2 id="riotmuffin">
<a href="https://ni.hil.ist/@riotmuffin">riotmuffin</a>
</h2>
<p>made a physical/digital zine called...</p>
<h3 id="get-off-my-nuts">Get Off My Nuts</h3>
<p>and the original blurb was...</p>
<blockquote><p>i've made lots of zines and am always looking for reasons for more! the ones i'm most proud of include: travelogue about biking around lake superior as a queer/trans chick -- 'public bathrooms of twin cities cemeteries' (you can look this up on archive.org) -- and various political projects especially related to minneapolis, the george floyd uprising and anarchism/abolitionism. … things i have in the works include a historical fiction alternate history of the george floyd uprising, and a piece about queerness, rebellion and covid</p>
</blockquote>
</li>
<li>
<h2 id="sanae">
<a href="https://carfree.city/@sanae">Sanae</a>
</h2>
<p>made a physical/digital zine called...</p>
<h3 id="bench-politics">Bench Politics</h3>
<p>and the original blurb was...</p>
<blockquote><p>something about transportation and/or public space</p>
</blockquote>
</li>
<li>
<h2 id="sarah-sammis">
Sarah Sammis
</h2>
<p>made a physical zine called...</p>
<h3 id="chicken-zine">Chicken Zine</h3>
<p>and the original blurb was...</p>
<blockquote><p>It will be chicken themed. A brief history of the chicken. One panel chicken comics. Chickens as famous literary characters. Something along those lines.</p>
</blockquote>
</li>
<li>
<h2 id="sophie">
<a href="https://glammr.us/@Sophie">Sophie</a>
</h2>
<p>made a physical zine called...</p>
<h3 id="congratulations-you-re-the-queerest-looking-person-in-this-room">Congratulations! You&#39;re the Queerest-Looking Person in This Room</h3>
<p>and the original blurb was...</p>
<blockquote><p>Congratulations! You're the Queerest-Looking Person in This Room</p>
</blockquote>
</li>
<li>
<h2 id="syd">
<a href="https://donphan.social/@hi_cial">Syd</a>
</h2>
<p>made digital zines called...</p>
<h3 id="queer-birds-2022">Queer Birds 2022</h3>
<h3 id="ffvii-blazed-illustration">FFVII Blazed Illustration</h3>
<p>and the original blurb was...</p>
<blockquote><p>I create zines about animals, final fantasy 7 and comics that are queer and furry adjacent.</p>
</blockquote>
</li>
<li>
<h2 id="voidfuck-poetry-collective">
voidfuck poetry collective
</h2>
<p>made a digital zine called...</p>
<h3 id="voidfuck-1">voidfuck 1</h3>
<p>and the original blurb was...</p>
<blockquote><p>Poetry zine about the body under capitalism and yearning for anarchy. Topics include madness, disability, love, climate anxiety, body dysphoria, queerness, anarchy, poverty, etc. Poetry is written. Might include a few photos or artwork.</p>
</blockquote>
</li>
<li>
<h2 id="wetdryvac">
<a href="https://landofkittens.social/users/Wetdryvac">Wetdryvac</a>
</h2>
<p>made a digital zine called...</p>
<h3 id="contract-consent-lair-w-fzf-001">CONTRACT / CONSENT LAIR W fZF | 001</h3>
<p>and the original blurb was...</p>
<blockquote><p>I particularly like photography zines geared towards texture, both black and white, and color. I deliver finals as print-ready DRM-Free PDF, and it's cool to distribute them as such. I also do zines of written word and art.</p>
</blockquote>
</li>
</ul>
</main>
<footer>
<p>
Read the <a href="/attribution">site attribution</a>
</p>
<p>Site feedback? Questions?
<a href="mailto:lee.cattarin@gmail.com?subject=fediZineFest">Reach out to Lee</a>
</p>
</footer>
<!-- This page `/years/2024/zines/` was built on 2026-08-26T22:35:39.988Z -->
</body>
</html>