Minor: Add id="main" to pages with skip link

The skip link points to an ID to allow the user to skip to main content.
Add this ID to every page that features the main page navigation.

src/about.html

@@ -45,6 +45,7 @@
       </div>
       <div class="window-content">
         <main
+          id="main"
           style="background: #200; color: #eee"
           class="about"
           data-gmi-ignore

src/accordion/blog/index.html

@@ -52,6 +52,7 @@
       </div>
       <div class="window-content">
         <main
+          id="main"
           class="light"
           style="
             background: url('../backgrounds/music015_bright.jpg');

src/accordion/blog/posts/learning-accordion.html

@@ -55,6 +55,7 @@
       <div class="window-content">
         <main
           style="background: url('../../backgrounds/red151.jpg'); color: #eee"
+          id="main"
         >
           <div style="text-align: center">
             <h1>How Long Does It Take To Learn Accordion?</h1>

src/accordion/blog/posts/sheet-music.html

@@ -54,6 +54,7 @@
       </div>
       <div class="window-content">
         <main
+          id="main"
           style="background: url('../../backgrounds/red151.jpg'); color: #eee"
         >
           <div style="text-align: center">

src/accordion/collection.html

@@ -39,7 +39,10 @@
         <div class="window-title">Accordion Corner - My Accordions</div>
       </div>
       <div class="window-content">
-        <main style="background: url('backgrounds/red151.jpg'); color: #eee">
+        <main
+          id="main"
+          style="background: url('backgrounds/red151.jpg'); color: #eee"
+        >
           <div style="text-align: center">
             <h1>My Accordions</h1>
           </div>

src/accordion/faq.html

@@ -36,7 +36,10 @@
         <div class="window-title">Accordion Corner - FAQ</div>
       </div>
       <div class="window-content">
-        <main style="background: url('backgrounds/red151.jpg'); color: #eee">
+        <main
+          id="main"
+          style="background: url('backgrounds/red151.jpg'); color: #eee"
+        >
           <div style="text-align: center">
             <h1>Accordion FAQ</h1>
           </div>

src/accordion/index.html

@@ -36,7 +36,10 @@
         <div class="window-title">Accordion Corner</div>
       </div>
       <div class="window-content">
-        <main style="background: url('backgrounds/red151.jpg'); color: #eee">
+        <main
+          id="main"
+          style="background: url('backgrounds/red151.jpg'); color: #eee"
+        >
           <div style="text-align: center">
             <h1>Natalie's Accordion Corner</h1>
           </div>

src/accordion/quiz.html

@@ -33,6 +33,7 @@
       </div>
       <div class="window-content">
         <main
+          id="main"
           style="background-color: #fff; color: #000; padding: 0"
           data-gmi-ignore
         >

src/contact.html

@@ -36,7 +36,7 @@
         <div class="window-title">Contact Me</div>
       </div>
       <div class="window-content">
-        <main style="background: #003; color: #eee">
+        <main id="main" style="background: #003; color: #eee">
           <div style="text-align: center">
             <h1>Contact Me</h1>
           </div>

src/cyber/index.html

@@ -37,6 +37,7 @@
       </div>
       <div class="window-content">
         <main
+          id="main"
           style="
             background: #000;
             color: #0c0;

src/cyber/manifesto.html

@@ -37,6 +37,7 @@
       </div>
       <div class="window-content">
         <main
+          id="main"
           style="
             background: url('../img/backgrounds/purpskybg.jpg');
             color: #eee;

src/cyber/neocities.html

@@ -47,6 +47,7 @@
       </div>
       <div class="window-content">
         <main
+          id="main"
           class="light"
           style="
             background: #fff;

src/cyber/poem-iroha.html

@@ -60,6 +60,7 @@
       </div>
       <div class="window-content">
         <main
+          id="main"
           class="light"
           style="
             background: url('../img/backgrounds/yello-bkg3.gif');

src/cyber/rss.html

@@ -45,6 +45,7 @@
       </div>
       <div class="window-content">
         <main
+          id="main"
           style="
             background: url('/img/backgrounds/thumb-reds-orange002.jpg');
             color: #000;

src/cyber/text/index.html

@@ -43,7 +43,7 @@
         <div class="window-title">Gopher / Gemini</div>
       </div>
       <div class="window-content">
-        <main style="background: #000">
+        <main id="main" style="background: #000">
           <div style="text-align: center">
             <h1>Text-Based Internet:<br />Gopher and Gemini</h1>
           </div>

src/index.html

@@ -38,7 +38,11 @@
         <div class="window-title">Homepage</div>
       </div>
       <div class="window-content">
