drone build Sun Sep 13 10:56:32 PDT 2026
This commit is contained in:
+57
-24
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user
