From 27a3e473ec0d970e2d24c9ff432ea0f9e0fc4e93 Mon Sep 17 00:00:00 2001
From: Satria <admin@satr14.my.id>
Date: Mon, 23 Mar 2026 20:32:29 +0700
Subject: [PATCH 1/4] update embed and add orph flag

---
 src/routes/+layout.svelte | 4 ++--
 src/routes/+page.svelte   | 4 ++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 4f966a9..71afe89 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -19,8 +19,8 @@
 
 <svelte:head>
     <title>{data.title}</title>
-    <meta name="description" content={data.description} />
-    <meta name="theme-color" content="#00e1ff" />
+    <meta name="description" content={data.quote} />
+    <!-- <meta name="theme-color" content="#00e1ff" /> -->
 </svelte:head>
 
 {#if loaded}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index e1edf83..5d65ca2 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -48,6 +48,10 @@
 
 <audio bind:this={audio} src="/hk-white-palace-ost.mp3" loop></audio>
 
+<a href="https://hackclub.com" target="_blank" class="z-50 fixed top-24 sm:top-8 md:top-4 -left-2 hover:left-0">
+  <img src="https://assets.hackclub.com/flag-orpheus-left.svg" alt="Hack Club Orpheus Flag" class="h-16">
+</a>
+
 {#if showNotification}
     <div class="z-50 fixed top-6 right-6 left-6 flex justify-center items-center">
         <div class="flex items-center gap-3 bg-ctp-surface0 text-ctp-text px-4 py-3 rounded-xl shadow-lg" transition:fly={{ y: 20, duration: 300, easing: cubicOut }}>

From b911b51812b52612d15758b3720f01abd84a6253 Mon Sep 17 00:00:00 2001
From: Satria <admin@satr14.my.id>
Date: Mon, 23 Mar 2026 21:36:21 +0700
Subject: [PATCH 2/4] add some border

---
 src/routes/+page.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 5d65ca2..eafcff0 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -54,7 +54,7 @@
 
 {#if showNotification}
     <div class="z-50 fixed top-6 right-6 left-6 flex justify-center items-center">
-        <div class="flex items-center gap-3 bg-ctp-surface0 text-ctp-text px-4 py-3 rounded-xl shadow-lg" transition:fly={{ y: 20, duration: 300, easing: cubicOut }}>
+        <div class="flex items-center gap-3 bg-ctp-surface0 text-ctp-text px-4 py-3 rounded-xl shadow-lg border border-ctp-sky" transition:fly={{ y: 20, duration: 300, easing: cubicOut }}>
             <span class="text-lg">♪</span>
             <div class="text-sm">
                 <p class="m-0 font-medium">Now Playing</p>

From 38d9ed0f9f2d7df4f9963391f98ddeb9047d38b3 Mon Sep 17 00:00:00 2001
From: Satria <admin@satr14.my.id>
Date: Mon, 23 Mar 2026 22:11:45 +0700
Subject: [PATCH 3/4] webring layout changes

---
 src/routes/+page.svelte | 31 +++++++++++++++----------------
 1 file changed, 15 insertions(+), 16 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index eafcff0..60c3241 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-    import { page } from "$app/stores";
     import { getTimeIn, randomStr } from "$lib";
     import { onMount } from "svelte";
     import type { PageData } from "./$types";
@@ -20,8 +19,6 @@
     let time = $derived(getTimeIn(data.timezone));
     let charAmount = $state(0);
 
-    let webring = $page.url.searchParams.has('webring');
-
     let audio: HTMLAudioElement;
     let showNotification = $state(false);
 
@@ -48,10 +45,19 @@
 
 <audio bind:this={audio} src="/hk-white-palace-ost.mp3" loop></audio>
 
-<a href="https://hackclub.com" target="_blank" class="z-50 fixed top-24 sm:top-8 md:top-4 -left-2 hover:left-0">
+<a href="https://hackclub.com" target="_blank" class="z-50 fixed top-24 sm:top-12 md:top-4 -left-2 hover:left-0">
   <img src="https://assets.hackclub.com/flag-orpheus-left.svg" alt="Hack Club Orpheus Flag" class="h-16">
 </a>
 
+<nav class="flex flex-col gap-0 items-center z-50 fixed top-24 sm:top-12 md:top-4 right-0 font-semibold bg-ctp-surface0 pr-4 pl-2 py-1 rounded-l-xl border-y border-l border-ctp-sky">
+    <a href="https://nixwebr.ing" class="no-underline text-sm text-ctp-text">nix-webring</a>
+    <div class="text-2xl">
+        <a href="https://nixwebr.ing/prev/satr14" class="no-underline text-ctp-text">&larr;</a>
+        <a href="https://nixwebr.ing/rand" class="no-underline text-ctp-text">&#9858;</a>
+        <a href="https://nixwebr.ing/next/satr14" class="no-underline text-ctp-text">&rarr;</a>
+    </div>
+</nav>
+
 {#if showNotification}
     <div class="z-50 fixed top-6 right-6 left-6 flex justify-center items-center">
         <div class="flex items-center gap-3 bg-ctp-surface0 text-ctp-text px-4 py-3 rounded-xl shadow-lg border border-ctp-sky" transition:fly={{ y: 20, duration: 300, easing: cubicOut }}>
@@ -96,18 +102,11 @@
 
 <div class="fixed top-0 left-0 w-full text-base flex justify-center items-center">
     <nav class="py-2 px-4 backdrop-blur rounded-t-3xl border-ctp-base hover:border-ctp-sky">
-        {#if webring}
-            <a href="https://nixwebr.ing" class="no-underline">nixwebr.ing:</a>
-            <a href="https://nixwebr.ing/prev/satr14" class="no-underline">&larr;</a>
-            <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 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>
-        {/if}
+        <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>
     </nav>
 </div>
     

From 0a50728469191516283a4da288d0b05efae2957c Mon Sep 17 00:00:00 2001
From: Satria <admin@satr14.my.id>
Date: Mon, 23 Mar 2026 22:12:02 +0700
Subject: [PATCH 4/4] random str option

---
 src/lib/index.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/index.ts b/src/lib/index.ts
index f75df6c..7ad983a 100644
--- a/src/lib/index.ts
+++ b/src/lib/index.ts
@@ -32,9 +32,9 @@ export function timeAgo(unixTimestamp: number): string {
     return Math.floor(seconds) + " seconds ago";
 }
 
-export function randomStr(length: number): string {
+export function randomStr(length: number, withNumbers = true): string {
     let result = '';
-    const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ123456789'.toUpperCase();
+    const characters = ('ABCDEFGHIJKLMNOPQRSTUVWXYZ' + (withNumbers ? '123456789' : '')).toUpperCase();
     const charactersLength = characters.length;
     let counter = 0;
     while (counter < length) {