git now open sourced!

src/routes/+layout.svelte

@@ -40,6 +40,7 @@
   import onMount from "@e/onMount";
   import Zooter from "./comps/Zooter.svelte";
   import CustomScrollBar from "./comps/CustomScrollBar.svelte";
+  import NavbarItems from "./NavbarItems.svelte";
 
   onMount(async () => {
     handleUrlParams();
@@ -119,15 +120,9 @@
             </a>
             <div class="nav-spacer" />
 
+            <NavbarItems />
             {@render SwitchThemeButton()}
 
-            <a
-              href="/cv?hideOnPrint=1"
-              target="_blank"
-              style="width: 7.5rem;"
-              class="text-center justify-center text-md"
-              >{$re?.nick ?? "Alex"}'s CV</a
-            >
             <!-- <a href="/tools" style="width: 7.5rem;" class="text-center">Tools</a> -->
             <!-- <a href="https://botalex.itch.io/" target="_blank">Games</a> -->
             <!-- <a href="/posts">Blog</a>
@@ -157,15 +152,14 @@
           </div>
           {#if !navbarHidden}
             <div class="nav-list" transition:fly={{ y: -25, duration: 350 }}>
+              <NavbarItems />
+
               <!-- <a onclick={resetNavBar} href="/">Home</a> -->
               <!-- <a -->
               <!--   onclick={resetNavBar} -->
               <!--   href="https://botalex.itch.io/" -->
               <!--   target="_blank">Games</a -->
               <!-- > -->
-              <a href="/cv?hideOnPrint=1" target="_blank" class="justify-center"
-                >{$re?.nick ?? "Alex"}'s CV</a
-              >
               <!-- <a onclick={resetNavBar} href="/posts">Blog</a>
                         <a onclick={resetNavBar} href="/about">About</a> -->
             </div>

src/routes/NavbarItems.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+  import re from "@ts/Redaction/Redactor";
+</script>
+
+<a
+  href="/cv?hideOnPrint=1"
+  target="_blank"
+  class="flex w-45 justify-center text-nowrap text-center text-base md:w-auto md:text-left"
+>
+  {$re?.nick ?? "Alex"}'s CV
+</a>
+<a
+  href="/school"
+  class="flex w-45 justify-center text-nowrap text-center text-base md:w-auto md:text-left"
+>
+  School Stuff
+</a>

src/routes/comps/Zooter.svelte

@@ -7,6 +7,8 @@
   import re from "@ts/Redaction/Redactor";
   const buildTime = __BUILD_TIME__;
 
+  import { page } from "$app/stores";
+
   let scrollY = 0;
   const unscrollSpeed = 100;
   let unscrollScrollDiv: HTMLDivElement;
@@ -66,6 +68,17 @@
     totalScroll = document.documentElement.scrollHeight - window.innerHeight;
   }
 
+  function getGitURL() {
+    if ($page.url.pathname !== "/") {
+      return (
+        "https://git.deprived.dev/DeprivedDevs/deprived-main-website/src/branch/main/src/routes" +
+        $page.url.pathname
+      );
+    } else {
+      return "https://git.deprived.dev/DeprivedDevs/deprived-main-website/";
+    }
+  }
+
   onDestroy(() => {
     clearInterval(unscrollInterval);
   });
@@ -129,12 +142,9 @@
               /></a
             >
           </div>
-          <!-- <span -->
+          <span class="text-blue-400 underline">
-          <!--   >Website <a -->
+            <a href={getGitURL()} target="_blank">Website source code</a>
-          <!--     href="https://git.deprived.dev/DeprivedDevs/deprived-main-website" -->
+          </span>
-          <!--     target="_blank">source code</a -->
-          <!--   ></span -->
-          <!-- > -->
         </div>
         <div class="flex flex-col items-center">
           <h3><b>Contact</b></h3>

src/routes/school/+layout.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+  let { children } = $props();
+</script>
+
+<div class="bg-base-300/50 text-center">
+  ⚠️ Mobile support is not actively supported for school things ⚠️
+</div>
+<div class="">{@render children?.()}</div>

src/routes/school/+page.svelte

@@ -0,0 +1,4 @@
+<script lang="ts">
+</script>
+
+<div>test</div>