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