small fixes and adjustments

index.html

@@ -14,7 +14,6 @@
     <script src="./scripts/nav.js" defer></script>
     <script src="./scripts/footer.js" defer></script>
 
-
     <!-- Meta -->
     <link rel="canonical" href="https://fedizinefest.fyi/" />
     <meta name="description" content="homepage for FediZineFest 2025" />

styles/iframe.css

@@ -1,13 +0,0 @@
-/* Iframes on signup page */
-
-.iframe-flex {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-}
-
-.iframe {
-  margin-top: 2rem;
-  flex: 0 0 100%;
-  max-width: 750px;
-}

styles/main.css

@@ -52,10 +52,6 @@
   border-top: 4px solid light-dark(var(--color-header-light), var(--color-header-dark));
 }
 
-.divider {
-  padding: 0 1rem;
-}
-
 /* Body */
 body {
   font-family: sans-serif;
@@ -75,8 +71,7 @@ a:visited {
 }
 
 /* Focus */
-*:focus,
-a:focus {
+*:focus-visible {
   outline: 3px solid light-dark(var(--color-header-light), var(--color-header-dark));
   outline-offset: 2px;
   background-color: light-dark(var(--color-header-light), var(--color-header-dark));
@@ -88,8 +83,7 @@ h3 a:visited {
   background-color: light-dark(var(--color-header-light), var(--color-header-dark));
 }
 
-h3 *:focus,
-h3 a:focus {
+h3 *:focus-visible {
   outline: 3px solid light-dark(var(--color-text-light), var(--color-text-dark));
   background-color: light-dark(var(--color-text-light), var(--color-text-dark));
 }
@@ -138,19 +132,19 @@ h1 {
 
 @media (min-width: 650px) {
   h1 {
-    margin: 5rem 0 2rem 0;
+    margin: 5rem 0 2rem;
   }
 }
 
 h2 {
   font-size: 2rem;
-  padding: 3rem 0 0 0;
+  padding: 3rem 0 0;
   border-top: solid;
 }
 
 h3 {
   font-size: 1.4rem;
-  margin: 1rem 0 0 0;
+  margin: 1rem 0 0;
 }
 
 /* dl/dt/dd */

years/2025/index.html

@@ -37,8 +37,6 @@
     <div class="wrapper">
       <nav role="navigation" id="top-nav"></nav>
 
-
-
       <main id="main">
         <header role="banner">
           <h1>FediZineFest 2025</h1>

years/2025/zines.json

@@ -45,7 +45,7 @@
     "site": "https://leecat.art",
     "format": "physical",
     "blurb": "2 color hand-printed zine with pictures of my dog",
-    "title": "KESTRAL"
+    "title": "KESTREL"
   },
   {
     "name": "Em/mett",

years/index.html

@@ -40,8 +40,6 @@
     <div class="wrapper">
       <nav role="navigation" id="top-nav"></nav>
 
-
-
       <main id="main">
         <header role="banner"><h1>Catalog of Years</h1></header>