update: グローバルナビゲーションのマークアップ

public/index.html

@@ -351,6 +351,19 @@
           <section><div></div><div></div><div></div></section>
           <section><div></div><div></div><div></div></section>
         </section>
+        <section class="top-page__global-nav">
+          <nav class="nav-box">
+            <section>
+              <a data-color="pink" href="/#/about">私について</a>
+              <a data-color="light-pink" href="/#/memories">思い出</a>
+            </section>
+            <section>
+              <a data-color="light-purple" href="/#/history">このサイトの歴史</a>
+              <a data-color="purple" href="/#/product">作ったもの</a>
+            </section>
+          </nav>
+          <div class="message"><h3>ようこそ、魔法少女サイトへ</h3></div>
+        </section>
       </section>
     </main>
     <script type="text/javascript" src="./scripts/app.min.js"></script>