🌓🎩 Checkpoint

./2024/index.html:69682263/4004
./signup/index.html:69682263/10086
./for-artists/index.html:69682263/17
./styles/main.css:69682263/56
./styles/iframe.css:69682263/2
./.glitch-assets:69682263/43

.glitch-assets

@@ -15,3 +15,4 @@
 {"uuid":"yEDZsSX7I7P2NlF1","deleted":true}
 {"uuid":"VY2dLeOvcf8ffuEw","deleted":true}
 {"uuid":"XPQ2UUJettC9yQ6L","deleted":true}
+{"uuid":"WlqPAPkJzcjf2thL","deleted":true}

2024/index.html

@@ -29,26 +29,33 @@
         </p>
       </div>
 
-      <main>
+      <main id="main">
         <header role="banner">
           <h1>FediZineFest 2024</h1>
         </header>
+        <p>FediZineFest 2024 completed with 25 artists and 20 backers.</p>
         <p>
-          FediZineFest 2024 completed with 25 artists and 20 backers.
+          <a
-        </p>
+            href="https://docs.google.com/document/d/125GYHNXgpxxVRkgB2soMDBc0TIyKiEavJVrbogQjlgU/edit"
-        <p>
+            >Read the guidelines document from last year.</a
-          <a href="https://docs.google.com/document/d/125GYHNXgpxxVRkgB2soMDBc0TIyKiEavJVrbogQjlgU/edit">Read the guidelines document from last year.</a>
+          >
         </p>
 
-        <h2>
+        <h2>Learnings</h2>
-          Learnings
-        </h2>
         <ul>
-  <li>Build in opt-outs for physical zines</li>
+          <li>Build in opt-outs for physical zines for artists and backers</li>
-  <li>Build in opt-outs for payment</li>
+          <li>Build in opt-outs for payment for artists</li>
+          <li>Read the fine print of services such as Jotform</li>
           <li>Include workarounds for Paypal</li>
-  <li>Get general publicity information from artists - not just fedi handles</li>
+          <li>
-  <li>Delegate! Delegate! Delegate! (see: </li>
+            Get general publicity information from artists - not just fedi
+            handles
+          </li>
+          <li>
+            Delegate! Delegate! Delegate! (see:
+            <a href="/signup#open-roles">open roles</a>)
+          </li>
+          <li>Block out more time between deadlines</li>
         </ul>
       </main>
     </div>

for-artists/index.html

@@ -28,7 +28,7 @@
         </p>
       </div>
 
-      <main>
+      <main id="main">
         <header role="banner">
           <h1>Artist Guidelines</h1>
         </header>
@@ -49,7 +49,6 @@
             <li>8.5"x5.5" (a sheet of 8.5"x11" paper, folded once)</li>
           </ul>
         </p>
-      
       </main>
     </div>
     <footer role="contentinfo" id="footer"></footer>

signup/index.html

@@ -9,6 +9,7 @@
 
     <!-- The website stylesheet -->
     <link rel="stylesheet" href="styles/main.css" />
+    <link rel="stylesheet" href="styles/iframe.css" />
 
     <!-- The website JavaScript file -->
     <script src="scripts/footer.js" defer></script>
@@ -28,24 +29,32 @@
         </p>
       </div>
 
-      <main>
+      <main id="main">
         <header role="banner">
           <h1>FediZineFest 2025 Signups</h1>
         </header>
-        
+        <section id="open-roles">
-        <h2>
+          <h2>Open roles</h2>
-          Open roles
-        </h2>
           <p>
-          If you're interested in fulfilling any of these roles, <a href="mailto:lee.cattarin@gmail.com?subject=fediZineFest">reach out to Lee</a>.
+            If you're interested in fulfilling any of these roles,
+            <a href="mailto:lee.cattarin@gmail.com?subject=fediZineFest"
+              >reach out to Lee</a
+            >.
           </p>
           <ul>
-          <li><b>Digital access coordinator:</b> responsible for digital zine collection, organization, and delivery</li>
+            <li>
-          <li><b>Logo designer:</b> responsible for logo and favicon design</li>
+              <b>Digital access coordinator:</b> responsible for digital zine
+              collection, organization, and delivery
+            </li>
+            <li>
+              <b>Logo designer:</b> responsible for logo and favicon design
+            </li>
           </ul>
+        </section>
 
         <div class="iframe-flex">
           <div class="iframe">
+            <section id="interest">
               <h2>Get notified when signups go live!</h2>
               <p>
                 Form embed below not working?
@@ -63,6 +72,7 @@
                 height="533"
                 style="background: transparent; border: 1px solid #ccc"
               ></iframe>
+            </section>
           </div>
         </div>
       </main>

styles/iframe.css

@@ -7,7 +7,7 @@
 }
 
 .iframe {
-  margin-top: 4rem;
+  margin-top: 2rem;
   flex: 0 0 100%;
   max-width: 750px;
 }

styles/main.css

@@ -98,10 +98,6 @@ a:visited {
   place-items: center;
   margin: 0 1rem;
 }
-.content {
-  display: flex;
-  flex-direction: column;
-}
 
 /* Headings */
 h1, h2, h3 {