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

Made my info showen, because im cool

This commit is contained in:
BOTAlex 2024-10-12 04:48:56 +02:00
parent 1c260e5b8f
commit 1f77e03da2
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/routes/+page.svelte
View File

@ -88,7 +88,7 @@
<div class="prose font-mono pointer-events-auto h-full" style="max-width: 100%;"> <div class="prose font-mono pointer-events-auto h-full" style="max-width: 100%;">
<div class="grid place-content-center h-full"> <div class="grid place-content-center h-full">
<div class="grid gap-4 p-4" style="{!mobile ? "max-width: 50vw;" : ""} background: linear-gradient(to bottom, transparent 0%, oklch(var(--b2)) 5%)"> <div class="grid gap-4 p-4" style="{!mobile ? "max-width: 50vw;" : ""} background: linear-gradient(to bottom, transparent 0%, oklch(var(--b2)) 5%)">
<FrontFold Title="Alex / Zhen"> <FrontFold Title="Alex / Zhen" Checked={true}>
<p>Hi, I am Alex/Zhen, I'm that chinese guy.</p> <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> <p>Here's my CV: <a href="/zhen/cv/rev1?hideOnPrint=1" style="color:lightblue;">pdf</a></p>
</FrontFold> </FrontFold>

7
src/routes/comps/FrontFold.svelte
View File

@ -1,9 +1,14 @@
<script> <script>
export let Title = ""; export let Title = "";
export let Checked = false;
</script> </script>
<div class="collapse collapse-arrow bg-base-100 text-start shadow-sm" {...$$restProps}> <div class="collapse collapse-arrow bg-base-100 text-start shadow-sm" {...$$restProps}>
<input type="radio" name="my-accordion-2" checked/> {#if Checked}
<input type="radio" name="{Title}" checked/>
{:else}
<input type="radio" name="{Title}"/>
{/if}
<div class="collapse-title text-xl font-medium "><b>{Title}</b></div> <div class="collapse-title text-xl font-medium "><b>{Title}</b></div>
<div class="collapse-content" style="border-top: dotted 0.15rem oklch(var(--b3));"> <div class="collapse-content" style="border-top: dotted 0.15rem oklch(var(--b3));">
<slot/> <slot/>