make header spacing nicer

continue removing wip banner
remove wip banner
2025-09-12 20:51:25 -07:00 · 2025-09-12 20:50:01 -07:00 · 2025-09-12 20:44:35 -07:00 · 2025-09-12 20:39:41 -07:00 · 2025-07-16 18:09:00 -07:00 · 2025-05-26 12:14:01 -07:00
16 changed files with 68 additions and 129 deletions
--- a/assets/logo.png
+++ b/assets/logo.png
--- a/favicon.ico
+++ b/favicon.ico
--- a/index.html
+++ b/index.html
@ -3,10 +3,7 @@
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link
-      rel="icon"
-      href="https://cdn.glitch.global/2e8ca9af-7da1-4425-b7be-7fd629b919cf/2025.png?v=1734061088862"
-    />
+    <link rel="icon" href="/favicon.ico"/>

    <title>FediZineFest 2025</title>

@ -16,15 +13,15 @@
    <!-- The website JavaScript file -->
    <script src="./scripts/nav.js" defer></script>
    <script src="./scripts/footer.js" defer></script>
-    <script src="./scripts/wip.js" defer></script>
+    

    <!-- Meta -->
-    <link rel="canonical" href="https://fedizinefest.glitch.me/" />
+    <link rel="canonical" href="https://fedizinefest.fyi/" />
    <meta name="description" content="homepage for FediZineFest 2025" />
    <meta name="robots" content="index,follow" />
    <meta property="og:title" content="FediZineFest 2025" />
    <meta property="og:type" content="article" />
-    <meta property="og:url" content="https://fedizinefest.glitch.me/" />
+    <meta property="og:url" content="https://fedizinefest.fyi/" />
    <meta property="og:description" content="homepage for FediZineFest 2025" />
    <meta
      property="og:image"
@ -41,7 +38,7 @@
      <nav role="navigation" id="top-nav">
      </nav>

-      <div id="wip"><!-- auto-populated by wip.js --></div>
+

      <main id="main">
        <header role="banner">
@ -50,7 +47,7 @@

        <img
          id="logo"
-          src="https://cdn.glitch.global/2e8ca9af-7da1-4425-b7be-7fd629b919cf/2025.png?v=1734061088862"
+          src="/assets/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'"
        />

--- a/scripts/wip.js
+++ b/scripts/wip.js
@ -1,12 +0,0 @@
-/* populate footer */
-
-let wipHTML = `
-        <p>--- always under construction ---</p>
-  `
-
-function populateWip() {
-  let wip = document.getElementById("wip");
-  wip.innerHTML = wipHTML;
-}
-
-populateWip();
--- a/signup/index.html
+++ b/signup/index.html
@ -3,10 +3,7 @@
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link
-      rel="icon"
-      href="https://cdn.glitch.global/2e8ca9af-7da1-4425-b7be-7fd629b919cf/2025.png?v=1734061088862"
-    />
+    <link rel="icon" href="/favicon.ico"/>

    <title>Get Involved | FediZineFest</title>

@ -17,15 +14,15 @@
    <!-- The website JavaScript file -->
    <script src="../scripts/nav.js" defer></script>
    <script src="../scripts/footer.js" defer></script>
-    <script src="../scripts/wip.js" defer></script>
+    

    <!-- Meta -->
-    <link rel="canonical" href="https://fedizinefest.glitch.me/signup" />
+    <link rel="canonical" href="https://fedizinefest.fyi/signup" />
    <meta name="description" content="get involved with FediZineFest" />
    <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="https://fedizinefest.glitch.me/signup" />
+    <meta property="og:url" content="https://fedizinefest.fyi/signup" />
    <meta property="og:description" content="get involved with FediZineFest" />
    <meta
      property="og:image"
@ -42,8 +39,6 @@
      <nav role="navigation" id="top-nav">
      </nav>

-      <div id="wip"> <!-- auto-populated by wip.js --> </div>
-
      <main id="main">
        <header role="banner">
          <h1>Get Involved</h1>
@ -61,15 +56,11 @@
        </section>

        <section id="backers">
-          <h2>Backer signups (2025)</h2>
+          <h2>Leftovers (2025)</h2>
          <p>
-            Purchase
-            <a href="https://ko-fi.com/s/e58be7e1ee">digital access</a>
-            through Ko-fi.
-          </p>
-          <p>
-            Physical&digital access bundles are no longer available. Keep an eye
-            out for leftover bundles.
+            Peruse <a href="https://ko-fi.com/inherentlee/shop/fedizinefest2025"
+              >this year's leftover bundles</a
+            >.
          </p>
          
          <h2>
