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 @@
Sveske / Benjamin
Hi, I use Arch, btw.
- Here's my Linked-in: Linked-in
+ Here's my Linked-in: Linked-in
+
+
+
+
Snorre
+
+ I'm the diversity hire. (Gay)
+ Here's my Linked-in: Linked-in
+
+
+
+
+
Zylvester
@@ -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%;