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

They don't do shit disclaimer

Browse source
This commit is contained in:
BOTAlex 2025-10-15 09:40:48 +02:00
parent 03f3109b12
commit db2b81f0bc
3 changed files with 117 additions and 93 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/routes/+layout.svelte
View file

@ -104,6 +104,7 @@
<div class="flex flex-col justify-between min-h-screen bg-base-200 p-0"> <div class="flex flex-col justify-between min-h-screen bg-base-200 p-0">
<header class="{hideOnPrint ? 'hide-on-print' : ''} bg-base-300"> <header class="{hideOnPrint ? 'hide-on-print' : ''} bg-base-300">
<div class="nav-bar pr-4"> <div class="nav-bar pr-4">
<!-- TODO: Make this one element instead of this weird ass if statement -->
{#if !isMobile} {#if !isMobile}
<div class="desktop items-center"> <div class="desktop items-center">
<a href="/" class="nav-head"> <a href="/" class="nav-head">
@ -125,7 +126,7 @@
>{$re?.nick ?? "Alex"}'s CV</a >{$re?.nick ?? "Alex"}'s CV</a
> >
<!-- <a href="/tools" style="width: 7.5rem;" class="text-center">Tools</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="/posts">Blog</a>
<a href="/about">About</a> --> <a href="/about">About</a> -->
</div> </div>
@ -154,11 +155,11 @@
{#if !navbarHidden} {#if !navbarHidden}
<div class="nav-list" transition:fly={{ y: -25, duration: 350 }}> <div class="nav-list" transition:fly={{ y: -25, duration: 350 }}>
<!-- <a onclick={resetNavBar} href="/">Home</a> --> <!-- <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" <a href="/cv?hideOnPrint=1" target="_blank" class="justify-center"
>{$re?.nick ?? "Alex"}'s CV</a >{$re?.nick ?? "Alex"}'s CV</a
> >

2
src/routes/+page.svelte
View file

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

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

@ -1,112 +1,133 @@
<script> <script>
import MobileTags from "./MobileTags.svelte"; import MobileTags from "./MobileTags.svelte";
import NameAndTag from "./NameAndTag.svelte"; import NameAndTag from "./NameAndTag.svelte";
export let isMobile = false; export let isMobile = false;
export let name = ""; export let name = "";
export let tags = ["null"]; export let tags = ["null"];
export let isSnorre = false; export let isSnorre = false;
export let replaced = false; export let replaced = false;
// Shit code but who cares, if it works /shrug // Shit code but who cares, if it works /shrug
</script> </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"> {#if !isSnorre}
<NameAndTag name={name} tags={tags} isMobile={isMobile}/> <div class=" developersProfile {isSnorre ? 'isSnorre' : ''} pl-1 font-mono">
<slot/> <NameAndTag {name} {tags} {isMobile} />
<MobileTags tags={tags} isMobile={isMobile}/> <slot />
</div> <MobileTags {tags} {isMobile} />
{:else} </div>
{:else}
<div class="w-full pl-1"> <div class="w-full pl-1">
<div class="developersProfile absolute snorre pl-4 font-mono pointer-events-none select-none"> <div
<pre style="font-size: {!isMobile ? 1.5 : 1.5}rem;"> </pre> class="developersProfile absolute snorre pl-4 font-mono pointer-events-none select-none"
<span> >
<pre> </pre> <pre style="font-size: {!isMobile ? 1.5 : 1.5}rem;"></pre>
<pre> </pre> <span>
</span> <pre></pre>
{#if isMobile} <pre></pre>
<pre> </pre> </span>
{/if} {#if isMobile}
</div> <pre></pre>
<div class="developersProfile snorre-overlay relative pl-1 font-mono"> {/if}
<NameAndTag name="Snorre" tags={tags} isMobile={isMobile}/> </div>
<span> <div class="developersProfile snorre-overlay relative pl-1 font-mono">
<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> <NameAndTag name="Snorre" {tags} {isMobile} />
<!-- <p><a href="https://www.linkedin.com/in/snorrealtschul/" target="_blank" style="color:lightblue;">My website</a></p> --> <span>
<p><a href="https://spoodythe.one/" target="_blank" style="color:lightblue;">My website</a></p> <p>
</span> I'm the diversity hire. <span
<MobileTags tags={tags} isMobile={isMobile}/> class="border-b"
</div> style="border-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet); border-image-slice: 1;"
</div> >(Gay)</span
{/if} >
<div class="{replaced? "" : "hidden"} replaced flex justify-center items-center h-full absolute top-0 left-0 down-0 right-0"> </p>
<div class="corner-border-container px-2"> <!-- <p><a href="https://www.linkedin.com/in/snorrealtschul/" target="_blank" style="color:lightblue;">My website</a></p> -->
Replaced by AI <p>
<a
href="https://spoodythe.one/"
target="_blank"
style="color:lightblue;">My website</a
>
</p>
</span>
<MobileTags {tags} {isMobile} />
</div>
</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 class="corner-border-container px-2">Replaced by AI¹</div>
</div> </div>
</div> </div>
<style> <style>
.replaced { .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 { .corner-border-container {
--length: 5px; --length: 5px;
--width: 1px; --width: 1px;
--line-color: #eeeeee; --line-color: #eeeeee;
background-color: #0008; background-color: #0008;
background-image: background-image:
linear-gradient(var(--line-color), var(--line-color)), linear-gradient(var(--line-color), var(--line-color)),
linear-gradient(var(--line-color), var(--line-color)), linear-gradient(var(--line-color), var(--line-color)),
linear-gradient(var(--line-color), var(--line-color)), linear-gradient(var(--line-color), var(--line-color)),
linear-gradient(var(--line-color), var(--line-color)), linear-gradient(var(--line-color), var(--line-color)),
linear-gradient(var(--line-color), var(--line-color)), linear-gradient(var(--line-color), var(--line-color)),
linear-gradient(var(--line-color), var(--line-color)), linear-gradient(var(--line-color), var(--line-color)),
linear-gradient(var(--line-color), var(--line-color)), linear-gradient(var(--line-color), var(--line-color)),
linear-gradient(var(--line-color), var(--line-color)); linear-gradient(var(--line-color), var(--line-color));
background-size: background-size:
var(--length) var(--width), var(--length) var(--width),
var(--width) var(--length), var(--width) var(--length),
var(--length) var(--width), var(--length) var(--width),
var(--width) var(--length), var(--width) var(--length),
var(--length) var(--width), var(--length) var(--width),
var(--width) var(--length), var(--width) var(--length),
var(--length) var(--width), var(--length) var(--width),
var(--width) var(--length); var(--width) var(--length);
background-position: background-position:
top left, top left,
top left, top left,
top right, top right,
top right, top right,
bottom right, bottom right,
bottom right, bottom right,
bottom left, bottom left,
bottom left; bottom left;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.developersProfile:not(.snorre):not(.snorre-overlay) {
.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-image: linear-gradient(var(--color-neutral) 100%);
background-position: left; background-position: left;
background-size: 0.1rem 0.5rem; background-size: 0.1rem 0.5rem;
background-repeat: repeat-y; */ background-repeat: repeat-y; */
} }
.snorre { .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: linear-gradient(to bottom, red, orange, yellow, green, blue, indigo, violet);
border-image-slice: 1; */ border-image-slice: 1; */
} }
.snorre-overlay { .snorre-overlay {
/* background-image: linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, var(--color-base-200) 40%); */ /* 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-position: left;
background-size: 0.1rem 0.5rem; background-size: 0.1rem 0.5rem;
background-repeat: repeat-y; */ background-repeat: repeat-y; */
} }
</style> </style>