--- a/styles/main.css
+++ b/styles/main.css
@ -70,18 +70,6 @@
  padding: 0 1rem;
 }

-/* WIP banner */
-#wip {
-  background-color: light-dark(var(--color-warn-light), var(--color-warn-dark));
-  color: light-dark(var(--color-text-light), var(--color-text-dark));
-  font-family: var(--font-family);
-  padding: 0.05rem 1rem;
-  border: solid light-dark(var(--color-text-light), var(--color-text-dark));
-  border-radius: 3px;
-  margin-top: 1rem;
-  text-align: center;
-}
-
 /* Body */
 body {
  font-family: var(--font-family);
@ -158,10 +146,16 @@ h1, h2, h3 {

 h1 {
  font-size: 3rem;
-  margin: 1rem 0;
+  margin: 2rem 0;
  text-align: center;
 }

+@media (min-width: 650px) {
+  h1 {
+    margin: 5rem 0 2rem 0;
+  }
+}
+
 h2 {
  font-size: 2rem;
  padding: 3rem 0 0 0;
@ -183,4 +177,4 @@ dd {

 li {
  padding: .1rem;
-}
+}
--- a/years/2024/guidelines/index.html
+++ b/years/2024/guidelines/index.html
@ -3,10 +3,7 @@
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link
-      rel="icon"
-      href="https://cdn.glitch.global/2e8ca9af-7da1-4425-b7be-7fd629b919cf/2025.png?v=1734061088862"
-    />
+    <link rel="icon" href="/favicon.ico"/>

    <title>Guidelines | FediZineFest 2024</title>

@ -16,12 +13,12 @@
    <!-- The website JavaScript file -->
    <script src="../../../scripts/nav.js" defer></script>
    <script src="../../../scripts/footer.js" defer></script>
-    <script src="../../../scripts/wip.js" defer></script>
+    

    <!-- Meta -->
    <link
      rel="canonical"
-      href="https://fedizinefest.glitch.me/years/2024/guidelines"
+      href="https://fedizinefest.fyi/years/2024/guidelines"
    />
    <meta name="description" content="FediZineFest 2024 guidelines" />
    <meta name="robots" content="index,follow" />
@ -29,7 +26,7 @@
    <meta property="og:type" content="article" />
    <meta
      property="og:url"
-      content="https://fedizinefest.glitch.me/years/2024/guidelines"
+      content="https://fedizinefest.fyi/years/2024/guidelines"
    />
    <meta property="og:description" content="FediZineFest 2024 guidelines" />
    <meta
@ -47,7 +44,7 @@
      <nav role="navigation" id="top-nav">
      </nav>

-      <div id="wip"><!-- auto-populated by wip.js --></div>
+

      <main id="main">
        <header role="banner">
--- a/years/2024/index.html
+++ b/years/2024/index.html
@ -3,10 +3,7 @@
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link
-      rel="icon"
-      href="https://cdn.glitch.global/2e8ca9af-7da1-4425-b7be-7fd629b919cf/2025.png?v=1734061088862"
-    />
+    <link rel="icon" href="/favicon.ico"/>

    <title>FediZineFest 2024</title>

@ -16,17 +13,17 @@
    <!-- The website JavaScript file -->
    <script src="../../scripts/nav.js" defer></script>
    <script src="../../scripts/footer.js" defer></script>
-    <script src="../../scripts/wip.js" defer></script>
+    

    <!-- Meta -->
-    <link rel="canonical" href="https://fedizinefest.glitch.me/years/2024" />
+    <link rel="canonical" href="https://fedizinefest.fyi/years/2024" />
    <meta name="description" content="FediZineFest 2024" />
    <meta name="robots" content="index,follow" />
    <meta property="og:title" content="FediZineFest 2024" />
    <meta property="og:type" content="article" />
    <meta
      property="og:url"
-      content="https://fedizinefest.glitch.me/years/2024"
+      content="https://fedizinefest.fyi/years/2024"
    />
    <meta property="og:description" content="FediZineFest 2024" />
    <meta
@ -43,7 +40,7 @@
    <div class="wrapper">
      <nav role="navigation" id="top-nav"></nav>

-      <div id="wip"><!-- auto-populated by wip.js --></div>
+

      <main id="main">
        <header role="banner">
--- a/years/2024/zines/index.html
+++ b/years/2024/zines/index.html
@ -3,10 +3,7 @@
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link
-      rel="icon"
-      href="https://cdn.glitch.global/2e8ca9af-7da1-4425-b7be-7fd629b919cf/2025.png?v=1734061088862"
-    />
+    <link rel="icon" href="/favicon.ico"/>

    <title>Zines | FediZineFest 2024</title>

@ -18,12 +15,12 @@
    <script src="../../../scripts/nav.js" defer></script>
    <script src="../../../scripts/footer.js" defer></script>
    <script src="../../../scripts/zines.js" data-zinefile="/years/2024/zines.json" defer></script>
-    <script src="../../../scripts/wip.js" defer></script>
+    

    <!-- Meta -->
    <link
      rel="canonical"
-      href="https://fedizinefest.glitch.me/years/2024/zines"
+      href="https://fedizinefest.fyi/years/2024/zines"
    />
    <meta name="description" content="zines of FediZineFest 2024" />
    <meta name="robots" content="index,follow" />
@ -31,7 +28,7 @@
    <meta property="og:type" content="article" />
    <meta
      property="og:url"
-      content="https://fedizinefest.glitch.me/years/2024/zines"
+      content="https://fedizinefest.fyi/years/2024/zines"
    />
    <meta property="og:description" content="zines of FediZineFest 2024" />
    <meta
@ -49,7 +46,7 @@
      <nav role="navigation" id="top-nav">
      </nav>

-      <div id="wip"><!-- auto-populated by wip.js --></div>
+

      <main id="main">
        <header role="banner">
--- a/years/2025/guidelines/index.html
+++ b/years/2025/guidelines/index.html
@ -3,10 +3,7 @@
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link
-      rel="icon"
-      href="https://cdn.glitch.global/2e8ca9af-7da1-4425-b7be-7fd629b919cf/2025.png?v=1734061088862"
-    />
+    <link rel="icon" href="/favicon.ico"/>

    <title>Guidelines | FediZineFest 2025</title>

@ -16,15 +13,15 @@
    <!-- The website JavaScript file -->
    <script src="../../../scripts/nav.js" defer></script>
    <script src="../../../scripts/footer.js" defer></script>
-    <script src="../../../scripts/wip.js" defer></script>
+    

    <!-- Meta -->
-    <link rel="canonical" href="https://fedizinefest.glitch.me/years/2025/guidelines" />
+    <link rel="canonical" href="https://fedizinefest.fyi/years/2025/guidelines" />
    <meta name="description" content="guidelines for FediZineFest 2025" />
    <meta name="robots" content="index,follow" />
    <meta property="og:title" content="Guidelines | FediZineFest 2025" />
    <meta property="og:type" content="article" />
-    <meta property="og:url" content="https://fedizinefest.glitch.me/years/2025/guidelines" />
+    <meta property="og:url" content="https://fedizinefest.fyi/years/2025/guidelines" />
    <meta property="og:description" content="guidelines for FediZineFest 2025" />
    <meta
      property="og:image"
@ -41,7 +38,7 @@
      <nav role="navigation" id="top-nav">
      </nav>

-      <div id="wip"><!-- auto-populated by wip.js --></div>
+

      <main id="main">
        <header role="banner">
--- a/years/2025/index.html
+++ b/years/2025/index.html
@ -3,10 +3,7 @@
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link
-      rel="icon"
-      href="https://cdn.glitch.global/2e8ca9af-7da1-4425-b7be-7fd629b919cf/2025.png?v=1734061088862"
-    />
+    <link rel="icon" href="/favicon.ico"/>

    <title>FediZineFest 2025</title>

@ -16,15 +13,15 @@
    <!-- The website JavaScript file -->
    <script src="../../scripts/nav.js" defer></script>
    <script src="../../scripts/footer.js" defer></script>
-    <script src="../../scripts/wip.js" defer></script>
+    

    <!-- Meta -->
-    <link rel="canonical" href="https://fedizinefest.glitch.me/years/2025" />
+    <link rel="canonical" href="https://fedizinefest.fyi/years/2025" />
    <meta name="description" content="FediZineFest 2025" />
    <meta name="robots" content="index,follow" />
    <meta property="og:title" content="FediZineFest 2025" />
    <meta property="og:type" content="article" />
-    <meta property="og:url" content="https://fedizinefest.glitch.me/2025" />
+    <meta property="og:url" content="https://fedizinefest.fyi/2025" />
    <meta property="og:description" content="FediZineFest 2025" />
    <meta
      property="og:image"
@ -40,7 +37,7 @@
    <div class="wrapper">
      <nav role="navigation" id="top-nav"></nav>

-      <div id="wip"><!-- auto-populated by wip.js --></div>
+

      <main id="main">
        <header role="banner">
--- a/years/2025/zines.json
+++ b/years/2025/zines.json
@ -17,7 +17,8 @@
    "name": "Ashley McQuaid",
    "site": "eightofpentacles.com",
    "format": "physical",
-    "blurb": "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"
+    "blurb": "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",
+    "title": "Tales from Rockery Loop"
  },
  {
    "name": "xyzzy",
@ -92,7 +93,7 @@
    "site": "https://toreachpoise.itch.io",
    "format": "physical/digital",
    "blurb": "new collection of poetry on nature, leftist politics, and transness!",
-    "title": "Read Me to Filth/I'm Dying of Thirst"
+    "title": ["Read Me to Filth/I'm Dying of Thirst", "I Have a Weird Relationship to Clothes...", "I Love Myself", "Leave Them Bee"]
  },
  {
    "name": "goblin jane",
--- a/years/2025/zines/index.html
+++ b/years/2025/zines/index.html
@ -3,10 +3,7 @@
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link
-      rel="icon"
-      href="https://cdn.glitch.global/2e8ca9af-7da1-4425-b7be-7fd629b919cf/2025.png?v=1734061088862"
-    />
+    <link rel="icon" href="/favicon.ico"/>

    <title>Zines | FediZineFest 2025</title>

@ -18,15 +15,15 @@
    <script src="../../../scripts/nav.js" defer></script>
    <script src="../../../scripts/footer.js" defer></script>
    <script src="../../../scripts/zines.js" data-zinefile="/years/2025/zines.json" defer></script>
-    <script src="../../../scripts/wip.js" defer></script>
+    

    <!-- Meta -->
-    <link rel="canonical" href="https://fedizinefest.glitch.me/zines" />
+    <link rel="canonical" href="https://fedizinefest.fyi/zines" />
    <meta name="description" content="zines of FediZineFest 2025" />
    <meta name="robots" content="index,follow" />
    <meta property="og:title" content="Zines | FediZineFest 2025" />
    <meta property="og:type" content="article" />
-    <meta property="og:url" content="https://fedizinefest.glitch.me/zines" />
+    <meta property="og:url" content="https://fedizinefest.fyi/zines" />
    <meta property="og:description" content="zines of FediZineFest 2025" />
    <meta
      property="og:image"
@ -43,8 +40,6 @@
      <nav role="navigation" id="top-nav">
      </nav>

-      <div id="wip"> <!-- auto-populated by wip.js --> </div>
-
      <main id="main">
        <header role="banner">
          <h1>FediZineFest 2025 Zines</h1>
--- a/years/2026/index.html
+++ b/years/2026/index.html
@ -3,10 +3,7 @@
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link
-      rel="icon"
-      href="https://cdn.glitch.global/2e8ca9af-7da1-4425-b7be-7fd629b919cf/2025.png?v=1734061088862"
-    />
+    <link rel="icon" href="/favicon.ico"/>

    <title>FediZineFest 2026</title>

@ -16,15 +13,15 @@
    <!-- The website JavaScript file -->
    <script src="../../scripts/nav.js" defer></script>
    <script src="../../scripts/footer.js" defer></script>
-    <script src="../../scripts/wip.js" defer></script>
+    

    <!-- Meta -->
-    <link rel="canonical" href="https://fedizinefest.glitch.me/years/2026" />
+    <link rel="canonical" href="https://fedizinefest.fyi/years/2026" />
    <meta name="description" content="FediZineFest 2026" />
    <meta name="robots" content="index,follow" />
    <meta property="og:title" content="FediZineFest 2026" />
    <meta property="og:type" content="article" />
-    <meta property="og:url" content="https://fedizinefest.glitch.me/years/2026" />
+    <meta property="og:url" content="https://fedizinefest.fyi/years/2026" />
    <meta
      property="og:description"
      content="FediZineFest 2026"
@ -43,7 +40,6 @@
    <div class="wrapper">
      <nav role="navigation" id="top-nav">
      </nav>
-<div id="wip"> <!-- auto-populated by wip.js --> </div>

      <main id="main">
        <header role="banner"><h1>FediZineFest 2026</h1></header>
--- a/years/index.html
+++ b/years/index.html
@ -3,11 +3,8 @@
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link
-      rel="icon"
-      href="https://cdn.glitch.global/2e8ca9af-7da1-4425-b7be-7fd629b919cf/2025.png?v=1734061088862"
-    />
-
+    <link rel="icon" href="/favicon.ico"/>
+    
    <title>Catalog of Years | FediZineFest 2025</title>

    <!-- The website stylesheet -->
@ -16,15 +13,15 @@
    <!-- The website JavaScript file -->
    <script src="../scripts/nav.js" defer></script>
    <script src="../scripts/footer.js" defer></script>
-    <script src="../scripts/wip.js" defer></script>
+    

    <!-- Meta -->
-    <link rel="canonical" href="https://fedizinefest.glitch.me/years" />
+    <link rel="canonical" href="https://fedizinefest.fyi/years" />
    <meta name="description" content="catalog of years for FediZineFest" />
    <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="https://fedizinefest.glitch.me/years" />
+    <meta property="og:url" content="https://fedizinefest.fyi/years" />
    <meta
      property="og:description"
      content="catalog of years for FediZineFest"
@ -43,7 +40,7 @@
    <div class="wrapper">
      <nav role="navigation" id="top-nav"></nav>

-      <div id="wip"><!-- auto-populated by wip.js --></div>
+

      <main id="main">
        <header role="banner"><h1>Catalog of Years</h1></header>
--- a/zines/index.html
+++ b/zines/index.html
@ -3,10 +3,7 @@
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link
-      rel="icon"
-      href="https://cdn.glitch.global/2e8ca9af-7da1-4425-b7be-7fd629b919cf/2025.png?v=1734061088862"
-    />
+    <link rel="icon" href="/favicon.ico"/>

    <title>Zines | FediZineFest</title>

@ -17,18 +14,18 @@
    <!-- The website JavaScript file -->
    <script src="../scripts/nav.js" defer></script>
    <script src="../scripts/footer.js" defer></script>
-    <script src="../scripts/wip.js" defer></script>
+    

    <!-- Redirect to correct page -->
    <meta http-equiv="refresh" content="0; url=/years/2025/zines" />
    
    <!-- Meta -->
-    <link rel="canonical" href="https://fedizinefest.glitch.me/zines" />
+    <link rel="canonical" href="https://fedizinefest.fyi/zines" />
    <meta name="description" content="zines of FediZineFest" />
    <meta name="robots" content="index,follow" />
    <meta property="og:title" content="Zines | FediZineFest" />
    <meta property="og:type" content="article" />
-    <meta property="og:url" content="https://fedizinefest.glitch.me/zines" />
+    <meta property="og:url" content="https://fedizinefest.fyi/zines" />
    <meta property="og:description" content="zines of FediZineFest" />
    <meta
      property="og:image"
@ -45,8 +42,6 @@
      <nav role="navigation" id="top-nav">
      </nav>

-      <div id="wip"> <!-- auto-populated by wip.js --> </div>
-
      <main id="main">
        <header role="banner">
          <h1>FediZineFest Zines</h1>
Author	SHA1	Message	Date
Lee Cattarin	7751dbaa2f	make header spacing nicer	2025-09-12 20:51:25 -07:00
Lee Cattarin	4f1d67d080	continue removing wip banner	2025-09-12 20:50:01 -07:00
Lee Cattarin	2ff898e6e4	remove wip banner	2025-09-12 20:44:35 -07:00
Lee Cattarin	75aa23f9db	update metadata URLs	2025-09-12 20:39:41 -07:00
Lee Cattarin	37c24cc4be	link to leftovers on kofi	2025-07-16 18:09:00 -07:00
Lee Cattarin	1e89c46783	add aaron's physical zines	2025-05-26 12:14:01 -07:00
Lee Cattarin	5816266e93	favicon success 😎	2025-05-25 15:56:55 -07:00
Lee Cattarin	fdefe6ad09	Test favicon	2025-05-25 15:54:03 -07:00
Lee Cattarin	cb055a196c	try to use local image file	2025-05-25 15:47:35 -07:00
Lee Cattarin	b2ff38eda8	add ashley's zine	2025-05-25 15:42:19 -07:00