Begin site v2 and split SCSS into more manageable chunks.

src/includes/meta.html

@@ -0,0 +1,11 @@
+<meta charset="utf-8" />
+
+<meta name="description" content="Cutieguwu's Official website" />
+<meta
+    name="viewport"
+    content="width=device-width, height=device-height, initial-scale=1.0"
+/>
+<meta name="keywords" content="cutieguwu" />
+
+<link rel="icon" type="image/x-icon" href="img/test-favicon.jpg" />
+<link rel="stylesheet" type="text/css" href="style.css" />

src/includes/nav_logo.html

@@ -0,0 +1 @@
+<h2 class="nav_logo">Cutieguwu</h2>

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>

src/includes/nav_quick_links.html

@@ -0,0 +1,17 @@
+<div class="nav_quick_links">
+    <a href="https://gitea.cutieguwu.ca/Cutieguwu/cutieguwu-site" title="Website Source">
+        <ion-icon
+            name="git-branch-outline"
+            class="icon_gitea"
+            alt="(Gitea) Website Source"
+        ></ion-icon>
+    </a>
+    <a href="https://github.com/Cutieguwu/cutieguwu-site" title="(Mirror) Website Source">
+        <ion-icon name="logo-github" class="icon_github" alt="(Mirror) Website Source"></ion-icon>
+    </a>
+    <a
+        href="https://gitea.cutieguwu.ca/Cutieguwu/cutieguwu-site/src/branch/main/LICENSE"
+        title="MIT License"
+        ><ion-icon name="book-outline" class="icon_license" alt="MIT License"></ion-icon
+    ></a>
+</div>

src/includes/scripts.html

@@ -0,0 +1,2 @@
+<script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
+<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>