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

reworked some backend things

Browse source
This commit is contained in:
BOTAlex 2024-10-12 02:05:37 +02:00
parent e546b1945d
commit ba58ba5f59
5 changed files with 74 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

39
src/routes/+page.svelte
View file

@ -9,6 +9,7 @@
import BackgroundVideo from "$lib/videos/DeprivedDevMontage.gif"
import FrontFold from './comps/FrontFold.svelte';
export let data; // <- contains post data
@ -34,32 +35,20 @@
</div>
</ParallaxLayer>
<ParallaxLayer offset={0.6} rate={0.3} class="bg-base-200">
<div class="grid place-items-center">
<div class="grid place-items-center prose font-mono">
<div class="p-4 grid gap-4" style="{!mobile ? "max-width: 50vw;" : ""}">
<div class="collapse collapse-arrow bg-base-100 text-start">
<input type="radio" name="my-accordion-2" checked/>
<div class="collapse-title text-xl font-medium "><b>Alex / Zhen</b></div>
<div class="collapse-content">
<p>Hi, I am Alex/Zhen, I'm that chinese guy.</p>
<p>Here's my CV: <a href="/zhen/cv/rev1?hideOnPrint=1" style="color:lightblue;">pdf</a></p>
</div>
</div>
<div class="collapse collapse-arrow bg-base-100 text-start">
<input type="radio" name="my-accordion-2"/>
<div class="collapse-title text-xl font-medium "><b>Sveske / Benjamin</b></div>
<div class="collapse-content">
<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>
</div>
</div>
<div class="collapse collapse-arrow bg-base-100 text-start">
<input type="radio" name="my-accordion-2"/>
<div class="collapse-title text-xl font-medium "><b>Zylvester</b></div>
<div class="collapse-content">
<p>Hi, I am [insert text here]</p>
<p>Here's a joke about recursion: <a href="" style="color:lightblue;">recursion</a></p>
</div>
</div>
<FrontFold Title="Alex / Zhen">
<p>Hi, I am Alex/Zhen, I'm that chinese guy.</p>
<p>Here's my CV: <a href="/zhen/cv/rev1?hideOnPrint=1" style="color:lightblue;">pdf</a></p>
</FrontFold>
<FrontFold Title="Sveske / Benjamin">
<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>'
</FrontFold>
<FrontFold Title="Zylvester">
<p>Hi, I am [insert text here]</p>
<p>Here's a joke about recursion: <a href="" style="color:lightblue;">recursion</a></p>
</FrontFold>
</div>
</div>
</ParallaxLayer>

11
src/routes/comps/FrontFold.svelte Normal file
View file

@ -0,0 +1,11 @@
<script>
export let Title = "";
</script>
<div class="collapse collapse-arrow bg-base-100 text-start" {...$$restProps}>
<input type="radio" name="my-accordion-2" checked/>
<div class="collapse-title text-xl font-medium "><b>{Title}</b></div>
<div class="collapse-content ">
<slot/>
</div>
</div>