satr14/5th-site-expanded
1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add in the extra data

Browse source
This commit is contained in:
Satria 2026-03-19 10:46:19 +07:00
commit 24c7b6bff7
2 changed files with 20 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/lib/index.ts
View file

@ -180,7 +180,7 @@ export default {
title: "satr14's site", title: "satr14's site",
quote: "sometimes you just gotta implement it yourself", quote: "sometimes you just gotta implement it yourself",
name: "satr14", name: "satr14",
roles: ["Web Developer", "Sysadmin", "Hobbyist", "Student", "Linux Enthusiast"], roles: ["Web Developer", "Sysadmin", "Hobbyist", "Student"],
description: "I'm Satria, Im a self-taught hobbyist web developer and homelaber sysadmin from Indonesia. I've been programming since 2021 and I love spending my free time working on personal projects and experimenting with new technologies.", description: "I'm Satria, Im a self-taught hobbyist web developer and homelaber sysadmin from Indonesia. I've been programming since 2021 and I love spending my free time working on personal projects and experimenting with new technologies.",
skills: ["HTML", "CSS", "JavaScript", "Tailwind", "Svelte", "SvelteKit", "TypeScript", "NodeJS", "Express", "PocketBase", "Python", "Linux", "Nginx", "Docker", "Git", "Bash", "Proxmox", "Nix"], skills: ["HTML", "CSS", "JavaScript", "Tailwind", "Svelte", "SvelteKit", "TypeScript", "NodeJS", "Express", "PocketBase", "Python", "Linux", "Nginx", "Docker", "Git", "Bash", "Proxmox", "Nix"],
birthday: [12,6], birthday: [12,6],
@ -211,10 +211,10 @@ export default {
}, },
}, },
socials: { socials: {
GitHub: "https://github.com/SX-9", protonmail: "mailto:admin@satr14.my.id",
Discord: "https://discord.com/users/882595027132493864", github: "https://github.com/SX-9",
Reddit: "https://reddit.com/u/Frequent_Outside_741", discord: "https://discord.com/users/882595027132493864",
Steam: "https://steamcommunity.com/id/satr14", reddit: "https://reddit.com/u/Frequent_Outside_741",
Email: "mailto:admin@satr14.my.id", steam: "https://steamcommunity.com/id/satr14",
}, },
} }

20
src/routes/+page.svelte
View file

@ -53,7 +53,8 @@
<a href="https://nixwebr.ing/rand" class="no-underline">?</a> <a href="https://nixwebr.ing/rand" class="no-underline">?</a>
<a href="https://nixwebr.ing/next/satr14" class="no-underline">&rarr;</a> <a href="https://nixwebr.ing/next/satr14" class="no-underline">&rarr;</a>
{:else} {:else}
<p class="animate-pulse italic text-base"> <p class="animate-pulse italic text-base text-center">
<span>"{data.quote}"</span><br>
<span class="hidden sm:block">Press [Space] to continue.</span> <span class="hidden sm:block">Press [Space] to continue.</span>
<span class="sm:hidden">Scroll to continue.</span> <span class="sm:hidden">Scroll to continue.</span>
</p> </p>
@ -61,7 +62,7 @@
</nav> </nav>
</div> </div>
<div class="h-[calc(100%-8rem)] sm:h-[calc(100%-6rem)]"></div> <div class="h-[calc(100%-7rem)] sm:h-[calc(100%-6rem)]"></div>
<div class="backdrop-blur-md backdrop-brightness-75 w-[calc(100%-2rem)] ml-4 pt-4 border-t-2 border-x-2 border-ctp-surface1 hover:border-ctp-sky shadow-inner rounded-t-3xl" transition:fly={{ <div class="backdrop-blur-md backdrop-brightness-75 w-[calc(100%-2rem)] ml-4 pt-4 border-t-2 border-x-2 border-ctp-surface1 hover:border-ctp-sky shadow-inner rounded-t-3xl" transition:fly={{
duration: 1500, easing: cubicOut, y: 200, opacity: 0, duration: 1500, easing: cubicOut, y: 200, opacity: 0,
@ -71,7 +72,9 @@
<nav class="overflow-hidden flex flex-col-reverse sm:flex-row justify-center sm:justify-between items-center sm:gap-4 text-lg max-w-full w-full px-4 overflow-y-auto text-nowrap"> <nav class="overflow-hidden flex flex-col-reverse sm:flex-row justify-center sm:justify-between items-center sm:gap-4 text-lg max-w-full w-full px-4 overflow-y-auto text-nowrap">
<div class="flex justify-center gap-4"> <div class="flex justify-center gap-4">
{#each Object.entries(data.socials) as [name, url]} {#each Object.entries(data.socials) as [name, url]}
<a href={url} target="_blank">{name}</a> <a href={url} target="_blank">
<img src="https://cdn.simpleicons.org/{name}/cdd6f4" height="16" width="16" alt={name} />
</a>
{/each} {/each}
</div> </div>
<a href="/#abt" id="abt" class="text-center no-underline text-xl font-extrabold">&uarr;</a> <a href="/#abt" id="abt" class="text-center no-underline text-xl font-extrabold">&uarr;</a>
@ -81,7 +84,12 @@
<main> <main>
<article> <article>
<h1>{data.subtitle}</h1> <p class="text-center">
{#each data.roles as role, i}
{i ? " // " : ""}
<b>{role}</b>
{/each}
</p>
<p>{data.description}</p> <p>{data.description}</p>
<p class="text-sm"><i> <p class="text-sm"><i>
It's <b>{time}</b> in <b>{data.timezone}</b>. It's <b>{time}</b> in <b>{data.timezone}</b>.
@ -99,7 +107,7 @@
</p> </p>
</article> </article>
<!-- hate optimizing images ;-; --> <!-- hate optimizing images ;-; -->
<!-- <section class="flex flex-wrap gap-4 px-4 pb-4"> <section class="flex flex-wrap gap-4 px-4 pb-4">
{#each Object.entries(data.communities) as [name,details], i} {#each Object.entries(data.communities) as [name,details], i}
<div class="inline-block"> <div class="inline-block">
<div class="flex gap-2"> <div class="flex gap-2">
@ -111,7 +119,7 @@
</div> </div>
</div> </div>
{/each} {/each}
</section> --> </section>
</main> </main>
</div> </div>
</div> </div>