DeprivedDevs/deprived-main-website
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improved main page

Browse source
This commit is contained in:
BOT Alex 2025-04-06 01:21:16 +02:00
parent b56ef35802
commit 2408174b8b
8 changed files with 100 additions and 74 deletions
Download patch file Download diff file Expand all files Collapse all files

28
src/routes/comps/Profile.svelte
View file

@ -11,8 +11,9 @@
</script>
<div class="bg-grid-200 border-2 border-base-300 pr-4 rounded cozette">
{#if !isSnorre}
<div class="developersProfile {isSnorre ? "isSnorre" : ""} pl-4 font-mono">
<div class="developersProfile {isSnorre ? "isSnorre" : ""} pl-1 font-mono">
<NameAndTag name={name} tags={tags} isMobile={isMobile}/>
<slot/>
<MobileTags tags={tags} isMobile={isMobile}/>
@ -29,39 +30,38 @@
<pre> </pre>
{/if}
</div>
<div class="developersProfile snorre-overlay relative pl-4 font-mono">
<div class="developersProfile snorre-overlay relative pl-1 font-mono">
<NameAndTag name="Snorre" tags={tags} isMobile={isMobile}/>
<span>
<p>I'm the diversity hire. (Gay)</p>
<p><a href="https://www.linkedin.com/in/snorrealtschul/" target="_blank" style="color:lightblue;">Linked-in</a></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>
<style>
.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) 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;
}
.developersProfile {
background-repeat: repeat-y; */
}
.snorre {
border-left: dashed transparent 0.1rem;
/* border-left: dashed transparent 0.1rem;
border-image: linear-gradient(to bottom, red, orange, yellow, green, blue, indigo, violet);
border-image-slice: 1;
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;
/* 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;
background-repeat: repeat-y; */
}
</style>