From db2b81f0bca696d9aec24a74bc45a70bec714c2f Mon Sep 17 00:00:00 2001
From: BOTAlex <zhen@deprived.dev>
Date: Wed, 15 Oct 2025 09:40:48 +0200
Subject: [PATCH] They don't do shit disclaimer

---
 src/routes/+layout.svelte       |  13 ++-
 src/routes/+page.svelte         |   2 +
 src/routes/comps/Profile.svelte | 195 ++++++++++++++++++--------------
 3 files changed, 117 insertions(+), 93 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index efee0f4..4f2e7c9 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -104,6 +104,7 @@
   <div class="flex flex-col justify-between min-h-screen bg-base-200 p-0">
     <header class="{hideOnPrint ? 'hide-on-print' : ''} bg-base-300">
       <div class="nav-bar pr-4">
+        <!-- TODO: Make this one element instead of this weird ass if statement -->
         {#if !isMobile}
           <div class="desktop items-center">
             <a href="/" class="nav-head">
@@ -125,7 +126,7 @@
               >{$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="https://botalex.itch.io/" target="_blank">Games</a> -->
             <!-- <a href="/posts">Blog</a>
                     <a href="/about">About</a> -->
           </div>
@@ -154,11 +155,11 @@
           {#if !navbarHidden}
             <div class="nav-list" transition:fly={{ y: -25, duration: 350 }}>
               <!-- <a onclick={resetNavBar} href="/">Home</a> -->
-              <a
-                onclick={resetNavBar}
-                href="https://botalex.itch.io/"
-                target="_blank">Games</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
               >
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 9914546..f83da6b 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -201,6 +201,8 @@
           </span>
         </Profile>
       </div>
+
+      <span class="opacity-20">¹ They don't do shit</span>
     </div>
   </div>
 
diff --git a/src/routes/comps/Profile.svelte b/src/routes/comps/Profile.svelte
index d112d96..ab5bdc1 100644
--- a/src/routes/comps/Profile.svelte
+++ b/src/routes/comps/Profile.svelte
@@ -1,112 +1,133 @@
 <script>
-    import MobileTags from "./MobileTags.svelte";
-    import NameAndTag from "./NameAndTag.svelte";
+  import MobileTags from "./MobileTags.svelte";
+  import NameAndTag from "./NameAndTag.svelte";
 
-    export let isMobile = false;
-    export let name = "";
-    export let tags = ["null"];
-    export let isSnorre = false;
-    export let replaced = false;
+  export let isMobile = false;
+  export let name = "";
+  export let tags = ["null"];
+  export let isSnorre = false;
+  export let replaced = false;
 
-    // Shit code but who cares, if it works /shrug
+  // Shit code but who cares, if it works /shrug
 </script>
 
-
-<div class="relative bg-grid-100 border-2 border-base-100 pl-1 pr-4 rounded-md cozette max-lg:pb-2">
-{#if !isSnorre}
-  <div class=" developersProfile {isSnorre ? "isSnorre" : ""} pl-1 font-mono">
-    <NameAndTag name={name} tags={tags} isMobile={isMobile}/>
-    <slot/>
-    <MobileTags tags={tags} isMobile={isMobile}/>
-  </div>
-{:else}
+<div
+  class="relative bg-grid-100 border-2 border-base-100 pl-1 pr-4 rounded-md cozette max-lg:pb-2"
+>
+  {#if !isSnorre}
+    <div class=" developersProfile {isSnorre ? 'isSnorre' : ''} pl-1 font-mono">
+      <NameAndTag {name} {tags} {isMobile} />
+      <slot />
+      <MobileTags {tags} {isMobile} />
+    </div>
+  {:else}
     <div class="w-full pl-1">
-        <div class="developersProfile absolute snorre pl-4 font-mono pointer-events-none select-none">
-            <pre style="font-size: {!isMobile ? 1.5 : 1.5}rem;"> </pre>
-            <span>
-                <pre> </pre>
-                <pre> </pre>
-            </span>
-            {#if isMobile}
-                <pre> </pre>
-            {/if}
-        </div>
-        <div class="developersProfile snorre-overlay relative pl-1 font-mono">
-            <NameAndTag name="Snorre" tags={tags} isMobile={isMobile}/>
-            <span>
-                <p>I'm the diversity hire. <span class="border-b" style="border-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet); border-image-slice: 1;">(Gay)</span></p>
-                <!-- <p><a href="https://www.linkedin.com/in/snorrealtschul/" target="_blank" style="color:lightblue;">My website</a></p> -->
-                <p><a href="https://spoodythe.one/" target="_blank" style="color:lightblue;">My website</a></p>
-            </span>
-            <MobileTags tags={tags} isMobile={isMobile}/>
-        </div>
-    </div>
-{/if}
-<div class="{replaced? "" : "hidden"} replaced flex justify-center items-center h-full absolute top-0 left-0 down-0 right-0">
-    <div class="corner-border-container px-2">
-      Replaced by AI
+      <div
+        class="developersProfile absolute snorre pl-4 font-mono pointer-events-none select-none"
+      >
+        <pre style="font-size: {!isMobile ? 1.5 : 1.5}rem;"></pre>
+        <span>
+          <pre></pre>
+          <pre></pre>
+        </span>
+        {#if isMobile}
+          <pre></pre>
+        {/if}
+      </div>
+      <div class="developersProfile snorre-overlay relative pl-1 font-mono">
+        <NameAndTag name="Snorre" {tags} {isMobile} />
+        <span>
+          <p>
+            I'm the diversity hire. <span
+              class="border-b"
+              style="border-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet); border-image-slice: 1;"
+              >(Gay)</span
+            >
+          </p>
+          <!-- <p><a href="https://www.linkedin.com/in/snorrealtschul/" target="_blank" style="color:lightblue;">My website</a></p> -->
+          <p>
+            <a
+              href="https://spoodythe.one/"
+              target="_blank"
+              style="color:lightblue;">My website</a
+            >
+          </p>
+        </span>
+        <MobileTags {tags} {isMobile} />
+      </div>
     </div>
+  {/if}
+  <div
+    class="{replaced
+      ? ''
+      : 'hidden'} replaced flex justify-center items-center h-full absolute top-0 left-0 down-0 right-0"
+  >
+    <div class="corner-border-container px-2">Replaced by AI¹</div>
   </div>
 </div>
 
 <style>
   .replaced {
-    background: repeating-linear-gradient(45deg,#0009,#0009 15px, #000a 15px 20px);
+    background: repeating-linear-gradient(
+      45deg,
+      #0009,
+      #0009 15px,
+      #000a 15px 20px
+    );
   }
   .corner-border-container {
-  --length: 5px;
-  --width: 1px;
-  --line-color: #eeeeee;
-  background-color: #0008;
-  background-image:
-    linear-gradient(var(--line-color), var(--line-color)),
-    linear-gradient(var(--line-color), var(--line-color)),
-    linear-gradient(var(--line-color), var(--line-color)),
-    linear-gradient(var(--line-color), var(--line-color)),
-    linear-gradient(var(--line-color), var(--line-color)),
-    linear-gradient(var(--line-color), var(--line-color)),
-    linear-gradient(var(--line-color), var(--line-color)),
-    linear-gradient(var(--line-color), var(--line-color));
-  background-size:
-    var(--length) var(--width),
-    var(--width) var(--length),
-    var(--length) var(--width),
-    var(--width) var(--length),
-    var(--length) var(--width),
-    var(--width) var(--length),
-    var(--length) var(--width),
-    var(--width) var(--length);
-  background-position:
-    top left,
-    top left,
-    top right,
-    top right,
-    bottom right,
-    bottom right,
-    bottom left,
-    bottom left;
-  background-repeat: no-repeat;
-}
+    --length: 5px;
+    --width: 1px;
+    --line-color: #eeeeee;
+    background-color: #0008;
+    background-image:
+      linear-gradient(var(--line-color), var(--line-color)),
+      linear-gradient(var(--line-color), var(--line-color)),
+      linear-gradient(var(--line-color), var(--line-color)),
+      linear-gradient(var(--line-color), var(--line-color)),
+      linear-gradient(var(--line-color), var(--line-color)),
+      linear-gradient(var(--line-color), var(--line-color)),
+      linear-gradient(var(--line-color), var(--line-color)),
+      linear-gradient(var(--line-color), var(--line-color));
+    background-size:
+      var(--length) var(--width),
+      var(--width) var(--length),
+      var(--length) var(--width),
+      var(--width) var(--length),
+      var(--length) var(--width),
+      var(--width) var(--length),
+      var(--length) var(--width),
+      var(--width) var(--length);
+    background-position:
+      top left,
+      top left,
+      top right,
+      top right,
+      bottom right,
+      bottom right,
+      bottom left,
+      bottom left;
+    background-repeat: no-repeat;
+  }
 
-
-    .developersProfile:not(.snorre):not(.snorre-overlay){
-        /* background-image: linear-gradient(var(--color-neutral) 33%, rgba(255,255,255,0) 0%); */
-        /* background-image: linear-gradient(var(--color-neutral) 100%);
+  .developersProfile:not(.snorre):not(.snorre-overlay) {
+    /* background-image: linear-gradient(var(--color-neutral) 33%, rgba(255,255,255,0) 0%); */
+    /* background-image: linear-gradient(var(--color-neutral) 100%);
         background-position: left;
         background-size: 0.1rem 0.5rem;
         background-repeat: repeat-y; */
-    }
+  }
 
-    .snorre {
-        /* border-left: dashed transparent 0.1rem;
+  .snorre {
+    /* border-left: dashed transparent 0.1rem;
         border-image: linear-gradient(to bottom, red, orange, yellow, green, blue, indigo, violet);
         border-image-slice: 1; */
-    }
+  }
 
-    .snorre-overlay {
-        /* background-image: linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, var(--color-base-200) 40%); */
-        /* background-position: left;
+  .snorre-overlay {
+    /* background-image: linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, var(--color-base-200) 40%); */
+    /* background-position: left;
         background-size: 0.1rem 0.5rem;
         background-repeat: repeat-y; */
-    }
+  }
 </style>