From 24c7b6bff72967b0ddc8b6e11a92eea9ceeeba43 Mon Sep 17 00:00:00 2001
From: Satria <admin@satr14.my.id>
Date: Thu, 19 Mar 2026 10:46:19 +0700
Subject: [PATCH] add in the extra data

---
 src/lib/index.ts        | 12 ++++++------
 src/routes/+page.svelte | 20 ++++++++++++++------
 2 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/src/lib/index.ts b/src/lib/index.ts
index 1485e33..f24f6e5 100644
--- a/src/lib/index.ts
+++ b/src/lib/index.ts
@@ -180,7 +180,7 @@ export default {
     title: "satr14's site",
     quote: "sometimes you just gotta implement it yourself",
     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.",
     skills: ["HTML", "CSS", "JavaScript", "Tailwind", "Svelte", "SvelteKit", "TypeScript", "NodeJS", "Express", "PocketBase", "Python", "Linux", "Nginx", "Docker", "Git", "Bash", "Proxmox", "Nix"],
     birthday: [12,6],
@@ -211,10 +211,10 @@ export default {
         },
     },
     socials: {
-        GitHub: "https://github.com/SX-9",
-        Discord: "https://discord.com/users/882595027132493864",
-        Reddit: "https://reddit.com/u/Frequent_Outside_741",
-        Steam: "https://steamcommunity.com/id/satr14",
-        Email: "mailto:admin@satr14.my.id",
+        protonmail: "mailto:admin@satr14.my.id",
+        github: "https://github.com/SX-9",
+        discord: "https://discord.com/users/882595027132493864",
+        reddit: "https://reddit.com/u/Frequent_Outside_741",
+        steam: "https://steamcommunity.com/id/satr14",
     },
 }
\ No newline at end of file
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index b267b27..8ba845d 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -53,7 +53,8 @@
             <a href="https://nixwebr.ing/rand" class="no-underline">?</a>
             <a href="https://nixwebr.ing/next/satr14" class="no-underline">&rarr;</a>
         {: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="sm:hidden">Scroll to continue.</span>
             </p>
@@ -61,7 +62,7 @@
     </nav>
 </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={{
     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">
                 <div class="flex justify-center gap-4">
                     {#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}
                 </div>
                 <a href="/#abt" id="abt" class="text-center no-underline text-xl font-extrabold">&uarr;</a>
@@ -81,7 +84,12 @@
         
         <main>
             <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 class="text-sm"><i>
                     It's <b>{time}</b> in <b>{data.timezone}</b>.
@@ -99,7 +107,7 @@
                 </p>
             </article>
             <!-- 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}
                     <div class="inline-block">
                         <div class="flex gap-2">
@@ -111,7 +119,7 @@
                         </div>
                     </div>
                 {/each}
-            </section> -->
+            </section>
         </main>
     </div>
 </div>
\ No newline at end of file