They don't do shit disclaimer

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
+              <!-- <a -->
-                onclick={resetNavBar}
+              <!--   onclick={resetNavBar} -->
-                href="https://botalex.itch.io/"
+              <!--   href="https://botalex.itch.io/" -->
-                target="_blank">Games</a
+              <!--   target="_blank">Games</a -->
-              >
+              <!-- > -->
               <a href="/cv?hideOnPrint=1" target="_blank" class="justify-center"
                 >{$re?.nick ?? "Alex"}'s CV</a
               >

src/routes/+page.svelte

@@ -201,6 +201,8 @@
           </span>
         </Profile>
       </div>
+
+      <span class="opacity-20">¹ They don't do shit</span>
     </div>
   </div>
 

src/routes/comps/Profile.svelte

@@ -11,17 +11,20 @@
   // Shit code but who cares, if it works /shrug
 </script>
 
-
+<div
-<div class="relative bg-grid-100 border-2 border-base-100 pl-1 pr-4 rounded-md cozette max-lg:pb-2">
+  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">
+    <div class=" developersProfile {isSnorre ? 'isSnorre' : ''} pl-1 font-mono">
-    <NameAndTag name={name} tags={tags} isMobile={isMobile}/>
+      <NameAndTag {name} {tags} {isMobile} />
       <slot />
-    <MobileTags tags={tags} isMobile={isMobile}/>
+      <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">
+      <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>
@@ -32,26 +35,45 @@
         {/if}
       </div>
       <div class="developersProfile snorre-overlay relative pl-1 font-mono">
-            <NameAndTag name="Snorre" tags={tags} isMobile={isMobile}/>
+        <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>
+            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>
+          <p>
+            <a
+              href="https://spoodythe.one/"
+              target="_blank"
+              style="color:lightblue;">My website</a
+            >
+          </p>
         </span>
-            <MobileTags tags={tags} isMobile={isMobile}/>
+        <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
-    <div class="corner-border-container px-2">
+    class="{replaced
-      Replaced by AI
+      ? ''
-    </div>
+      : '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;
@@ -88,7 +110,6 @@
     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%);