first
This commit is contained in:
@@ -0,0 +1,337 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<title>Attribution | 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="Attribution | FediZineFest">
|
||||||
|
<meta property="og:type" content="article">
|
||||||
|
<meta property="og:url" content="fedizinefest.fyi/attribution/">
|
||||||
|
<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="attribution">Attribution</h1>
|
||||||
|
|
||||||
|
<p>FediZineFest is brought to you by the work of each year's team:</p>
|
||||||
|
<p><a href="/years/2024#team">2024 team</a> | <a href="/years/2025#team">2025 team</a> | <a href="/years/2026-2027#team">2026-2027 team</a></p>
|
||||||
|
<p>...as well as our wonderful artists and backers.</p>
|
||||||
|
<p>This website is built with <a href="https://www.11ty.dev/">Eleventy v3.1.5</a> and hosted by <a href="https://heckin.technology/">heckin' technology</a>. It's been hand-coded from the ground up <a href="https://declare-ai.org/1.0.0/none.html">without the use of generative AI</a>.</p>
|
||||||
|
<p>The font is <a href="https://brailleinstitute.org/freefont">Atkinson Hyperlegible Next</a>, specifically designed for low-vision readers to improve character recognition.</p>
|
||||||
|
|
||||||
|
|
||||||
|
</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 `/attribution/` was built on 2026-08-26T22:35:39.989Z -->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,334 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<title>Digital Bundle Purchase Successful | 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="Digital Bundle Purchase Successful | FediZineFest">
|
||||||
|
<meta property="og:type" content="article">
|
||||||
|
<meta property="og:url" content="fedizinefest.fyi/digital-success/">
|
||||||
|
<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="digital-bundle-purchase-successful">Digital Bundle Purchase Successful</h1>
|
||||||
|
|
||||||
|
<p>Your digital bundle purchase was successful.</p>
|
||||||
|
<p>(This page exists because Ko-fi requires a URL (or file) to be associated with a digital purchase.)</p>
|
||||||
|
|
||||||
|
|
||||||
|
</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 `/digital-success/` was built on 2026-08-26T22:35:39.989Z -->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
BIN
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 133 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.2 MiB |
+350
@@ -0,0 +1,350 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<title>FediZineFest | 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 | FediZineFest">
|
||||||
|
<meta property="og:type" content="article">
|
||||||
|
<meta property="og:url" content="fedizinefest.fyi/">
|
||||||
|
<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" aria-current="page">
|
||||||
|
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">FediZineFest</h1>
|
||||||
|
|
||||||
|
<p>FediZineFest ran in <a href="/years/2025">2025</a> and <a href="/years/2024">2024</a>. We're now looking at FediZineFest 2026-2027.</p>
|
||||||
|
<h2 id="what">What</h2>
|
||||||
|
<p>A zine sharing and distribution project for the fediverse.</p>
|
||||||
|
<h2 id="who">Who</h2>
|
||||||
|
<ul>
|
||||||
|
<li><strong>Artists</strong> provide physical and/or digital zines; receive payment and physical and/or digital zines.</li>
|
||||||
|
<li><strong>Backers</strong> Provide payment; receive physical and/or digital zines.</li>
|
||||||
|
</ul>
|
||||||
|
<p>See <a href="/years/2026-2027/guidelines#who">"Who" on the 2026-2027 guidelines page</a> for more about participation caps and the waitlist.</p>
|
||||||
|
<h2 id="when">When</h2>
|
||||||
|
<p>2026-2027 dates yet to be determined. See <a href="/years/2026-2027/guidelines#when">"When" on the 2026-2027 guidelines page</a> for deadline structure.</p>
|
||||||
|
<h2 id="where">Where</h2>
|
||||||
|
<p>Anywhere that can ship to/from the US.</p>
|
||||||
|
<h2 id="why">Why</h2>
|
||||||
|
<p>To bring folks together and share art.</p>
|
||||||
|
<h2 id="more-questions">More questions?</h2>
|
||||||
|
<p><strong>Artists:</strong> read the <a href="/years/2026-2027/guidelines#artist-information">2026-2027 artist information</a> for information about art restrictions and payment.</p>
|
||||||
|
<p><strong>Backers:</strong> read the <a href="/years/2026-2027/guidelines#backer-information">2026-2027 backer information</a> for information about how to purchase zine bundles.</p>
|
||||||
|
|
||||||
|
|
||||||
|
</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 `/` was built on 2026-08-26T22:35:39.989Z -->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,401 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<title>Palette | 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="Palette | FediZineFest">
|
||||||
|
<meta property="og:type" content="article">
|
||||||
|
<meta property="og:url" content="fedizinefest.fyi/palette/">
|
||||||
|
<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>.color {
|
||||||
|
--color-bg-light-2025: #f0f0f0;
|
||||||
|
--color-text-light-2025: #640054;
|
||||||
|
--color-header-light-2025: #185370;
|
||||||
|
--color-warn-light-2025: #fbcc0a;
|
||||||
|
|
||||||
|
--color-bg-dark-2025: #1f1f1f;
|
||||||
|
--color-text-dark-2025: #91c73b;
|
||||||
|
--color-header-dark-2025: #ff9b37;
|
||||||
|
--color-warn-dark-2025: #540033;
|
||||||
|
|
||||||
|
border-radius: .5rem;
|
||||||
|
padding: .5rem;
|
||||||
|
text-align: center;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: light) {
|
||||||
|
.color {
|
||||||
|
border: .1rem solid var(--color-bg-dark);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
.color {
|
||||||
|
border: .1rem solid var(--color-bg-light);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#bg-light-2025,
|
||||||
|
#warn-light-2025 {
|
||||||
|
color: var(--color-text-light-2025);
|
||||||
|
}
|
||||||
|
|
||||||
|
#text-light-2025,
|
||||||
|
#header-light-2025 {
|
||||||
|
color: var(--color-bg-light-2025);
|
||||||
|
}
|
||||||
|
|
||||||
|
#bg-dark-2025,
|
||||||
|
#warn-dark-2025 {
|
||||||
|
color: var(--color-text-dark-2025);
|
||||||
|
}
|
||||||
|
|
||||||
|
#text-dark-2025,
|
||||||
|
#header-dark-2025 {
|
||||||
|
color: var(--color-bg-dark-2025);
|
||||||
|
}
|
||||||
|
|
||||||
|
#bg-light-2025 { background-color: var(--color-bg-light-2025); }
|
||||||
|
#text-light-2025 { background-color: var(--color-text-light-2025); }
|
||||||
|
#header-light-2025 { background-color: var(--color-header-light-2025); }
|
||||||
|
#warn-light-2025 { background-color: var(--color-warn-light-2025); }
|
||||||
|
|
||||||
|
#bg-dark-2025 { background-color: var(--color-bg-dark-2025); }
|
||||||
|
#text-dark-2025 { background-color: var(--color-text-dark-2025); }
|
||||||
|
#header-dark-2025 { background-color: var(--color-header-dark-2025); }
|
||||||
|
#warn-dark-2025 { background-color: var(--color-warn-dark-2025); }
|
||||||
|
: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="palette">Palette</h1>
|
||||||
|
|
||||||
|
<h2 id="2025">2025</h2>
|
||||||
|
<h3 id="light">Light</h3>
|
||||||
|
<p class="color" id="bg-light-2025">#f0f0f0</p>
|
||||||
|
<p class="color" id="text-light-2025">#640054</p>
|
||||||
|
<p class="color" id="header-light-2025">#185370</p>
|
||||||
|
<p class="color" id="warn-light-2025">#fbcc0a</p>
|
||||||
|
<h3 id="dark">Dark</h3>
|
||||||
|
<p class="color" id="bg-dark-2025">#1f1f1f</p>
|
||||||
|
<p class="color" id="text-dark-2025">#91c73b</p>
|
||||||
|
<p class="color" id="header-dark-2025">#ff9b37</p>
|
||||||
|
<p class="color" id="warn-dark-2025">#540033</p>
|
||||||
|
|
||||||
|
|
||||||
|
</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 `/palette/` was built on 2026-08-26T22:35:39.989Z -->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,339 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<title>Get Involved | 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="Get Involved | FediZineFest">
|
||||||
|
<meta property="og:type" content="article">
|
||||||
|
<meta property="og:url" content="fedizinefest.fyi/signup/">
|
||||||
|
<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" aria-current="page">
|
||||||
|
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="get-involved">Get Involved</h1>
|
||||||
|
|
||||||
|
<h2 id="interest-in-2026-2027">Interest in 2026-2027</h2>
|
||||||
|
<p>Sign up to <a href="https://airtable.com/app76cWa9xMbzWFn3/pagM1TbZdmVLNQSf6/form">indicate interest in FediZineFest 2026/2027 as an artist, backer, or team member.</a></p>
|
||||||
|
<h2 id="leftovers">Leftovers</h2>
|
||||||
|
<h3 id="2025">2025</h3>
|
||||||
|
<p>Peruse <a href="https://ko-fi.com/inherentlee/shop/fedizinefest2025">2025's leftover bundles.</a></p>
|
||||||
|
<h3 id="2024">2024</h3>
|
||||||
|
<p>Peruse <a href="https://ko-fi.com/inherentlee/shop/fedizinefest2024">2024's leftover bundles.</a></p>
|
||||||
|
|
||||||
|
|
||||||
|
</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 `/signup/` was built on 2026-08-26T22:35:39.989Z -->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -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"x5.5" (a standard sheet of 8.5"x11" 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>
|
||||||
@@ -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>
|
||||||
@@ -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'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 & 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'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'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>
|
||||||
@@ -0,0 +1,378 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<title>FediZineFest 2025 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 2025 Guidelines | FediZineFest">
|
||||||
|
<meta property="og:type" content="article">
|
||||||
|
<meta property="og:url" content="fedizinefest.fyi/years/2025/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-2025-guidelines">FediZineFest 2025 Guidelines</h1>
|
||||||
|
|
||||||
|
<h2 id="what">What</h2>
|
||||||
|
<p>A zine sharing and distribution project for the fediverse.</p>
|
||||||
|
<h2 id="who">Who</h2>
|
||||||
|
<h3 id="artists-cap-of-20">Artists (cap of 20)</h3>
|
||||||
|
<p>Provide physical and/or digital zines; receive payment and physical and/or digital zines.</p>
|
||||||
|
<p>This year, we are testing an artist waitlist. Additional artists will be added to the pool as funds allow and to cover for drop-outs.</p>
|
||||||
|
<h3 id="backers-cap-of-20-for-physical-zines-no-cap-for-digital">Backers (cap of 20 for physical zines; no cap for digital)</h3>
|
||||||
|
<p>Provide payment; receive physical and/or digital zines.</p>
|
||||||
|
<h2 id="when">When</h2>
|
||||||
|
<p>Early-mid 2025. Exact dates proposed below.</p>
|
||||||
|
<h3 id="deadline-0-17-january-2025">Deadline 0: 17 January 2025</h3>
|
||||||
|
<p>Artist sign-up closes.</p>
|
||||||
|
<h3 id="deadline-1-31-january-2025">Deadline 1: 31 January 2025</h3>
|
||||||
|
<p>(deadline 0 + 2 weeks)</p>
|
||||||
|
<p>Backer sign-up closes. Artists are informed of the # of physical zines needed.</p>
|
||||||
|
<h3 id="deadline-2-11-april-2025">Deadline 2: 11 April 2025</h3>
|
||||||
|
<p>(deadline 1 + 10 weeks)</p>
|
||||||
|
<p>Art submission deadline. Digital zines are submitted to digital drive; physical zines are in the mail.</p>
|
||||||
|
<h3 id="deadline-3-9-may-2025">Deadline 3: 9 May 2025</h3>
|
||||||
|
<p>(deadline 2 + 4 weeks)</p>
|
||||||
|
<p>Physical zines arrive at distributor (Lee).</p>
|
||||||
|
<h3 id="deadline-4-6-june-2025">Deadline 4: 6 June 2025</h3>
|
||||||
|
<p>(deadline 3 + 4 weeks)</p>
|
||||||
|
<p>Physical zines packaged and ready for shipment. Digital zines are organized and ready to share.</p>
|
||||||
|
<h3 id="deadline-5-4-july-2025">Deadline 5: 4 July 2025</h3>
|
||||||
|
<p>(deadline 4 + 4 weeks)</p>
|
||||||
|
<p>Physical zines arrive at recipients. Digital zines shared.</p>
|
||||||
|
<h2 id="where">Where</h2>
|
||||||
|
<p>Anywhere that can ship to/from the US.</p>
|
||||||
|
<h2 id="why">Why</h2>
|
||||||
|
<p>To bring folks together and share art.</p>
|
||||||
|
<h2 id="art-guidelines">Art guidelines</h2>
|
||||||
|
<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>Please feel free to continue to share or sell your zine outside of FediZineFest.</p>
|
||||||
|
<p>While you may submit more than one zine, I ask that you limit <strong>physical</strong> zine submissions to one zine. This is to ensure that shipping doesn’t become too unreasonable (for you OR me).</p>
|
||||||
|
<p>No AI-generated content, please.</p>
|
||||||
|
<h3 id="physical-zine-restrictions">Physical zine restrictions</h3>
|
||||||
|
<p>No larger than one of:</p>
|
||||||
|
<ul>
|
||||||
|
<li>21x14.9cm (a sheet of A4 paper, folded once)</li>
|
||||||
|
<li>8.5"x5.5" (a sheet of 8.5"x11" paper, folded once)</li>
|
||||||
|
</ul>
|
||||||
|
<h2 id="payment">Payment</h2>
|
||||||
|
<p><strong>This is not a get-rich-quick scheme for anyone involved.</strong> In <a href="/years/2024">2024</a>, the artist payout was about $35 USD per artist.</p>
|
||||||
|
<p>This year, I'll be adjusting the payment scheme to more appropriately compensate physical zine artists for the costs of printing and shipping. Exact payouts won't be determined until zines are collected to account for any artist drop outs.</p>
|
||||||
|
<p>Payment will be done over PayPal and Venmo.</p>
|
||||||
|
|
||||||
|
|
||||||
|
</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/2025/guidelines/` was built on 2026-08-26T22:35:39.990Z -->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,364 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<title>FediZineFest 2025 | 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 2025 | FediZineFest">
|
||||||
|
<meta property="og:type" content="article">
|
||||||
|
<meta property="og:url" content="fedizinefest.fyi/years/2025/">
|
||||||
|
<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-2025">FediZineFest 2025</h1>
|
||||||
|
|
||||||
|
<p><img src="/img/-lLeDF5BrS-729.png" alt="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'" loading="lazy" decoding="async" width="729" height="799"></p>
|
||||||
|
<h2 id="overview">Overview</h2>
|
||||||
|
<p>Read the <a href="/years/2025/guidelines">FediZineFest 2025 guidelines.</a></p>
|
||||||
|
<p>See the <a href="/years/2025/zines">FediZineFest 2025 zines.</a></p>
|
||||||
|
<h2 id="statistics">Statistics</h2>
|
||||||
|
<p><strong>19 artists</strong> contributed <strong>13 physical</strong> and <strong>16 digital</strong> zines. <strong>23 backers</strong> contributed over <strong>USD1500</strong>.</p>
|
||||||
|
<p>This year, our payouts vary slightly according to two factors:</p>
|
||||||
|
<ul>
|
||||||
|
<li>whether the artist contributed physical zines</li>
|
||||||
|
<li>whether the artist received physical zines</li>
|
||||||
|
</ul>
|
||||||
|
<p>This was to help offset cost of printing. Final payouts will be calculated on June 6 (deadline 4), but at current, artists will receive anywhere from <strong>USD95 to USD135</strong> (if this math sounds wrong: there are artists who opted out of being paid).</p>
|
||||||
|
<p>5 artists were unable to complete work or dropped out.</p>
|
||||||
|
<h2 id="things-we-learned">Things we learned</h2>
|
||||||
|
<ul>
|
||||||
|
<li><strong>Using Airtable.</strong> Make sure all coordinators are using the same information platform. In 2025, I allowed coordinators to opt out of learning a new platform. Next year, I'll put extra effort into making the platform accessible.</li>
|
||||||
|
<li><strong>Shared email.</strong> A shared email account for coordinators would make responding to artist questions easier and more seamless for artists.</li>
|
||||||
|
<li><strong>Fedi handles.</strong> This year, I aimed to get artist's websites for general publicity, rather than fedi handles. Collect both - fedi handles are useful for publicity as well as communication.</li>
|
||||||
|
<li><strong>Digital cleanliness.</strong> It would be nice to have uploaded digital zines follow a clear format like Author_Title or similar.</li>
|
||||||
|
<li><strong>Deadlines.</strong> The 4 week delays between some of the later steps? Those have already been necessary. One set of zines didn't arrive until 21 May despite being posted on time.</li>
|
||||||
|
</ul>
|
||||||
|
<h2 id="team">Team</h2>
|
||||||
|
<ul>
|
||||||
|
<li><strong>Physical Zine Coordinator:</strong> Lee Cattarin — <a href="https://leecat.art">leecat.art</a></li>
|
||||||
|
<li><strong>Digital Zine Coordinator:</strong> Oona Leganovic — <a href="https://assemblag.es/@playinprogress">@playinprogress on fedi</a></li>
|
||||||
|
<li><strong>Timeline Coordinator:</strong> Jack — <a href="https://catcatnya.com/@sodamnqueer">@sodamnqueer on fedi</a></li>
|
||||||
|
<li><strong>Website/Database Management:</strong> Lee Cattarin — <a href="https://leecat.art">leecat.art</a></li>
|
||||||
|
</ul>
|
||||||
|
<h3 id="extra-thanks">Extra thanks</h3>
|
||||||
|
<ul>
|
||||||
|
<li><a href="https://flipping.rocks/@mycrowgirl">Lisa</a> (color palette)</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/2025/` was built on 2026-08-26T22:35:39.990Z -->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,690 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<title>FediZineFest 2025 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 2025 Zines | FediZineFest">
|
||||||
|
<meta property="og:type" content="article">
|
||||||
|
<meta property="og:url" content="fedizinefest.fyi/years/2025/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-2025-zines">FediZineFest 2025 Zines</h1>
|
||||||
|
|
||||||
|
|
||||||
|
<p>19 artists. 13 physical zines. 16 digital zines.</p>
|
||||||
|
|
||||||
|
|
||||||
|
<ul id="zine-container">
|
||||||
|
|
||||||
|
<li>
|
||||||
|
|
||||||
|
<h2 id="aaron-el-sabrout">
|
||||||
|
|
||||||
|
<a href="https://toreachpoise.itch.io">Aaron El Sabrout</a>
|
||||||
|
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
|
||||||
|
<p>made physical/digital zines called...</p>
|
||||||
|
|
||||||
|
<h3 id="read-me-to-filth-i-m-dying-of-thirst">Read Me to Filth/I'm Dying of Thirst</h3>
|
||||||
|
|
||||||
|
<h3 id="i-have-a-weird-relationship-to-clothes">I Have a Weird Relationship to Clothes...</h3>
|
||||||
|
|
||||||
|
<h3 id="i-love-myself">I Love Myself</h3>
|
||||||
|
|
||||||
|
<h3 id="leave-them-bee">Leave Them Bee</h3>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<p>and the original blurb was...</p>
|
||||||
|
<blockquote><p>new collection of poetry on nature, leftist politics, and transness!</p>
|
||||||
|
</blockquote>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
|
||||||
|
<h2 id="acin-fals">
|
||||||
|
|
||||||
|
<a href="https://shadowfals.carrd.co/">Acin Fals</a>
|
||||||
|
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
|
||||||
|
<p>made a digital zine called...</p>
|
||||||
|
<h3 id="the-rose-woman-and-the-bear">The Rose Woman and the Bear</h3>
|
||||||
|
|
||||||
|
|
||||||
|
<p>and the original blurb was...</p>
|
||||||
|
<blockquote><p>romantic m/m flash fiction with a theme of transitions, seasons, and/or memories</p>
|
||||||
|
</blockquote>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
|
||||||
|
<h2 id="artcollisions">
|
||||||
|
|
||||||
|
<a href="https://vis.social/@artcollisions">Artcollisions</a>
|
||||||
|
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
|
||||||
|
<p>made a physical/digital zine called...</p>
|
||||||
|
<h3 id="adventures-of-dd-fifi-and-pepe">Adventures of DD, Fifi, and Pepe</h3>
|
||||||
|
|
||||||
|
|
||||||
|
<p>and the original blurb was...</p>
|
||||||
|
<blockquote><p>Further cozy adventures of CC and friends, textile art characters</p>
|
||||||
|
</blockquote>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
|
||||||
|
<h2 id="ashley-mcquaid">
|
||||||
|
|
||||||
|
<a href="https://eightofpentacles.com">Ashley McQuaid</a>
|
||||||
|
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
|
||||||
|
<p>made a physical zine called...</p>
|
||||||
|
<h3 id="tales-from-rockery-loop">Tales from Rockery Loop</h3>
|
||||||
|
|
||||||
|
|
||||||
|
<p>and the original blurb was...</p>
|
||||||
|
<blockquote><p>I am leaning towards making a miniature field guide of the birds, mammals, and plants that live on my favorite trail. Back and forth on whether I want to include some personal narrative but pen & pencil drawings of critters for sure</p>
|
||||||
|
</blockquote>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
|
||||||
|
<h2 id="bouncinglime">
|
||||||
|
|
||||||
|
bouncinglime
|
||||||
|
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
|
||||||
|
<p>made a physical/digital zine called...</p>
|
||||||
|
<h3 id="postcards">Postcards</h3>
|
||||||
|
|
||||||
|
|
||||||
|
<p>and the original blurb was...</p>
|
||||||
|
<blockquote><p>four postcards printed on cardstock (physical) or for printing on cardstock (digital) in black-and-white that can be colored and otherwise decorated and sent out!</p>
|
||||||
|
</blockquote>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
|
||||||
|
<h2 id="cammie">
|
||||||
|
|
||||||
|
<a href="https://worshipthesquid.tumblr.com/">Cammie</a>
|
||||||
|
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
|
||||||
|
<p>made a physical/digital zine called...</p>
|
||||||
|
<h3 id="mortsafe">Mortsafe</h3>
|
||||||
|
|
||||||
|
|
||||||
|
<p>and the original blurb was...</p>
|
||||||
|
<blockquote><p>Mortsafe is a little biro zine about fungal zombies, non-human or gestalt minds, and life continuing differently after death :)</p>
|
||||||
|
</blockquote>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
|
||||||
|
<h2 id="em-mett">
|
||||||
|
|
||||||
|
<a href="https://proteanart.xyz">Em/mett</a>
|
||||||
|
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
|
||||||
|
<p>made a physical/digital zine called...</p>
|
||||||
|
<h3 id="so-you-want-to-be-a-pen-pal">So You Want To Be A Pen Pal</h3>
|
||||||
|
|
||||||
|
|
||||||
|
<p>and the original blurb was...</p>
|
||||||
|
<blockquote><p>So You Want To Be A Pen Pal minizine. About being a pen pal for incarcerated folks! And beginner advocacy work!</p>
|
||||||
|
</blockquote>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
|
||||||
|
<h2 id="evel">
|
||||||
|
|
||||||
|
<a href="https://evel.life">Evel</a>
|
||||||
|
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
|
||||||
|
<p>made a digital zine called...</p>
|
||||||
|
<h3 id="let-your-disabilities-hold-you-back">Let Your Disabilities Hold You Back!!!</h3>
|
||||||
|
|
||||||
|
|
||||||
|
<p>and the original blurb was...</p>
|
||||||
|
<blockquote><p>About severe disability with a bit extra on being a caregiver</p>
|
||||||
|
</blockquote>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
|
||||||
|
<h2 id="goblin-jane">
|
||||||
|
|
||||||
|
<a href="https://thewellandthetree.com/">goblin jane</a>
|
||||||
|
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
|
||||||
|
<p>made a physical/digital zine called...</p>
|
||||||
|
<h3 id="doorways-are-portals">Doorways are Portals</h3>
|
||||||
|
|
||||||
|
|
||||||
|
<p>and the original blurb was...</p>
|
||||||
|
<blockquote><p>tiny tales of wandering thru interdimensional portals, meeting new friends big and small, and making stone soup.</p>
|
||||||
|
</blockquote>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
|
||||||
|
<h2 id="gup">
|
||||||
|
|
||||||
|
<a href="https://cyberpunk.gay/@glyph">gup</a>
|
||||||
|
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
|
||||||
|
<p>made a physical/digital zine called...</p>
|
||||||
|
<h3 id="untitled">(untitled)</h3>
|
||||||
|
|
||||||
|
|
||||||
|
<p>and the original blurb was...</p>
|
||||||
|
<blockquote><p>fortune teller/ cootie catcher foldable. prefolded for physical, print and fold yourself for digital. decorated with hand carved stamps. black and white. i need to buy nice paper.</p>
|
||||||
|
</blockquote>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
|
||||||
|
<h2 id="lea-v-t">
|
||||||
|
|
||||||
|
<a href="https://mastodon.art/@leavt">Léa V.T.</a>
|
||||||
|
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
|
||||||
|
<p>made a physical/digital zine called...</p>
|
||||||
|
<h3 id="grand-jaloprix">Grand Jaloprix</h3>
|
||||||
|
|
||||||
|
|
||||||
|
<p>and the original blurb was...</p>
|
||||||
|
<blockquote><p>I made a small comic this summer and i'd like to print it in zine form with bonus illustrations and prep sketches. It's about a bunch of kids living in a dieselpunk junkyard racing wacky vehicles. Friends become enemies and enemies become friends, lots of vroom vroom. <a href="https://mastodon.art/@leavt/113056897528979869">preview</a></p>
|
||||||
|
</blockquote>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
|
||||||
|
<h2 id="lee">
|
||||||
|
|
||||||
|
<a href="https://leecat.art">lee</a>
|
||||||
|
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
|
||||||
|
<p>made a physical zine called...</p>
|
||||||
|
<h3 id="kestrel">KESTREL</h3>
|
||||||
|
|
||||||
|
|
||||||
|
<p>and the original blurb was...</p>
|
||||||
|
<blockquote><p>2 color hand-printed zine with pictures of my dog</p>
|
||||||
|
</blockquote>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
|
||||||
|
<h2 id="limnetic-villains">
|
||||||
|
|
||||||
|
<a href="https://limneticvillains.bandcamp.com">Limnetic Villains</a>
|
||||||
|
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
|
||||||
|
<p>made a digital zine called...</p>
|
||||||
|
<h3 id="auditory-ossicles-issue-1">Auditory Ossicles Issue 1</h3>
|
||||||
|
|
||||||
|
|
||||||
|
<p>and the original blurb was...</p>
|
||||||
|
<blockquote><p>A fake 1970s punk zine, including interviews, photos, reviews, fake adverts for products and bands that don't exist, in the style of the time.</p>
|
||||||
|
</blockquote>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
|
||||||
|
<h2 id="mythical-type">
|
||||||
|
|
||||||
|
<a href="https://mythicaltype.com/zines/">Mythical Type</a>
|
||||||
|
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
|
||||||
|
<p>made a physical zine called...</p>
|
||||||
|
<h3 id="text-message-moods">Text Message Moods</h3>
|
||||||
|
|
||||||
|
|
||||||
|
<p>and the original blurb was...</p>
|
||||||
|
<blockquote><p>“Text Message Moods” is an 8-page mini zine that illustrates what text message conversations look like, depending on people’s moods. Hand-drawn, printed in color on white paper.</p>
|
||||||
|
</blockquote>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
|
||||||
|
<h2 id="pesto-jaguar">
|
||||||
|
|
||||||
|
<a href="https://sunny.garden/@pestojaguar">Pesto Jaguar</a>
|
||||||
|
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
|
||||||
|
<p>made a digital zine called...</p>
|
||||||
|
<h3 id="swimming-through-treacle-issue-00">Swimming Through Treacle Issue 00</h3>
|
||||||
|
|
||||||
|
|
||||||
|
<p>and the original blurb was...</p>
|
||||||
|
<blockquote><p>abstract, absurd, surreal, experimental?... Perhaps comics-adjacent or sciFi-adjacent?... some manner of weird zine, mainly images with some text like experimental prose or poetry, even?... Around 20 pages in A5. No 'AI' or image/text generation, just human made digital art.</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="a-murder-of-crows">A Murder of Crows</h3>
|
||||||
|
|
||||||
|
|
||||||
|
<p>and the original blurb was...</p>
|
||||||
|
<blockquote><p>a fold-out formal experiment combining letter shapes and ink drawings</p>
|
||||||
|
</blockquote>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
|
||||||
|
<h2 id="riotmuffin">
|
||||||
|
|
||||||
|
riotmuffin
|
||||||
|
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
|
||||||
|
<p>made a physical/digital zine called...</p>
|
||||||
|
<h3 id="you-gotta-leave-rebel-stories">You Gotta Leave: Rebel Stories</h3>
|
||||||
|
|
||||||
|
|
||||||
|
<p>and the original blurb was...</p>
|
||||||
|
<blockquote><p>I’m gonna try to do that George Floyd uprising alternate history I was thinking about last time, but I might also do something else. In any case, it’ll be SHORTER than last years honker lol</p>
|
||||||
|
</blockquote>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
|
||||||
|
<h2 id="wetdryvac">
|
||||||
|
|
||||||
|
<a href="https://wetdryvac.net">Wetdryvac</a>
|
||||||
|
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
|
||||||
|
<p>made a digital zine called...</p>
|
||||||
|
<h3 id="rivet-drainage-lair-w-fzf-002">Rivet/Drainage Lair W fZF | 002</h3>
|
||||||
|
|
||||||
|
|
||||||
|
<p>and the original blurb was...</p>
|
||||||
|
<blockquote><p>The Vac is a contract/consent ethicist with forays into art, music, literature, and whatever else strikes its fancy. This usually means being somewhere under a cat.</p>
|
||||||
|
</blockquote>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
|
||||||
|
<h2 id="xyzzy">
|
||||||
|
|
||||||
|
<a href="https://xyzzyzzyzx.xyz/">xyzzy</a>
|
||||||
|
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
|
||||||
|
<p>made a digital zine called...</p>
|
||||||
|
<h3 id="shut-up-and-eat-your-dirt">Shut up & eat your dirt!</h3>
|
||||||
|
|
||||||
|
|
||||||
|
<p>and the original blurb was...</p>
|
||||||
|
<blockquote><p>a perzine about my experience in a conservative catholic high school, called “shut up & eat your dirt”</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/2025/zines/` was built on 2026-08-26T22:35:39.988Z -->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,375 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<title>FediZineFest 2026-2027 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 2026-2027 Guidelines | FediZineFest">
|
||||||
|
<meta property="og:type" content="article">
|
||||||
|
<meta property="og:url" content="fedizinefest.fyi/years/2026-2027/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-2026-2027-guidelines">FediZineFest 2026-2027 Guidelines</h1>
|
||||||
|
|
||||||
|
<h2 id="what">What</h2>
|
||||||
|
<p>A zine sharing and distribution project for the fediverse.</p>
|
||||||
|
<h2 id="who">Who</h2>
|
||||||
|
<h3 id="artists-cap-of-25">Artists (cap of 25)</h3>
|
||||||
|
<p>Provide physical and/or digital zines; receive payment and physical and/or digital zines.</p>
|
||||||
|
<p>We are again testing an artist waitlist. Additional artists will be added to the pool as funds allow and to cover for drop-outs.</p>
|
||||||
|
<h3 id="backers-cap-of-25-for-physical-zines-no-cap-for-digital">Backers (cap of 25 for physical zines; no cap for digital)</h3>
|
||||||
|
<p>Provide payment; receive physical and/or digital zines.</p>
|
||||||
|
<h2 id="when">When</h2>
|
||||||
|
<p>2026/2027 dates yet to be determined. Deadline structure as follows:</p>
|
||||||
|
<h3 id="deadline-0">Deadline 0</h3>
|
||||||
|
<p>Artist sign-up closes.</p>
|
||||||
|
<h3 id="deadline-1-deadline-0-2-weeks">Deadline 1 (deadline 0 + 2 weeks)</h3>
|
||||||
|
<p>Backer sign-up closes. Artists are informed of the number of physical zines needed.</p>
|
||||||
|
<h3 id="deadline-2-deadline-1-10-weeks">Deadline 2 (deadline 1 + 10 weeks)</h3>
|
||||||
|
<p>Art submission deadline. Digital zines are submitted to digital drive; physical zines are in the mail.</p>
|
||||||
|
<h3 id="deadline-3-deadline-2-4-weeks">Deadline 3 (deadline 2 + 4 weeks)</h3>
|
||||||
|
<p>Physical zines arrive at distributor (Lee).</p>
|
||||||
|
<h3 id="deadline-4-deadline-3-4-weeks">Deadline 4 (deadline 3 + 4 weeks)</h3>
|
||||||
|
<p>Physical zines packaged and ready for shipment. Digital zines are organized and ready to share.</p>
|
||||||
|
<h3 id="deadline-5-deadline-4-4-weeks">Deadline 5 (deadline 4 + 4 weeks)</h3>
|
||||||
|
<p>Physical zines arrive at recipients. Digital zines shared.</p>
|
||||||
|
<h2 id="where">Where</h2>
|
||||||
|
<p>Anywhere that can ship to/from the US.</p>
|
||||||
|
<h2 id="why">Why</h2>
|
||||||
|
<p>To bring folks together and share art.</p>
|
||||||
|
<h2 id="artist-information">Artist information</h2>
|
||||||
|
<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>Please feel free to share or sell your zine outside of FediZineFest after the event ends.</p>
|
||||||
|
<p>While you may submit more than one zine, I ask that you limit <strong>physical</strong> zine submissions to only the number of zines requested (this may all be one zine, half one/half another, or some other combination). This is to ensure that shipping doesn’t become too unreasonable (for you <em>or</em> me).</p>
|
||||||
|
<p>No generative AI content is allowed.</p>
|
||||||
|
<h3 id="physical-zine-restrictions">Physical zine restrictions</h3>
|
||||||
|
<p>No larger than one of:</p>
|
||||||
|
<ul>
|
||||||
|
<li>21x14.9cm (a sheet of A4 paper, folded once)</li>
|
||||||
|
<li>8.5"x5.5" (a sheet of 8.5"x11" paper, folded once)</li>
|
||||||
|
</ul>
|
||||||
|
<h3 id="payment">Payment</h3>
|
||||||
|
<p><strong>This is not a get-rich-quick scheme for anyone involved.</strong> In <a href="/years/2025">2025</a>, the artist payout was between USD95 and USD135 per artist.</p>
|
||||||
|
<p>Last year, I adjusted the payment scheme to more appropriately compensate physical zine artists for the costs of printing and shipping. I'll do this again this year. Exact payouts won't be determined until zines are collected to account for any artist drop outs.</p>
|
||||||
|
<p>Payment will be done over PayPal and Venmo. <strong>If you cannot use either of these services, you must talk to Lee before signing up as an artist.</strong></p>
|
||||||
|
<h2 id="backer-information">Backer information</h2>
|
||||||
|
<p>Buying physical/digital or digital-only zine bundles will be done via <a href="https://ko-fi.com/inherentlee">Lee's Ko-fi shop</a>. If you've filled out the <a href="/signup#interest-in-2026-2027">interest form</a>, you'll get an email when bundle purchasing goes live. Otherwise, monitor the #fediZineFest and/or #fediZineFest2026 hashtags on the fediverse.</p>
|
||||||
|
|
||||||
|
|
||||||
|
</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/2026-2027/guidelines/` was built on 2026-08-26T22:35:39.990Z -->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,340 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<title>FediZineFest 2026-2027 | 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 2026-2027 | FediZineFest">
|
||||||
|
<meta property="og:type" content="article">
|
||||||
|
<meta property="og:url" content="fedizinefest.fyi/years/2026-2027/">
|
||||||
|
<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-2026-2027">FediZineFest 2026-2027</h1>
|
||||||
|
|
||||||
|
<h2 id="overview">Overview</h2>
|
||||||
|
<p>The interest form for 2026-2027 is open on the <a href="/signup">signup page.</a></p>
|
||||||
|
<p>Read the <a href="/years/2025/guidelines">FediZineFest 2025 guidelines.</a></p>
|
||||||
|
<h2 id="team">Team</h2>
|
||||||
|
<ul>
|
||||||
|
<li><strong>Physical Zine Coordination:</strong> Lee Cattarin — <a href="https://leecat.art">leecat.art</a></li>
|
||||||
|
<li><strong>Website/Database Management:</strong> Lee Cattarin — <a href="https://leecat.art">leecat.art</a></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/2026-2027/` was built on 2026-08-26T22:35:39.990Z -->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,340 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<title>Catalog of Years | 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="Catalog of Years | FediZineFest">
|
||||||
|
<meta property="og:type" content="article">
|
||||||
|
<meta property="og:url" content="fedizinefest.fyi/years/">
|
||||||
|
<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" aria-current="page">
|
||||||
|
all years
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
|
||||||
|
<main id="main">
|
||||||
|
|
||||||
|
<h1 id="catalog-of-years">Catalog of Years</h1>
|
||||||
|
|
||||||
|
<h2 id="fedizinefest-2026-2027"><a href="/years/2026-2027">FediZineFest 2026-2027</a></h2>
|
||||||
|
<h3 id="2026-2027-guidelines"><a href="/years/2026-2027/guidelines">2026-2027 guidelines</a></h3>
|
||||||
|
<h2 id="fedizinefest-2025"><a href="/years/2025">FediZineFest 2025</a></h2>
|
||||||
|
<h3 id="2025-guidelines"><a href="/years/2025/guidelines">2025 guidelines</a></h3>
|
||||||
|
<h3 id="2025-zines"><a href="/years/2025/zines">2025 zines</a></h3>
|
||||||
|
<h2 id="fedizinefest-2024"><a href="/years/2024">FediZineFest 2024</a></h2>
|
||||||
|
<h3 id="2024-guidelines"><a href="/years/2024/guidelines">2024 guidelines</a></h3>
|
||||||
|
<h3 id="2024-zines"><a href="/years/2024/zines">2024 zines</a></h3>
|
||||||
|
|
||||||
|
|
||||||
|
</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/` was built on 2026-08-26T22:35:39.989Z -->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
+1251
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user
