From c6b7c5790b76150532c7e922d628ce88dfda1016 Mon Sep 17 00:00:00 2001
From: BOTAlex <zhentao2004@gmail.com>
Date: Tue, 14 Jan 2025 00:05:06 +0100
Subject: [PATCH] Added snorre to the list

---
 src/routes/+page.svelte | 41 ++++++++++++++++++++++++++++++++++++++---
 1 file changed, 38 insertions(+), 3 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index c02e132..5bb3127 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -77,10 +77,28 @@
             <h2 style="font-size: {!mobile ? 1.5 : 1.5}rem;">Sveske / Benjamin</h2>
             <span>
                 <p>Hi, I use Arch, btw.</p>
-                <p>Here's my Linked-in: <a href="https://www.linkedin.com/in/benjamin-dreyer/" style="color:lightblue;">Linked-in</a></p>
+                <p>Here's my Linked-in: <a href="https://www.linkedin.com/in/benjamin-dreyer/" target="_blank" style="color:lightblue;">Linked-in</a></p>
             </span>
         </div>
         
+        <ProfileSpacer/>
+        <div>
+            <div class="developersProfile absolute snorre pl-4 font-mono">
+                <h2 style="font-size: {!mobile ? 1.5 : 1.5}rem;">Snorre</h2>
+                <span>
+                    <p>I'm the diversity hire. (Gay)</p>
+                    <p>Here's my Linked-in: <a href="https://www.linkedin.com/in/snorrealtschul/" target="_blank" style="color:lightblue;">Linked-in</a></p>
+                </span>
+            </div>
+            <div class="developersProfile snorre-overlay relative pl-4 font-mono">
+                <pre style="font-size: {!mobile ? 1.5 : 1.5}rem;"> </pre>
+                <span>
+                    <pre> </pre>
+                    <pre> </pre>
+                </span>
+            </div>
+        </div>
+
         <ProfileSpacer/>
         <div class="developersProfile pl-4 font-mono">
             <h2 style="font-size: {!mobile ? 1.5 : 1.5}rem;">Zylvester</h2>
@@ -212,10 +230,27 @@
         font-family: var(--title-font);
     }
 
-    .developersProfile{
-        border-left: dashed oklch(var(--p));
+    .developersProfile:not(.snorre):not(.snorre-overlay){
+        background-image: linear-gradient(oklch(var(--p)) 33%, rgba(255,255,255,0) 0%);
+        background-position: left;
+        background-size: 0.1rem 0.5rem;
+        background-repeat: repeat-y;
     }
 
+    .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%, oklch(var(--b1)) 40%);
+        background-position: left;
+        background-size: 0.1rem 0.5rem;
+        background-repeat: repeat-y;
+    }
+
+
     #backgroundGif{
         width: 100%; 
         height: 100%;