From ab913372eb8ca9a32e5e65232d1299dd198b60b3 Mon Sep 17 00:00:00 2001
From: MagicBOTAlex <zhentao2004@gmail.com>
Date: Sat, 5 Jul 2025 02:30:35 +0800
Subject: [PATCH] Started on deprived trackers on website

---
 src/routes/+page.svelte | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 30d7020..e18b3fb 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -34,11 +34,15 @@
     
     const mobileThreshold : string = '600px'; // was 1000px. zhen testing
     let mobile : boolean;
+    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>
 
@@ -72,6 +76,31 @@
     </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">
+        <button class="btn btn-secondary">Buy</button>
+        <button class="btn btn-primary">Learn more</button>
+      </div>
+
+    </div>
+  </div>
+</div>
+
 <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;">
         Developers