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

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

Browse Source
This commit is contained in:
inherentlee
2026-09-13 17:56:32 +00:00
parent bdde268bd7
commit e70a552220
19 changed files with 998 additions and 323 deletions
Download Patch File Download Diff File Expand all files Collapse all files
years/2024/zines/index.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>