Layout

static/index.html

@@ -38,7 +38,6 @@
       <button type="button" data-section="leaderboard-section" aria-controls="leaderboard-section" aria-expanded="false">Leaderboard</button>
       <button type="button" data-section="stats-section" aria-controls="stats-section" aria-expanded="false" hidden>Final stats</button>
       <button type="button" data-section="rules" aria-controls="rules" aria-expanded="false">Rules</button>
-      <button type="button" data-section="mailing-list" aria-controls="mailing-list" aria-expanded="false" hidden>Mailing list</button>
       <button type="button" data-section="share-controls" aria-controls="share-controls" aria-expanded="false" hidden>Share</button>
       <button type="button" data-section="more" aria-controls="more" aria-expanded="false">More</button>
       <button type="button" data-section="donate" aria-controls="donate" aria-expanded="false">Donate</button>
@@ -124,10 +123,9 @@
     <section id="more" data-panel hidden>
         <h2>More</h2>
         <p>Visit <a href="https://www.eom.dev/">Eric's homepage</a> for contact information, social media, and links to his other projects.</p>
-    </section>
 
-    <section id="mailing-list" data-panel hidden>
-      <h2>Mailing list</h2>
+    <section id="mailing-list" hidden>
+      <h3>Mailing list</h3>
       <p>Join the mailing list to receive updates on Eric's projects:</p>
       <form id="subscribe-form">
         <input id="sub-first" maxlength="50" placeholder="First name" required autocomplete="given-name">
@@ -138,6 +136,7 @@
       </form>
       <p id="subscribe-result" aria-live="polite"></p>
     </section>
+    </section>
 
     <section id="donate" data-panel hidden>
         <h2>Donate</h2>