From e345af4a562ecbe3a3fa5211e7f18bf762a5c4c3 Mon Sep 17 00:00:00 2001
From: BOTAlex <zhen@deprived.dev>
Date: Wed, 15 Oct 2025 10:09:30 +0200
Subject: [PATCH] progress on webshop

---
 src/pages/shop/_trackers.svelte               | 18 +++++-
 .../shop/comps/trackers/TrackerItem.svelte    |  0
 src/routes/+page.svelte                       | 55 ++++++++++---------
 3 files changed, 46 insertions(+), 27 deletions(-)
 create mode 100644 src/pages/shop/comps/trackers/TrackerItem.svelte

diff --git a/src/pages/shop/_trackers.svelte b/src/pages/shop/_trackers.svelte
index 5f5d027..13024d3 100644
--- a/src/pages/shop/_trackers.svelte
+++ b/src/pages/shop/_trackers.svelte
@@ -6,4 +6,20 @@
   });
 </script>
 
-<div>Baller</div>
+<div class=" grid grid-cols-2 items-center gap-x-16">
+  <div class="w-48 h-48 bg-blue-500 justify-self-end"></div>
+  <div class="justify-self-start flex flex-col w-full">
+    <div>Tracker</div>
+    <div>NRF52840 + ICM45856</div>
+    <div class="flex">
+      <div>200DKK</div>
+      <div>20GBP</div>
+      <div>25USD</div>
+    </div>
+    <div class="flex join">
+      <button class="join-item btn btn-primary">-</button>
+      <div class="join-item input input-disable cursor-default"></div>
+      <button class="join-item btn btn-primary">+</button>
+    </div>
+  </div>
+</div>
diff --git a/src/pages/shop/comps/trackers/TrackerItem.svelte b/src/pages/shop/comps/trackers/TrackerItem.svelte
new file mode 100644
index 0000000..e69de29
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index f83da6b..33d6bea 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -111,7 +111,7 @@
             <p>
               Hi, I am {$re?.nick ? $re?.nick + "/Alex" : "Alex"}, {@html !mobile
                 ? ""
-                : "<br/>"} I'm that chinese guy.
+                : "<br/>"} I'm known as BOTAlex online
             </p>
             <p>
               Here's my CV: <a href="/cv?hideOnPrint=1" style="color:lightblue;"
@@ -132,11 +132,11 @@
               NixOS now
             </p>
             <p>
-              <a
-                href="https://www.linkedin.com/in/benjamin-dreyer/"
-                target="_blank"
-                style="color:lightblue;">Linked-in</a
-              >
+              <!-- <a -->
+              <!--   href="https://www.linkedin.com/in/benjamin-dreyer/" -->
+              <!--   target="_blank" -->
+              <!--   style="color:lightblue;">Linked-in</a -->
+              <!-- > -->
             </p>
           </span>
         </Profile>
@@ -152,11 +152,12 @@
           <span>
             <p>Snorre does not get paid.</p>
             <p>
-              <a
-                href="https://www.linkedin.com/in/oliver-schwenger-291944278/"
-                target="_blank"
-                style="color:lightblue;">Linked-in</a
-              >
+              <!-- <a -->
+              <!--   href="https://www.linkedin.com/in/oliver-schwenger-291944278/" -->
+              <!--   target="_blank" -->
+              <!--   style="color:lightblue;">Linked-in</a -->
+              <!-- > -->
+              <br />
             </p>
           </span>
         </Profile>
@@ -170,11 +171,12 @@
           <span>
             <p>Abla espaniol</p>
             <p>
-              <a
-                href="https://www.linkedin.com/in/kim-rex-de-dios-408860299/"
-                target="_blank"
-                style="color:lightblue;">Linked-in</a
-              >
+              <!-- <a -->
+              <!--   href="https://www.linkedin.com/in/kim-rex-de-dios-408860299/" -->
+              <!--   target="_blank" -->
+              <!--   style="color:lightblue;">Linked-in</a -->
+              <!-- > -->
+              <br />
             </p>
           </span>
         </Profile>
@@ -186,17 +188,18 @@
           isMobile={mobile}
         >
           <span>
-            <p>Closeted omega weeb</p>
+            <p>Used to draw furry commisions (Wasted potential)</p>
             <p>
-              <a
-                href="https://www.linkedin.com/in/sylvester-junge-0b2a73196/"
-                target="_blank"
-                style="color:lightblue;">Linked-in</a
-              >,
-              <a
-                href="https://www.youtube.com/watch?v=xvFZjo5PgG0"
-                style="color:lightblue;">Funny link</a
-              >
+              <!-- <a -->
+              <!--   href="https://www.linkedin.com/in/sylvester-junge-0b2a73196/" -->
+              <!--   target="_blank" -->
+              <!--   style="color:lightblue;">Linked-in</a -->
+              <!-- >, -->
+              <!-- <a -->
+              <!--   href="https://www.youtube.com/watch?v=xvFZjo5PgG0" -->
+              <!--   style="color:lightblue;">Funny link</a -->
+              <!-- > -->
+              <br />
             </p>
           </span>
         </Profile>