-        <main style="background: #471877; color: #eee" data-gmi-ignore>
+        <main
+          id="main"
+          style="background: #471877; color: #eee"
+          data-gmi-ignore
+        >
           <div style="text-align: center">
             <img src="img/banner.png" alt="Mew151.net" />
             <h1>

src/journal.html

@@ -38,6 +38,7 @@
       </div>
       <div class="window-content">
         <main
+          id="main"
           style="background: url('img/backgrounds/pink011.jpg')"
           class="light"
           data-gmi-ignore

src/links.html

@@ -37,6 +37,7 @@
       </div>
       <div class="window-content">
         <main
+          id="main"
           style="background: url('img/backgrounds/dgren050.gif'); color: #eee"
           data-gmi-ignore
         >

src/random/freewebs/developers_blog.html

@@ -39,7 +39,11 @@
         <div class="window-title">A developer's blog... (2008)</div>
       </div>
       <div class="window-content">
-        <main style="background: #000; color: #eee" class="classic-about">
+        <main
+          id="main"
+          style="background: #000; color: #eee"
+          class="classic-about"
+        >
           <div
             style="
               font-family: 'Times New Roman', times, serif;

src/random/index.html

@@ -36,7 +36,7 @@
         <div class="window-title">Random Stuff</div>
       </div>
       <div class="window-content">
-        <main style="background: #000; color: #eee">
+        <main id="main" style="background: #000; color: #eee">
           <div style="text-align: center">
             <h1>Random Stuff</h1>
           </div>

src/random/kawaii/index.html

@@ -45,6 +45,7 @@
       </div>
       <div class="window-content">
         <main
+          id="main"
           style="background: #000; color: #eee"
           class="light"
           data-gmi-ignore

src/random/quiz_results.html

@@ -39,7 +39,7 @@
         <div class="window-title">Random Stuff</div>
       </div>
       <div class="window-content">
-        <main style="background: #ffc0c0; color: #000" class="light">
+        <main id="main" style="background: #ffc0c0; color: #000" class="light">
           <div style="text-align: center">
             <h1>Quiz Results</h1>
           </div>

src/shrines.html

@@ -36,7 +36,7 @@
         <div class="window-title">Shrines</div>
       </div>
       <div class="window-content">
-        <main style="background: #000; color: #eee" data-gmi-ignore>
+        <main id="main" style="background: #000; color: #eee" data-gmi-ignore>
           <h1 style="text-align: center">Shrines</h1>
           <p>
             Shrines are little mini websites dedicated to specific topics that

src/sitemap.html

@@ -37,6 +37,7 @@
       </div>
       <div class="window-content">
         <main
+          id="main"
           style="background: url('img/backgrounds/dblue024.jpg'); color: #eee"
           data-gmi-ignore
         >

src/subsite/bios.html

@@ -36,7 +36,7 @@
         <div class="window-title">{ bios }</div>
       </div>
       <div class="window-content">
-        <main style="background: #fff; color: #000" class="light">
+        <main id="main" style="background: #fff; color: #000" class="light">
           <div style="text-align: center">
             <h1>{ bios }</h1>
             <h2>An art project in three gates</h2>

src/subsite/blog.html

@@ -37,6 +37,7 @@
       </div>
       <div class="window-content">
         <main
+          id="main"
           style="
             background: #f0becb
               url('https://blog.mew151.net/style/pcard_polka.png') repeat;

src/subsite/games.html

@@ -36,7 +36,7 @@
         <div class="window-title">Natalie's Gamez Archive</div>
       </div>
       <div class="window-content">
-        <main style="background: #ffccee; color: #000" class="light">
+        <main id="main" style="background: #ffccee; color: #000" class="light">
           <div style="text-align: center">
             <h1>Natalie's Gamez Archive</h1>
             <h2>Games From Childhood to Adulthood</h2>

src/subsite/hac.html

@@ -36,7 +36,7 @@
         <div class="window-title">Home Age Conversations</div>
       </div>
       <div class="window-content">
-        <main style="background: #000; color: #eee">
+        <main id="main" style="background: #000; color: #eee">
           <div style="text-align: center">
             <h1>Home Age Conversations</h1>
             <h2>A Podcast About The Residents</h2>

src/subsite/index.html

@@ -36,7 +36,7 @@
         <div class="window-title">Sub-Sites</div>
       </div>
       <div class="window-content">
-        <main style="background: #fff; color: #000" class="light">
+        <main id="main" style="background: #fff; color: #000" class="light">
           <div style="text-align: center">
             <h1>Sub-Sites</h1>
           </div>