drone build Sun Sep 13 10:56:32 PDT 2026

This commit is contained in:
2026-09-13 17:56:32 +00:00
parent bdde268bd7
commit e70a552220
19 changed files with 998 additions and 323 deletions
+54 -20
View File
@@ -21,31 +21,31 @@
<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 property="og:image" content="/img/2026-2027-logo-dark.png">
<meta property="og:image:alt" content="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette">
<meta name="generator" content="Eleventy v3.1.5">
<!-- CSS -->
<style>:root {
<style>@font-face {
font-family: "Bloktype";
src: url("/fonts/BLOKTYPE.woff2");
}
:root {
color-scheme: light dark;
--color-bg-light: #f0f0f0;
--color-text-light: #640054;
--color-header-light: #185370;
--color-warn-light: #fbcc0a;
--color-light: #f3ccfb;
--color-dark: #130b16;
--color-pink: #ea33d2;
--color-blurple: #6d12e2;
--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));
--color-bg: light-dark(var(--color-light), var(--color-dark));
--color-text: light-dark(var(--color-dark), var(--color-light));
--color-header: light-dark(var(--color-blurple), var(--color-pink));
--color-warn: light-dark(var(--color-pink), var(--color-blurple));
}
/* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
@@ -128,7 +128,7 @@ h1, h2, h3, h4, h5, h6 {
}
h1 {
margin: 5rem 0 2rem;
margin: 5rem 0;
font-size: 3rem;
text-align: center;
}
@@ -139,11 +139,15 @@ h1 {
h2 {
font-size: 2rem;
padding-top: 3rem;
border-top: solid;
margin: 1.4rem 0;
}
p + h2,
h3 + h2 {
padding-top: 3rem;
border-top: solid;
}
h3 {
font-size: 1.4rem;
margin-top: 1rem;
@@ -242,6 +246,36 @@ footer p {
text-align: center;
}
}
.bloktype {
font-family: "Bloktype";
font-size: 1.35em; /* because of the blocks the letters are rather small */
color: var(--color-text);
}
@media (prefers-color-scheme: light) {
.dark-mode {
display: none;
}
}
@media (prefers-color-scheme: dark) {
.light-mode {
display: none;
}
}
/* only float insets on larger screens */
@media (min-width: 551px) {
.inset {
clear: both;
width: 40%;
padding-left: 1rem;
padding-bottom: .5rem;
float: right;
background-color: var(--color-bg);
}
}
#zine-container {
padding: 0;
}
@@ -345,6 +379,6 @@ footer p {
</p>
</footer>
<!-- This page `/attribution/` was built on 2026-09-05T20:52:47.889Z -->
<!-- This page `/attribution/` was built on 2026-09-13T17:56:26.679Z -->
</body>
</html>
+54 -20
View File
@@ -21,31 +21,31 @@
<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 property="og:image" content="/img/2026-2027-logo-dark.png">
<meta property="og:image:alt" content="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette">
<meta name="generator" content="Eleventy v3.1.5">
<!-- CSS -->
<style>:root {
<style>@font-face {
font-family: "Bloktype";
src: url("/fonts/BLOKTYPE.woff2");
}
:root {
color-scheme: light dark;
--color-bg-light: #f0f0f0;
--color-text-light: #640054;
--color-header-light: #185370;
--color-warn-light: #fbcc0a;
--color-light: #f3ccfb;
--color-dark: #130b16;
--color-pink: #ea33d2;
--color-blurple: #6d12e2;
--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));
--color-bg: light-dark(var(--color-light), var(--color-dark));
--color-text: light-dark(var(--color-dark), var(--color-light));
--color-header: light-dark(var(--color-blurple), var(--color-pink));
--color-warn: light-dark(var(--color-pink), var(--color-blurple));
}
/* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
@@ -128,7 +128,7 @@ h1, h2, h3, h4, h5, h6 {
}
h1 {
margin: 5rem 0 2rem;
margin: 5rem 0;
font-size: 3rem;
text-align: center;
}
@@ -139,11 +139,15 @@ h1 {
h2 {
font-size: 2rem;
padding-top: 3rem;
border-top: solid;
margin: 1.4rem 0;
}
p + h2,
h3 + h2 {
padding-top: 3rem;
border-top: solid;
}
h3 {
font-size: 1.4rem;
margin-top: 1rem;
@@ -242,6 +246,36 @@ footer p {
text-align: center;
}
}
.bloktype {
font-family: "Bloktype";
font-size: 1.35em; /* because of the blocks the letters are rather small */
color: var(--color-text);
}
@media (prefers-color-scheme: light) {
.dark-mode {
display: none;
}
}
@media (prefers-color-scheme: dark) {
.light-mode {
display: none;
}
}
/* only float insets on larger screens */
@media (min-width: 551px) {
.inset {
clear: both;
width: 40%;
padding-left: 1rem;
padding-bottom: .5rem;
float: right;
background-color: var(--color-bg);
}
}
#zine-container {
padding: 0;
}
@@ -342,6 +376,6 @@ footer p {
</p>
</footer>
<!-- This page `/digital-success/` was built on 2026-09-05T20:52:47.889Z -->
<!-- This page `/digital-success/` was built on 2026-09-13T17:56:26.679Z -->
</body>
</html>
Binary file not shown.
Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

+57 -24
View File
@@ -21,31 +21,31 @@
<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 property="og:image" content="/img/2026-2027-logo-dark.png">
<meta property="og:image:alt" content="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette">
<meta name="generator" content="Eleventy v3.1.5">
<!-- CSS -->
<style>:root {
<style>@font-face {
font-family: "Bloktype";
src: url("/fonts/BLOKTYPE.woff2");
}
:root {
color-scheme: light dark;
--color-bg-light: #f0f0f0;
--color-text-light: #640054;
--color-header-light: #185370;
--color-warn-light: #fbcc0a;
--color-light: #f3ccfb;
--color-dark: #130b16;
--color-pink: #ea33d2;
--color-blurple: #6d12e2;
--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));
--color-bg: light-dark(var(--color-light), var(--color-dark));
--color-text: light-dark(var(--color-dark), var(--color-light));
--color-header: light-dark(var(--color-blurple), var(--color-pink));
--color-warn: light-dark(var(--color-pink), var(--color-blurple));
}
/* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
@@ -128,7 +128,7 @@ h1, h2, h3, h4, h5, h6 {
}
h1 {
margin: 5rem 0 2rem;
margin: 5rem 0;
font-size: 3rem;
text-align: center;
}
@@ -139,11 +139,15 @@ h1 {
h2 {
font-size: 2rem;
padding-top: 3rem;
border-top: solid;
margin: 1.4rem 0;
}
p + h2,
h3 + h2 {
padding-top: 3rem;
border-top: solid;
}
h3 {
font-size: 1.4rem;
margin-top: 1rem;
@@ -242,6 +246,36 @@ footer p {
text-align: center;
}
}
.bloktype {
font-family: "Bloktype";
font-size: 1.35em; /* because of the blocks the letters are rather small */
color: var(--color-text);
}
@media (prefers-color-scheme: light) {
.dark-mode {
display: none;
}
}
@media (prefers-color-scheme: dark) {
.light-mode {
display: none;
}
}
/* only float insets on larger screens */
@media (min-width: 551px) {
.inset {
clear: both;
width: 40%;
padding-left: 1rem;
padding-bottom: .5rem;
float: right;
background-color: var(--color-bg);
}
}
#zine-container {
padding: 0;
}
@@ -323,10 +357,10 @@ footer p {
<main id="main">
<h1 id="fedizinefest">FediZineFest</h1>
<h1 id="fedizinefest"><span class="bloktype">F</span>edi<span class="bloktype"><wbr>Z</span>ine<span class="bloktype"><wbr>F</span>est</h1>
<p>FediZineFest ran in <a href="/years/2024">2024</a> and <a href="/years/2025">2025</a>. We're now looking at <a href="/years/2026-2027">FediZineFest 2026-2027</a>.</p>
<p><img src="/img/2026-2027-logo-dark.png" alt="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette" class="inset light-mode" loading="lazy" decoding="async" width="563" height="552">
<img src="/img/2026-2027-logo-light.png" alt="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette" class="inset dark-mode" loading="lazy" decoding="async" width="563" height="552"></p>
<h2 id="what">What</h2>
<p>A zine sharing and distribution project for the fediverse.</p>
<h2 id="who">Who</h2>
@@ -345,7 +379,6 @@ footer p {
<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>
@@ -358,6 +391,6 @@ footer p {
</p>
</footer>
<!-- This page `/` was built on 2026-09-05T20:52:47.889Z -->
<!-- This page `/` was built on 2026-09-13T17:56:26.677Z -->
</body>
</html>
+82 -27
View File
@@ -21,8 +21,8 @@
<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 property="og:image" content="/img/2026-2027-logo-dark.png">
<meta property="og:image:alt" content="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette">
<meta name="generator" content="Eleventy v3.1.5">
@@ -40,24 +40,40 @@
--color-header-dark-2025: #ff9b37;
--color-warn-dark-2025: #540033;
--color-light-2026: #f3ccfb;
--color-dark-2026: #130b16;
--color-pink-2026: #ea33d2;
--color-blurple-2026: #6d12e2;
border-radius: .5rem;
padding: .5rem;
text-align: center;
font-weight: bold;
}
@media (prefers-color-scheme: light) {
.color {
border: .1rem solid var(--color-bg-dark);
}
.color {
border: .1rem solid var(--color-text);
}
@media (prefers-color-scheme: dark) {
.color {
border: .1rem solid var(--color-bg-light);
}
/* 2026-2027 */
#light-2026,
#pink-2026 {
color: var(--color-dark-2026);
}
#dark-2026,
#blurple-2026 {
color: var(--color-light-2026);
}
#light-2026 { background-color: var(--color-light-2026); }
#dark-2026 { background-color: var(--color-dark-2026); }
#pink-2026 { background-color: var(--color-pink-2026); }
#blurple-2026 { background-color: var(--color-blurple-2026); }
/* 2025 */
#bg-light-2025,
#warn-light-2025 {
color: var(--color-text-light-2025);
@@ -87,23 +103,23 @@
#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); }
@font-face {
font-family: "Bloktype";
src: url("/fonts/BLOKTYPE.woff2");
}
:root {
color-scheme: light dark;
--color-bg-light: #f0f0f0;
--color-text-light: #640054;
--color-header-light: #185370;
--color-warn-light: #fbcc0a;
--color-light: #f3ccfb;
--color-dark: #130b16;
--color-pink: #ea33d2;
--color-blurple: #6d12e2;
--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));
--color-bg: light-dark(var(--color-light), var(--color-dark));
--color-text: light-dark(var(--color-dark), var(--color-light));
--color-header: light-dark(var(--color-blurple), var(--color-pink));
--color-warn: light-dark(var(--color-pink), var(--color-blurple));
}
/* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
@@ -186,7 +202,7 @@ h1, h2, h3, h4, h5, h6 {
}
h1 {
margin: 5rem 0 2rem;
margin: 5rem 0;
font-size: 3rem;
text-align: center;
}
@@ -197,11 +213,15 @@ h1 {
h2 {
font-size: 2rem;
padding-top: 3rem;
border-top: solid;
margin: 1.4rem 0;
}
p + h2,
h3 + h2 {
padding-top: 3rem;
border-top: solid;
}
h3 {
font-size: 1.4rem;
margin-top: 1rem;
@@ -300,6 +320,36 @@ footer p {
text-align: center;
}
}
.bloktype {
font-family: "Bloktype";
font-size: 1.35em; /* because of the blocks the letters are rather small */
color: var(--color-text);
}
@media (prefers-color-scheme: light) {
.dark-mode {
display: none;
}
}
@media (prefers-color-scheme: dark) {
.light-mode {
display: none;
}
}
/* only float insets on larger screens */
@media (min-width: 551px) {
.inset {
clear: both;
width: 40%;
padding-left: 1rem;
padding-bottom: .5rem;
float: right;
background-color: var(--color-bg);
}
}
#zine-container {
padding: 0;
}
@@ -384,6 +434,11 @@ footer p {
<h1 id="palette">Palette</h1>
<h2 id="2026-2027">2026-2027</h2>
<p class="color" id="light-2026">#f3ccfb</p>
<p class="color" id="dark-2026">#130b16</p>
<p class="color" id="pink-2026">#ea33d2</p>
<p class="color" id="blurple-2026">#6d12e2</p>
<h2 id="2025">2025</h2>
<h3 id="light">Light</h3>
<p class="color" id="bg-light-2025">#f0f0f0</p>
@@ -409,6 +464,6 @@ footer p {
</p>
</footer>
<!-- This page `/palette/` was built on 2026-09-05T20:52:47.889Z -->
<!-- This page `/palette/` was built on 2026-09-13T17:56:26.679Z -->
</body>
</html>
+151
View File
@@ -0,0 +1,151 @@
# Sourced from https://codeberg.org/superseriousbusiness/gotosocial/
# AI scrapers and the like.
# https://github.com/ai-robots-txt/ai.robots.txt/
User-agent: AddSearchBot
User-agent: AI2Bot
User-agent: AI2Bot-DeepResearchEval
User-agent: Ai2Bot-Dolma
User-agent: aiHitBot
User-agent: amazon-kendra
User-agent: Amazonbot
User-agent: AmazonBuyForMe
User-agent: Andibot
User-agent: Anomura
User-agent: anthropic-ai
User-agent: Applebot
User-agent: Applebot-Extended
User-agent: atlassian-bot
User-agent: Awario
User-agent: bedrockbot
User-agent: bigsur.ai
User-agent: Bravebot
User-agent: Brightbot 1.0
User-agent: BuddyBot
User-agent: Bytespider
User-agent: CCBot
User-agent: Channel3Bot
User-agent: ChatGLM-Spider
User-agent: ChatGPT Agent
User-agent: ChatGPT-User
User-agent: Claude-SearchBot
User-agent: Claude-User
User-agent: Claude-Web
User-agent: ClaudeBot
User-agent: Cloudflare-AutoRAG
User-agent: CloudVertexBot
User-agent: cohere-ai
User-agent: cohere-training-data-crawler
User-agent: Cotoyogi
User-agent: Crawl4AI
User-agent: Crawlspace
User-agent: Datenbank Crawler
User-agent: DeepSeekBot
User-agent: Devin
User-agent: Diffbot
User-agent: DuckAssistBot
User-agent: Echobot Bot
User-agent: EchoboxBot
User-agent: FacebookBot
User-agent: facebookexternalhit
User-agent: Factset_spyderbot
User-agent: FirecrawlAgent
User-agent: FriendlyCrawler
User-agent: Gemini-Deep-Research
User-agent: Google-CloudVertexBot
User-agent: Google-Extended
User-agent: Google-Firebase
User-agent: Google-NotebookLM
User-agent: GoogleAgent-Mariner
User-agent: GoogleOther
User-agent: GoogleOther-Image
User-agent: GoogleOther-Video
User-agent: GPTBot
User-agent: iAskBot
User-agent: iaskspider
User-agent: iaskspider/2.0
User-agent: IbouBot
User-agent: ICC-Crawler
User-agent: ImagesiftBot
User-agent: imageSpider
User-agent: img2dataset
User-agent: ISSCyberRiskCrawler
User-agent: Kangaroo Bot
User-agent: KlaviyoAIBot
User-agent: KunatoCrawler
User-agent: laion-huggingface-processor
User-agent: LAIONDownloader
User-agent: LCC
User-agent: LinerBot
User-agent: Linguee Bot
User-agent: LinkupBot
User-agent: Manus-User
User-agent: meta-externalagent
User-agent: Meta-ExternalAgent
User-agent: meta-externalfetcher
User-agent: Meta-ExternalFetcher
User-agent: meta-webindexer
User-agent: MistralAI-User
User-agent: MistralAI-User/1.0
User-agent: MyCentralAIScraperBot
User-agent: netEstate Imprint Crawler
User-agent: NotebookLM
User-agent: NovaAct
User-agent: OAI-SearchBot
User-agent: omgili
User-agent: omgilibot
User-agent: OpenAI
User-agent: Operator
User-agent: PanguBot
User-agent: Panscient
User-agent: panscient.com
User-agent: Perplexity-User
User-agent: PerplexityBot
User-agent: PetalBot
User-agent: PhindBot
User-agent: Poggio-Citations
User-agent: Poseidon Research Crawler
User-agent: QualifiedBot
User-agent: QuillBot
User-agent: quillbot.com
User-agent: SBIntuitionsBot
User-agent: Scrapy
User-agent: SemrushBot-OCOB
User-agent: SemrushBot-SWA
User-agent: ShapBot
User-agent: Sidetrade indexer bot
User-agent: Spider
User-agent: TerraCotta
User-agent: Thinkbot
User-agent: TikTokSpider
User-agent: Timpibot
User-agent: TwinAgent
User-agent: VelenPublicWebCrawler
User-agent: WARDBot
User-agent: Webzio-Extended
User-agent: webzio-extended
User-agent: wpbot
User-agent: WRTNBot
User-agent: YaK
User-agent: YandexAdditional
User-agent: YandexAdditionalBot
User-agent: YouBot
User-agent: ZanistaBot
Disallow: /
# Marketing/SEO "intelligence" data scrapers
User-agent: AwarioRssBot
User-agent: AwarioSmartBot
User-agent: DataForSeoBot
User-agent: magpie-crawler
User-agent: Meltwater
User-agent: peer39_crawler
User-agent: peer39_crawler/1.0
User-agent: PiplBot
User-agent: scoop.it
User-agent: Seekr
Disallow: /
# Rules for everything else
User-agent: *
Crawl-delay: 500
+54 -20
View File
@@ -21,31 +21,31 @@
<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 property="og:image" content="/img/2026-2027-logo-dark.png">
<meta property="og:image:alt" content="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette">
<meta name="generator" content="Eleventy v3.1.5">
<!-- CSS -->
<style>:root {
<style>@font-face {
font-family: "Bloktype";
src: url("/fonts/BLOKTYPE.woff2");
}
:root {
color-scheme: light dark;
--color-bg-light: #f0f0f0;
--color-text-light: #640054;
--color-header-light: #185370;
--color-warn-light: #fbcc0a;
--color-light: #f3ccfb;
--color-dark: #130b16;
--color-pink: #ea33d2;
--color-blurple: #6d12e2;
--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));
--color-bg: light-dark(var(--color-light), var(--color-dark));
--color-text: light-dark(var(--color-dark), var(--color-light));
--color-header: light-dark(var(--color-blurple), var(--color-pink));
--color-warn: light-dark(var(--color-pink), var(--color-blurple));
}
/* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
@@ -128,7 +128,7 @@ h1, h2, h3, h4, h5, h6 {
}
h1 {
margin: 5rem 0 2rem;
margin: 5rem 0;
font-size: 3rem;
text-align: center;
}
@@ -139,11 +139,15 @@ h1 {
h2 {
font-size: 2rem;
padding-top: 3rem;
border-top: solid;
margin: 1.4rem 0;
}
p + h2,
h3 + h2 {
padding-top: 3rem;
border-top: solid;
}
h3 {
font-size: 1.4rem;
margin-top: 1rem;
@@ -242,6 +246,36 @@ footer p {
text-align: center;
}
}
.bloktype {
font-family: "Bloktype";
font-size: 1.35em; /* because of the blocks the letters are rather small */
color: var(--color-text);
}
@media (prefers-color-scheme: light) {
.dark-mode {
display: none;
}
}
@media (prefers-color-scheme: dark) {
.light-mode {
display: none;
}
}
/* only float insets on larger screens */
@media (min-width: 551px) {
.inset {
clear: both;
width: 40%;
padding-left: 1rem;
padding-bottom: .5rem;
float: right;
background-color: var(--color-bg);
}
}
#zine-container {
padding: 0;
}
@@ -347,6 +381,6 @@ footer p {
</p>
</footer>
<!-- This page `/signup/` was built on 2026-09-05T20:52:47.889Z -->
<!-- This page `/signup/` was built on 2026-09-13T17:56:26.679Z -->
</body>
</html>
+54 -20
View File
@@ -21,31 +21,31 @@
<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 property="og:image" content="/img/2026-2027-logo-dark.png">
<meta property="og:image:alt" content="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette">
<meta name="generator" content="Eleventy v3.1.5">
<!-- CSS -->
<style>:root {
<style>@font-face {
font-family: "Bloktype";
src: url("/fonts/BLOKTYPE.woff2");
}
:root {
color-scheme: light dark;
--color-bg-light: #f0f0f0;
--color-text-light: #640054;
--color-header-light: #185370;
--color-warn-light: #fbcc0a;
--color-light: #f3ccfb;
--color-dark: #130b16;
--color-pink: #ea33d2;
--color-blurple: #6d12e2;
--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));
--color-bg: light-dark(var(--color-light), var(--color-dark));
--color-text: light-dark(var(--color-dark), var(--color-light));
--color-header: light-dark(var(--color-blurple), var(--color-pink));
--color-warn: light-dark(var(--color-pink), var(--color-blurple));
}
/* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
@@ -128,7 +128,7 @@ h1, h2, h3, h4, h5, h6 {
}
h1 {
margin: 5rem 0 2rem;
margin: 5rem 0;
font-size: 3rem;
text-align: center;
}
@@ -139,11 +139,15 @@ h1 {
h2 {
font-size: 2rem;
padding-top: 3rem;
border-top: solid;
margin: 1.4rem 0;
}
p + h2,
h3 + h2 {
padding-top: 3rem;
border-top: solid;
}
h3 {
font-size: 1.4rem;
margin-top: 1rem;
@@ -242,6 +246,36 @@ footer p {
text-align: center;
}
}
.bloktype {
font-family: "Bloktype";
font-size: 1.35em; /* because of the blocks the letters are rather small */
color: var(--color-text);
}
@media (prefers-color-scheme: light) {
.dark-mode {
display: none;
}
}
@media (prefers-color-scheme: dark) {
.light-mode {
display: none;
}
}
/* only float insets on larger screens */
@media (min-width: 551px) {
.inset {
clear: both;
width: 40%;
padding-left: 1rem;
padding-bottom: .5rem;
float: right;
background-color: var(--color-bg);
}
}
#zine-container {
padding: 0;
}
@@ -420,6 +454,6 @@ footer p {
</p>
</footer>
<!-- This page `/years/2024/guidelines/` was built on 2026-09-05T20:52:47.890Z -->
<!-- This page `/years/2024/guidelines/` was built on 2026-09-13T17:56:26.679Z -->
</body>
</html>
+55 -22
View File
@@ -21,31 +21,31 @@
<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 property="og:image" content="/img/2026-2027-logo-dark.png">
<meta property="og:image:alt" content="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette">
<meta name="generator" content="Eleventy v3.1.5">
<!-- CSS -->
<style>:root {
<style>@font-face {
font-family: "Bloktype";
src: url("/fonts/BLOKTYPE.woff2");
}
:root {
color-scheme: light dark;
--color-bg-light: #f0f0f0;
--color-text-light: #640054;
--color-header-light: #185370;
--color-warn-light: #fbcc0a;
--color-light: #f3ccfb;
--color-dark: #130b16;
--color-pink: #ea33d2;
--color-blurple: #6d12e2;
--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));
--color-bg: light-dark(var(--color-light), var(--color-dark));
--color-text: light-dark(var(--color-dark), var(--color-light));
--color-header: light-dark(var(--color-blurple), var(--color-pink));
--color-warn: light-dark(var(--color-pink), var(--color-blurple));
}
/* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
@@ -128,7 +128,7 @@ h1, h2, h3, h4, h5, h6 {
}
h1 {
margin: 5rem 0 2rem;
margin: 5rem 0;
font-size: 3rem;
text-align: center;
}
@@ -139,11 +139,15 @@ h1 {
h2 {
font-size: 2rem;
padding-top: 3rem;
border-top: solid;
margin: 1.4rem 0;
}
p + h2,
h3 + h2 {
padding-top: 3rem;
border-top: solid;
}
h3 {
font-size: 1.4rem;
margin-top: 1rem;
@@ -242,6 +246,36 @@ footer p {
text-align: center;
}
}
.bloktype {
font-family: "Bloktype";
font-size: 1.35em; /* because of the blocks the letters are rather small */
color: var(--color-text);
}
@media (prefers-color-scheme: light) {
.dark-mode {
display: none;
}
}
@media (prefers-color-scheme: dark) {
.light-mode {
display: none;
}
}
/* only float insets on larger screens */
@media (min-width: 551px) {
.inset {
clear: both;
width: 40%;
padding-left: 1rem;
padding-bottom: .5rem;
float: right;
background-color: var(--color-bg);
}
}
#zine-container {
padding: 0;
}
@@ -326,8 +360,7 @@ footer p {
<h1 id="fedizinefest-2024">FediZineFest 2024</h1>
<p><img src="/img/2024-zines.jpg" 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><img src="/img/2024-zines.jpg" alt="A number of zines of various sizes and designs and colors laid out on a very colorful bedspread." class="inset" loading="lazy" decoding="async" width="3000" height="4000"></p>
<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>
@@ -362,6 +395,6 @@ footer p {
</p>
</footer>
<!-- This page `/years/2024/` was built on 2026-09-05T20:52:47.890Z -->
<!-- This page `/years/2024/` was built on 2026-09-13T17:56:26.679Z -->
</body>
</html>
+54 -20
View File
@@ -21,31 +21,31 @@
<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 property="og:image" content="/img/2026-2027-logo-dark.png">
<meta property="og:image:alt" content="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette">
<meta name="generator" content="Eleventy v3.1.5">
<!-- CSS -->
<style>:root {
<style>@font-face {
font-family: "Bloktype";
src: url("/fonts/BLOKTYPE.woff2");
}
:root {
color-scheme: light dark;
--color-bg-light: #f0f0f0;
--color-text-light: #640054;
--color-header-light: #185370;
--color-warn-light: #fbcc0a;
--color-light: #f3ccfb;
--color-dark: #130b16;
--color-pink: #ea33d2;
--color-blurple: #6d12e2;
--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));
--color-bg: light-dark(var(--color-light), var(--color-dark));
--color-text: light-dark(var(--color-dark), var(--color-light));
--color-header: light-dark(var(--color-blurple), var(--color-pink));
--color-warn: light-dark(var(--color-pink), var(--color-blurple));
}
/* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
@@ -128,7 +128,7 @@ h1, h2, h3, h4, h5, h6 {
}
h1 {
margin: 5rem 0 2rem;
margin: 5rem 0;
font-size: 3rem;
text-align: center;
}
@@ -139,11 +139,15 @@ h1 {
h2 {
font-size: 2rem;
padding-top: 3rem;
border-top: solid;
margin: 1.4rem 0;
}
p + h2,
h3 + h2 {
padding-top: 3rem;
border-top: solid;
}
h3 {
font-size: 1.4rem;
margin-top: 1rem;
@@ -242,6 +246,36 @@ footer p {
text-align: center;
}
}
.bloktype {
font-family: "Bloktype";
font-size: 1.35em; /* because of the blocks the letters are rather small */
color: var(--color-text);
}
@media (prefers-color-scheme: light) {
.dark-mode {
display: none;
}
}
@media (prefers-color-scheme: dark) {
.light-mode {
display: none;
}
}
/* only float insets on larger screens */
@media (min-width: 551px) {
.inset {
clear: both;
width: 40%;
padding-left: 1rem;
padding-bottom: .5rem;
float: right;
background-color: var(--color-bg);
}
}
#zine-container {
padding: 0;
}
@@ -822,6 +856,6 @@ footer p {
</p>
</footer>
<!-- This page `/years/2024/zines/` was built on 2026-09-05T20:52:47.889Z -->
<!-- This page `/years/2024/zines/` was built on 2026-09-13T17:56:26.678Z -->
</body>
</html>
+54 -20
View File
@@ -21,31 +21,31 @@
<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 property="og:image" content="/img/2026-2027-logo-dark.png">
<meta property="og:image:alt" content="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette">
<meta name="generator" content="Eleventy v3.1.5">
<!-- CSS -->
<style>:root {
<style>@font-face {
font-family: "Bloktype";
src: url("/fonts/BLOKTYPE.woff2");
}
:root {
color-scheme: light dark;
--color-bg-light: #f0f0f0;
--color-text-light: #640054;
--color-header-light: #185370;
--color-warn-light: #fbcc0a;
--color-light: #f3ccfb;
--color-dark: #130b16;
--color-pink: #ea33d2;
--color-blurple: #6d12e2;
--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));
--color-bg: light-dark(var(--color-light), var(--color-dark));
--color-text: light-dark(var(--color-dark), var(--color-light));
--color-header: light-dark(var(--color-blurple), var(--color-pink));
--color-warn: light-dark(var(--color-pink), var(--color-blurple));
}
/* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
@@ -128,7 +128,7 @@ h1, h2, h3, h4, h5, h6 {
}
h1 {
margin: 5rem 0 2rem;
margin: 5rem 0;
font-size: 3rem;
text-align: center;
}
@@ -139,11 +139,15 @@ h1 {
h2 {
font-size: 2rem;
padding-top: 3rem;
border-top: solid;
margin: 1.4rem 0;
}
p + h2,
h3 + h2 {
padding-top: 3rem;
border-top: solid;
}
h3 {
font-size: 1.4rem;
margin-top: 1rem;
@@ -242,6 +246,36 @@ footer p {
text-align: center;
}
}
.bloktype {
font-family: "Bloktype";
font-size: 1.35em; /* because of the blocks the letters are rather small */
color: var(--color-text);
}
@media (prefers-color-scheme: light) {
.dark-mode {
display: none;
}
}
@media (prefers-color-scheme: dark) {
.light-mode {
display: none;
}
}
/* only float insets on larger screens */
@media (min-width: 551px) {
.inset {
clear: both;
width: 40%;
padding-left: 1rem;
padding-bottom: .5rem;
float: right;
background-color: var(--color-bg);
}
}
#zine-container {
padding: 0;
}
@@ -386,6 +420,6 @@ footer p {
</p>
</footer>
<!-- This page `/years/2025/guidelines/` was built on 2026-09-05T20:52:47.890Z -->
<!-- This page `/years/2025/guidelines/` was built on 2026-09-13T17:56:26.679Z -->
</body>
</html>
+55 -21
View File
@@ -21,31 +21,31 @@
<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 property="og:image" content="/img/2026-2027-logo-dark.png">
<meta property="og:image:alt" content="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette">
<meta name="generator" content="Eleventy v3.1.5">
<!-- CSS -->
<style>:root {
<style>@font-face {
font-family: "Bloktype";
src: url("/fonts/BLOKTYPE.woff2");
}
:root {
color-scheme: light dark;
--color-bg-light: #f0f0f0;
--color-text-light: #640054;
--color-header-light: #185370;
--color-warn-light: #fbcc0a;
--color-light: #f3ccfb;
--color-dark: #130b16;
--color-pink: #ea33d2;
--color-blurple: #6d12e2;
--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));
--color-bg: light-dark(var(--color-light), var(--color-dark));
--color-text: light-dark(var(--color-dark), var(--color-light));
--color-header: light-dark(var(--color-blurple), var(--color-pink));
--color-warn: light-dark(var(--color-pink), var(--color-blurple));
}
/* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
@@ -128,7 +128,7 @@ h1, h2, h3, h4, h5, h6 {
}
h1 {
margin: 5rem 0 2rem;
margin: 5rem 0;
font-size: 3rem;
text-align: center;
}
@@ -139,11 +139,15 @@ h1 {
h2 {
font-size: 2rem;
padding-top: 3rem;
border-top: solid;
margin: 1.4rem 0;
}
p + h2,
h3 + h2 {
padding-top: 3rem;
border-top: solid;
}
h3 {
font-size: 1.4rem;
margin-top: 1rem;
@@ -242,6 +246,36 @@ footer p {
text-align: center;
}
}
.bloktype {
font-family: "Bloktype";
font-size: 1.35em; /* because of the blocks the letters are rather small */
color: var(--color-text);
}
@media (prefers-color-scheme: light) {
.dark-mode {
display: none;
}
}
@media (prefers-color-scheme: dark) {
.light-mode {
display: none;
}
}
/* only float insets on larger screens */
@media (min-width: 551px) {
.inset {
clear: both;
width: 40%;
padding-left: 1rem;
padding-bottom: .5rem;
float: right;
background-color: var(--color-bg);
}
}
#zine-container {
padding: 0;
}
@@ -326,7 +360,7 @@ footer p {
<h1 id="fedizinefest-2025">FediZineFest 2025</h1>
<p><img src="/img/2025-logo.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>
<p><img src="/img/2025-logo.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'" class="inset" 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>
@@ -372,6 +406,6 @@ footer p {
</p>
</footer>
<!-- This page `/years/2025/` was built on 2026-09-05T20:52:47.890Z -->
<!-- This page `/years/2025/` was built on 2026-09-13T17:56:26.679Z -->
</body>
</html>
+54 -20
View File
@@ -21,31 +21,31 @@
<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 property="og:image" content="/img/2026-2027-logo-dark.png">
<meta property="og:image:alt" content="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette">
<meta name="generator" content="Eleventy v3.1.5">
<!-- CSS -->
<style>:root {
<style>@font-face {
font-family: "Bloktype";
src: url("/fonts/BLOKTYPE.woff2");
}
:root {
color-scheme: light dark;
--color-bg-light: #f0f0f0;
--color-text-light: #640054;
--color-header-light: #185370;
--color-warn-light: #fbcc0a;
--color-light: #f3ccfb;
--color-dark: #130b16;
--color-pink: #ea33d2;
--color-blurple: #6d12e2;
--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));
--color-bg: light-dark(var(--color-light), var(--color-dark));
--color-text: light-dark(var(--color-dark), var(--color-light));
--color-header: light-dark(var(--color-blurple), var(--color-pink));
--color-warn: light-dark(var(--color-pink), var(--color-blurple));
}
/* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
@@ -128,7 +128,7 @@ h1, h2, h3, h4, h5, h6 {
}
h1 {
margin: 5rem 0 2rem;
margin: 5rem 0;
font-size: 3rem;
text-align: center;
}
@@ -139,11 +139,15 @@ h1 {
h2 {
font-size: 2rem;
padding-top: 3rem;
border-top: solid;
margin: 1.4rem 0;
}
p + h2,
h3 + h2 {
padding-top: 3rem;
border-top: solid;
}
h3 {
font-size: 1.4rem;
margin-top: 1rem;
@@ -242,6 +246,36 @@ footer p {
text-align: center;
}
}
.bloktype {
font-family: "Bloktype";
font-size: 1.35em; /* because of the blocks the letters are rather small */
color: var(--color-text);
}
@media (prefers-color-scheme: light) {
.dark-mode {
display: none;
}
}
@media (prefers-color-scheme: dark) {
.light-mode {
display: none;
}
}
/* only float insets on larger screens */
@media (min-width: 551px) {
.inset {
clear: both;
width: 40%;
padding-left: 1rem;
padding-bottom: .5rem;
float: right;
background-color: var(--color-bg);
}
}
#zine-container {
padding: 0;
}
@@ -698,6 +732,6 @@ footer p {
</p>
</footer>
<!-- This page `/years/2025/zines/` was built on 2026-09-05T20:52:47.889Z -->
<!-- This page `/years/2025/zines/` was built on 2026-09-13T17:56:26.679Z -->
</body>
</html>
+55 -24
View File
@@ -21,31 +21,31 @@
<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 property="og:image" content="/img/2026-2027-logo-dark.png">
<meta property="og:image:alt" content="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette">
<meta name="generator" content="Eleventy v3.1.5">
<!-- CSS -->
<style>:root {
<style>@font-face {
font-family: "Bloktype";
src: url("/fonts/BLOKTYPE.woff2");
}
:root {
color-scheme: light dark;
--color-bg-light: #f0f0f0;
--color-text-light: #640054;
--color-header-light: #185370;
--color-warn-light: #fbcc0a;
--color-light: #f3ccfb;
--color-dark: #130b16;
--color-pink: #ea33d2;
--color-blurple: #6d12e2;
--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));
--color-bg: light-dark(var(--color-light), var(--color-dark));
--color-text: light-dark(var(--color-dark), var(--color-light));
--color-header: light-dark(var(--color-blurple), var(--color-pink));
--color-warn: light-dark(var(--color-pink), var(--color-blurple));
}
/* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
@@ -128,7 +128,7 @@ h1, h2, h3, h4, h5, h6 {
}
h1 {
margin: 5rem 0 2rem;
margin: 5rem 0;
font-size: 3rem;
text-align: center;
}
@@ -139,11 +139,15 @@ h1 {
h2 {
font-size: 2rem;
padding-top: 3rem;
border-top: solid;
margin: 1.4rem 0;
}
p + h2,
h3 + h2 {
padding-top: 3rem;
border-top: solid;
}
h3 {
font-size: 1.4rem;
margin-top: 1rem;
@@ -242,6 +246,36 @@ footer p {
text-align: center;
}
}
.bloktype {
font-family: "Bloktype";
font-size: 1.35em; /* because of the blocks the letters are rather small */
color: var(--color-text);
}
@media (prefers-color-scheme: light) {
.dark-mode {
display: none;
}
}
@media (prefers-color-scheme: dark) {
.light-mode {
display: none;
}
}
/* only float insets on larger screens */
@media (min-width: 551px) {
.inset {
clear: both;
width: 40%;
padding-left: 1rem;
padding-bottom: .5rem;
float: right;
background-color: var(--color-bg);
}
}
#zine-container {
padding: 0;
}
@@ -323,9 +357,7 @@ footer p {
<main id="main">
<h1 id="fedizinefest-2026-2027-guidelines">FediZineFest 2026-2027 Guidelines</h1>
<h1 id="fedizinefest-2026-2027-guidelines"><span class="bloktype">F</span>edi<span class="bloktype"><wbr>Z</span>ine<span class="bloktype"><wbr>F</span>est 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>
@@ -384,7 +416,6 @@ footer 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>
@@ -397,6 +428,6 @@ footer p {
</p>
</footer>
<!-- This page `/years/2026-2027/guidelines/` was built on 2026-09-05T20:52:47.890Z -->
<!-- This page `/years/2026-2027/guidelines/` was built on 2026-09-13T17:56:26.677Z -->
</body>
</html>
+57 -25
View File
@@ -21,31 +21,31 @@
<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 property="og:image" content="/img/2026-2027-logo-dark.png">
<meta property="og:image:alt" content="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette">
<meta name="generator" content="Eleventy v3.1.5">
<!-- CSS -->
<style>:root {
<style>@font-face {
font-family: "Bloktype";
src: url("/fonts/BLOKTYPE.woff2");
}
:root {
color-scheme: light dark;
--color-bg-light: #f0f0f0;
--color-text-light: #640054;
--color-header-light: #185370;
--color-warn-light: #fbcc0a;
--color-light: #f3ccfb;
--color-dark: #130b16;
--color-pink: #ea33d2;
--color-blurple: #6d12e2;
--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));
--color-bg: light-dark(var(--color-light), var(--color-dark));
--color-text: light-dark(var(--color-dark), var(--color-light));
--color-header: light-dark(var(--color-blurple), var(--color-pink));
--color-warn: light-dark(var(--color-pink), var(--color-blurple));
}
/* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
@@ -128,7 +128,7 @@ h1, h2, h3, h4, h5, h6 {
}
h1 {
margin: 5rem 0 2rem;
margin: 5rem 0;
font-size: 3rem;
text-align: center;
}
@@ -139,11 +139,15 @@ h1 {
h2 {
font-size: 2rem;
padding-top: 3rem;
border-top: solid;
margin: 1.4rem 0;
}
p + h2,
h3 + h2 {
padding-top: 3rem;
border-top: solid;
}
h3 {
font-size: 1.4rem;
margin-top: 1rem;
@@ -242,6 +246,36 @@ footer p {
text-align: center;
}
}
.bloktype {
font-family: "Bloktype";
font-size: 1.35em; /* because of the blocks the letters are rather small */
color: var(--color-text);
}
@media (prefers-color-scheme: light) {
.dark-mode {
display: none;
}
}
@media (prefers-color-scheme: dark) {
.light-mode {
display: none;
}
}
/* only float insets on larger screens */
@media (min-width: 551px) {
.inset {
clear: both;
width: 40%;
padding-left: 1rem;
padding-bottom: .5rem;
float: right;
background-color: var(--color-bg);
}
}
#zine-container {
padding: 0;
}
@@ -323,10 +357,9 @@ footer p {
<main id="main">
<h1 id="fedizinefest-2026-2027">FediZineFest 2026-2027</h1>
<h2 id="overview">Overview</h2>
<h1 id="fedizinefest-2026-2027"><span class="bloktype">F</span>edi<span class="bloktype"><wbr>Z</span>ine<span class="bloktype"><wbr>F</span>est 2026-2027</h1>
<p><img src="/img/2026-2027-logo-dark.png" alt="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette" class="inset light-mode" loading="lazy" decoding="async" width="563" height="552">
<img src="/img/2026-2027-logo-light.png" alt="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette" class="inset dark-mode" loading="lazy" decoding="async" width="563" height="552"></p>
<p>The interest form for 2026-2027 is open on the <a href="/signup">signup page.</a></p>
<p>Read the <a href="/years/2026-2027/guidelines">FediZineFest 2026-2027 guidelines.</a></p>
<h2 id="team">Team</h2>
@@ -338,7 +371,6 @@ footer p {
<li><strong>Color and logo design:</strong> Eric Jennings — <a href="https://www.killyour.guru/">killyour.guru</a></li>
</ul>
</main>
<footer>
@@ -351,6 +383,6 @@ footer p {
</p>
</footer>
<!-- This page `/years/2026-2027/` was built on 2026-09-05T20:52:47.890Z -->
<!-- This page `/years/2026-2027/` was built on 2026-09-13T17:56:26.678Z -->
</body>
</html>
+54 -20
View File
@@ -21,31 +21,31 @@
<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 property="og:image" content="/img/2026-2027-logo-dark.png">
<meta property="og:image:alt" content="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette">
<meta name="generator" content="Eleventy v3.1.5">
<!-- CSS -->
<style>:root {
<style>@font-face {
font-family: "Bloktype";
src: url("/fonts/BLOKTYPE.woff2");
}
:root {
color-scheme: light dark;
--color-bg-light: #f0f0f0;
--color-text-light: #640054;
--color-header-light: #185370;
--color-warn-light: #fbcc0a;
--color-light: #f3ccfb;
--color-dark: #130b16;
--color-pink: #ea33d2;
--color-blurple: #6d12e2;
--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));
--color-bg: light-dark(var(--color-light), var(--color-dark));
--color-text: light-dark(var(--color-dark), var(--color-light));
--color-header: light-dark(var(--color-blurple), var(--color-pink));
--color-warn: light-dark(var(--color-pink), var(--color-blurple));
}
/* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
@@ -128,7 +128,7 @@ h1, h2, h3, h4, h5, h6 {
}
h1 {
margin: 5rem 0 2rem;
margin: 5rem 0;
font-size: 3rem;
text-align: center;
}
@@ -139,11 +139,15 @@ h1 {
h2 {
font-size: 2rem;
padding-top: 3rem;
border-top: solid;
margin: 1.4rem 0;
}
p + h2,
h3 + h2 {
padding-top: 3rem;
border-top: solid;
}
h3 {
font-size: 1.4rem;
margin-top: 1rem;
@@ -242,6 +246,36 @@ footer p {
text-align: center;
}
}
.bloktype {
font-family: "Bloktype";
font-size: 1.35em; /* because of the blocks the letters are rather small */
color: var(--color-text);
}
@media (prefers-color-scheme: light) {
.dark-mode {
display: none;
}
}
@media (prefers-color-scheme: dark) {
.light-mode {
display: none;
}
}
/* only float insets on larger screens */
@media (min-width: 551px) {
.inset {
clear: both;
width: 40%;
padding-left: 1rem;
padding-bottom: .5rem;
float: right;
background-color: var(--color-bg);
}
}
#zine-container {
padding: 0;
}
@@ -348,6 +382,6 @@ footer p {
</p>
</footer>
<!-- This page `/years/` was built on 2026-09-05T20:52:47.890Z -->
<!-- This page `/years/` was built on 2026-09-13T17:56:26.679Z -->
</body>
</html>
+54 -20
View File
@@ -21,31 +21,31 @@
<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 property="og:image" content="/img/2026-2027-logo-dark.png">
<meta property="og:image:alt" content="the logo of FediZineFest 2026-2027 which is a 4 by 4 grid of blocky letters reading fedi zine fest 26-27, randomly colored with the 26-27 palette">
<meta name="generator" content="Eleventy v3.1.5">
<!-- CSS -->
<style>:root {
<style>@font-face {
font-family: "Bloktype";
src: url("/fonts/BLOKTYPE.woff2");
}
:root {
color-scheme: light dark;
--color-bg-light: #f0f0f0;
--color-text-light: #640054;
--color-header-light: #185370;
--color-warn-light: #fbcc0a;
--color-light: #f3ccfb;
--color-dark: #130b16;
--color-pink: #ea33d2;
--color-blurple: #6d12e2;
--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));
--color-bg: light-dark(var(--color-light), var(--color-dark));
--color-text: light-dark(var(--color-dark), var(--color-light));
--color-header: light-dark(var(--color-blurple), var(--color-pink));
--color-warn: light-dark(var(--color-pink), var(--color-blurple));
}
/* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
@@ -128,7 +128,7 @@ h1, h2, h3, h4, h5, h6 {
}
h1 {
margin: 5rem 0 2rem;
margin: 5rem 0;
font-size: 3rem;
text-align: center;
}
@@ -139,11 +139,15 @@ h1 {
h2 {
font-size: 2rem;
padding-top: 3rem;
border-top: solid;
margin: 1.4rem 0;
}
p + h2,
h3 + h2 {
padding-top: 3rem;
border-top: solid;
}
h3 {
font-size: 1.4rem;
margin-top: 1rem;
@@ -242,6 +246,36 @@ footer p {
text-align: center;
}
}
.bloktype {
font-family: "Bloktype";
font-size: 1.35em; /* because of the blocks the letters are rather small */
color: var(--color-text);
}
@media (prefers-color-scheme: light) {
.dark-mode {
display: none;
}
}
@media (prefers-color-scheme: dark) {
.light-mode {
display: none;
}
}
/* only float insets on larger screens */
@media (min-width: 551px) {
.inset {
clear: both;
width: 40%;
padding-left: 1rem;
padding-bottom: .5rem;
float: right;
background-color: var(--color-bg);
}
}
#zine-container {
padding: 0;
}
@@ -1259,6 +1293,6 @@ footer p {
</p>
</footer>
<!-- This page `/zines/` was built on 2026-09-05T20:52:47.888Z -->
<!-- This page `/zines/` was built on 2026-09-13T17:56:26.678Z -->
</body>
</html>