🏈🍜 Checkpoint

./signup/index.html:69682263/284
./learn/index.html:69682263/284
./for-artists/index.html:69682263/290
./2024/index.html:69682263/290
./styles/main.css:69682263/476
./scripts/wip.js:69682263/230
./years/index.html:69682263/20

2024/index.html

@@ -50,13 +50,7 @@
         <a class="nav-item" href="/learn"> things we learned </a>
       </nav>
 
-      <div class="wip">
+<div id="wip"> <!-- auto-populated by wip.js --> </div>
-        <p>
-          This site is a <b>work in progress!</b> If you experience issues,
-          please try waiting a minute and reloading before reaching out with
-          questions.
-        </p>
-      </div>
 
       <main id="main">
         <header role="banner">

for-artists/index.html

@@ -54,13 +54,7 @@
         <a class="nav-item" href="/learn"> things we learned </a>
       </nav>
 
-      <div class="wip">
+<div id="wip"> <!-- auto-populated by wip.js --> </div>
-        <p>
-          This site is a <b>work in progress!</b> If you experience issues,
-          please try waiting a minute and reloading before reaching out with
-          questions.
-        </p>
-      </div>
 
       <main id="main">
         <header role="banner">

learn/index.html

@@ -44,13 +44,7 @@
         <a class="nav-item" href="/for-artists"> artist guidelines </a>
       </nav>
 
-      <div class="wip">
+      <div id="wip"> <!-- auto-populated by wip.js --> </div>
-        <p>
-          This site is a <b>work in progress!</b> If you experience issues,
-          please try waiting a minute and reloading before reaching out with
-          questions.
-        </p>
-      </div>
 
       <main id="main">
         <header role="banner">

scripts/wip.js

@@ -1,11 +1,7 @@
 /* populate footer */
 
 let wipHTML = `
-        <p>
+        <p>--- always under construction ---</p>
-          This site is a <b>work in progress!</b> If you experience issues,
-          please try waiting a minute and reloading before reaching out with
-          questions.
-        </p>
   `
 
 function populateWip() {

signup/index.html

@@ -46,13 +46,7 @@
         <a class="nav-item" href="/learn"> things we learned </a>
       </nav>
 
-      <div class="wip">
+      <div id="wip"> <!-- auto-populated by wip.js --> </div>
-        <p>
-          This site is a <b>work in progress!</b> If you experience issues,
-          please try waiting a minute and reloading before reaching out with
-          questions.
-        </p>
-      </div>
 
       <main id="main">
         <header role="banner">

styles/main.css

@@ -70,25 +70,12 @@
   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;
-  width: 100%;
-  border: solid light-dark(var(--color-text-light), var(--color-text-dark));
-  border-radius: 3px;
-  margin-top: 1rem;
-  text-align: center;
-}
 /* 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;
-  width: 100%;
   border: solid light-dark(var(--color-text-light), var(--color-text-dark));
   border-radius: 3px;
   margin-top: 1rem;
@@ -180,4 +167,8 @@ a:focus {
   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));
+}
+
+li {
+  padding: .1rem;
 }

years/index.html

@@ -56,7 +56,7 @@
           <li>
             <a title="FediZineFest 2026" href="/years/2026">2026</a>
           </li>
-          <li><a title="FediZineFest 2025" href="/">2025</a> (current)</li>
+          <li><a title="FediZineFest 2025" href="/years/2025">2025</a></li>
           <li><a title="FediZineFest 2024" href="/years/2024">2024</a></li>
         </ul>
       </main>