Begin site v2 and split SCSS into more manageable chunks.

src/includes/nav_menu.html

@@ -0,0 +1,78 @@
+<ul class="nav_menu">
+    <!-- Home -->
+    <li class="nav_body"><a class="nav_title" href="#">Home</a></li>
+
+    <!-- Minecraft -->
+    <li class="dropdown">
+        <div class="dropdown_header nav_body">
+            <p class="nav_title" href="#">Minecraft</p>
+            <ion-icon name="chevron-forward-outline"></ion-icon>
+        </div>
+        <div class="dropdown_body">
+            <a class="nav_title" href="#">Bearock SMP</a>
+            <a class="nav_title" href="#">Rebirth SMP</a>
+        </div>
+    </li>
+
+    <hr />
+
+    <!-- About -->
+    <li class="nav_body"><a class="nav_title" href="#">About</a></li>
+
+    <!-- Pronoun Pages -->
+    <li class="dropdown">
+        <div class="dropdown_header nav_body">
+            <a class="nav_title" href="https://pronouns.page/@Cutieguwu">Pronoun Pages</a>
+            <ion-icon name="chevron-forward-outline"></ion-icon>
+        </div>
+        <div class="dropdown_body">
+            <a class="nav_title" href="https://en.pronouns.page/@Cutieguwu">English</a>
+            <a class="nav_title" href="https://pronoms.fr/@Cutieguwu">French</a>
+        </div>
+    </li>
+
+    <!-- External Links -->
+    <li class="dropdown">
+        <div class="dropdown_header nav_body">
+            <p class="nav_title">External Links</p>
+            <ion-icon name="chevron-forward-outline"></ion-icon>
+        </div>
+        <div class="dropdown_body">
+            <a class="nav_title" href="https://github.com/Cutieguwu">Github</a>
+            <a class="nav_title" href="https://www.twitch.tv/cutieguwu">Twitch</a>
+        </div>
+    </li>
+
+    <hr />
+
+    <!-- Public Services -->
+    <li class="dropdown">
+        <div class="dropdown_header nav_body">
+            <p class="nav_title">Public Services</p>
+            <ion-icon name="chevron-forward-outline"></ion-icon>
+        </div>
+        <div class="dropdown_body">
+            <a class="nav_title" href="https://webcheck.cutieguwu.ca">Web Check</a>
+        </div>
+    </li>
+
+    <!-- Services -->
+    <li class="dropdown">
+        <div class="dropdown_header nav_body">
+            <p class="nav_title">Services</p>
+            <ion-icon name="chevron-forward-outline"></ion-icon>
+        </div>
+        <div class="dropdown_body">
+            <a class="nav_title" href="https://gitea.cutieguwu.ca/Cutieguwu">Gitea</a>
+            <a class="nav_title" href="https://jellyfin.cutieguwu.ca">Jellyfin</a>
+            <a class="nav_title" href="https://nextcloud.cutieguwu.ca">Nextcloud</a>
+            <a class="nav_title" href="https://play.cutieguwu.ca">Rebirth</a>
+            <a class="nav_title" href="https://zotero.cutieguwu.ca">Zotero</a>
+        </div>
+    </li>
+
+    <hr />
+
+    <!-- Website Disclosure -->
+    <li class="nav_body"><a class="nav_title" href="#">Website Disclosure</a></li>
+</ul>