From d5a57521b3a6bcaab7aef9d971057c474f0c1f90 Mon Sep 17 00:00:00 2001
From: MagicBOTAlex <zhentao2004@gmail.com>
Date: Sun, 6 Jul 2025 07:35:09 +0800
Subject: [PATCH] removed tools, and progress on deprived trackers

---
 src/routes/+layout.svelte                     |  8 +--
 src/routes/+page.svelte                       | 26 +------
 .../comps/DeprivedTrackerSection.svelte       | 67 +++++++++++++++++++
 3 files changed, 73 insertions(+), 28 deletions(-)
 create mode 100644 src/routes/comps/DeprivedTrackerSection.svelte

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index b94155e..5621849 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -87,7 +87,7 @@
   <header class="{hideOnPrint ? 'hide-on-print' : ''} bg-base-300">
     <div class="nav-bar pr-4">
       {#if !isMobile}
-        <div class="desktop">
+        <div class="desktop items-center">
           <a href="/" class="nav-head">
             <DeprivedLogo
               Class="fill-base-content p-2"
@@ -105,9 +105,9 @@
           <a
             href="/zhen/cv/rev3?hideOnPrint=1"
             target="_blank"
-            style="width: 7.5rem;">Zhen CV</a
+            style="width: 7.5rem;" class="text-center justify-center">Zhen CV</a
           >
-          <a href="/tools" style="width: 7.5rem;">Tools</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>
                     <a href="/about">About</a> -->
@@ -142,7 +142,7 @@
               href="https://botalex.itch.io/"
               target="_blank">Games</a
             >
-            <a href="/zhen/cv/rev3?hideOnPrint=1" target="_blank">Zhen's CV</a>
+            <a href="/zhen/cv/rev3?hideOnPrint=1" target="_blank" class="justify-center">Zhen's CV</a>
             <!-- <a onclick={resetNavBar} href="/posts">Blog</a>
                         <a onclick={resetNavBar} href="/about">About</a> -->
           </div>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 28a370a..7cf134f 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -31,6 +31,7 @@
     import Tags from './comps/Tags.svelte';
     import NameAndTag from './comps/NameAndTag.svelte';
     import Profile from './comps/Profile.svelte';
+    import DeprivedTrackerSection from './comps/DeprivedTrackerSection.svelte';
     
     const mobileThreshold : string = '600px'; // was 1000px. zhen testing
     let mobile : boolean;
@@ -76,30 +77,7 @@
     </div>
 </div>
 
-<div class="{debug? "" : "hidden"} cozette flex flex-col justify-center items-center w-full md:px-8 pt-4">
-  <h2 class="text-center" style="font-size: {!mobile ? 3 : 2}rem;">
-    Trackers
-  </h2>
-  <div class="grid grid-cols-2 items-center">
-    <div>
-      <img src="https://placehold.co/400x400" alt="">
-    </div>
-    <div class="flex flex-col">
-      <div>
-        <h2 class="font-semibold text-base-content">Deprived Trackers</h2>
-        <span class="text-base-content">
-          Hopefully the cheapest Smol-type SlimeVR Trackers on the market.
-        </span>
-      </div>
-      <div class="py-2"></div>
-      <div class="flex justify-center gap-2">
-        <a href="/" class="btn btn-secondary">Buy</a>
-        <a href="/shop/trackers" class="btn btn-primary">Learn more</a>
-      </div>
-
-    </div>
-  </div>
-</div>
+<DeprivedTrackerSection/>
 
 <div class="cozette flex flex-col justify-center items-center w-full md:px-8 pt-4">
     <h2 class="text-center" style="font-size: {!mobile ? 3 : 2}rem;">
diff --git a/src/routes/comps/DeprivedTrackerSection.svelte b/src/routes/comps/DeprivedTrackerSection.svelte
new file mode 100644
index 0000000..2319587
--- /dev/null
+++ b/src/routes/comps/DeprivedTrackerSection.svelte
@@ -0,0 +1,67 @@
+<script>
+    import { onMount } from "svelte";
+
+    let debug = false;
+
+    onMount(()=> {
+        let tabTittleElement = window.document.getElementById("TabTittle");
+            if (tabTittleElement) // Not null
+        tabTittleElement.innerHTML = "Deprived devs";
+
+      const params = new URLSearchParams(window.location.search);
+      debug = params.has('debug');
+    });
+
+</script>
+
+<!-- Desktop -->
+<div class="{debug? "" : "hidden"} max-md:hidden cozette flex flex-col justify-center items-center w-full md:px-8 pt-4">
+  <h2 class="text-center text-3xl" >
+    Trackers desktop
+  </h2>
+  <div class="grid grid-cols-2 items-center">
+    <div>
+      <img src="https://placehold.co/400x400" alt="">
+    </div>
+    <div class="flex flex-col">
+      <div>
+        <h2 class="font-semibold text-base-content">Deprived Trackers</h2>
+        <span class="text-base-content">
+          Hopefully the cheapest Smol-type SlimeVR Trackers on the market.
+        </span>
+      </div>
+      <div class="py-2"></div>
+      <div class="flex justify-center gap-2">
+        <a href="/" class="btn btn-secondary">Buy</a>
+        <a href="/shop/trackers" class="btn btn-primary">Learn more</a>
+      </div>
+
+    </div>
+  </div>
+</div>
+
+<!-- Mobile -->
+<div class="{debug? "" : "hidden"} md:hidden cozette flex flex-col justify-center items-center w-full md:px-8 pt-4">
+  <h2 class="text-center text-3xl" >
+    Trackers mobile
+  </h2>
+  <div class="grid grid-cols-2 items-center">
+    <div>
+      <img src="https://placehold.co/400x400" alt="">
+    </div>
+    <div class="flex flex-col">
+      <div>
+        <h2 class="font-semibold text-base-content">Deprived Trackers</h2>
+        <span class="text-base-content">
+          Hopefully the cheapest Smol-type SlimeVR Trackers on the market.
+        </span>
+      </div>
+      <div class="py-2"></div>
+      <div class="flex justify-center gap-2">
+        <a href="/" class="btn btn-secondary">Buy</a>
+        <a href="/shop/trackers" class="btn btn-primary">Learn more</a>
+      </div>
+
+    </div>
+  </div>
+</div>