Sveskejuice
/
deprived-main-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added snorre to the list

This commit is contained in:
BOTAlex 2025-01-14 00:05:06 +01:00
parent b8913fe805
commit c6b7c5790b
1 changed files with 38 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/routes/+page.svelte
View File

@ -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%;