From 1a664c97d40208d4d7f8ae9be9e503560d7500cc Mon Sep 17 00:00:00 2001
From: satr14 <90962949+SX-9@users.noreply.github.com>
Date: Mon, 7 Jul 2025 11:45:56 +0700
Subject: [PATCH] optimization and visibility fixes

---
 src/app.css             |   6 +++---
 src/hooks.server.ts     |   1 -
 src/routes/+page.svelte |  11 ++++++-----
 static/stray.woff2      | Bin 0 -> 3416 bytes
 4 files changed, 9 insertions(+), 9 deletions(-)
 create mode 100644 static/stray.woff2

diff --git a/src/app.css b/src/app.css
index 53df05f..79d4fdd 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1,7 +1,7 @@
-@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
 @font-face {
   font-family: Stray;
-  src: url("/stray.otf") format("opentype");
+  font-display: swap;
+  src: url("/stray.woff2") format("woff2");
 }
 
 @tailwind base;
@@ -10,7 +10,7 @@
 
 * { @apply transition-all duration-300 ease-in-out; }
 html { @apply h-full scroll-smooth; }
-body { @apply bg-ctp-crust text-ctp-text h-full font-[Roboto,_sans-serif]; }
+body { @apply bg-ctp-crust text-ctp-text h-full; }
 h1 { @apply text-3xl md:text-4xl font-semibold my-4; }
 h2 { @apply text-2xl md:text-3xl font-bold my-4; }
 h3 { @apply text-xl md:text-2xl font-bold my-4; }
diff --git a/src/hooks.server.ts b/src/hooks.server.ts
index 083f94b..0751e0e 100644
--- a/src/hooks.server.ts
+++ b/src/hooks.server.ts
@@ -3,7 +3,6 @@ import info from '$lib';
 
 export const handle: Handle = async ({ event, resolve }) => !event.request.headers.get('user-agent')?.includes('curl') ? await resolve(event) : new Response(`\
 \
-\x1b[2J\x1b[3J\x1b[H\
 \x1b[1m${info.subtitle}\x1b[0m
 ${info.description}
 
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 1f04992..0c2f6dd 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -27,14 +27,14 @@
     });
 </script>
 
-<div class="fixed top-0 left-0 w-full h-full -bg-gradient-6 opacity-10 from-ctp-green via-transparent to-ctp-lavender" transition:fade={{
+<div class="fixed top-0 left-0 w-full h-full -bg-gradient-6 opacity-25 from-ctp-sapphire via-transparent to-ctp-sapphire" transition:fade={{
     duration: 1500, easing: cubicOut
 }}></div>
 
 <div class="fixed top-0 left-0 w-full h-full overflow-hidden flex justify-center items-center select-none" transition:blur={{
     duration: 1000, easing: cubicOut,
 }}>
-    <div class="font-[Stray] group whitespace-nowrap text-center text-5xl my-4 cursor-default -rotate-6 leading-10 text-ctp-overlay1 hover:text-ctp-base">
+    <div class="font-[Stray,_monospace] group whitespace-nowrap text-center text-5xl my-4 cursor-default -rotate-6 leading-10 text-ctp-overlay1 hover:text-ctp-base">
         <span class="inline-block animate-scrolling-text-to-l">{randomStr(charAmount)}</span><br>
         <span class="block">{randomStr(Math.round(charAmount-data.name.length/2))}<a href={'https://github.com/'+data.github+'/5th-site'} target="_blank" class="group-hover:px-8 no-underline text-ctp-subtext1 group-hover:text-ctp-text">{data.name.toUpperCase()}</a>{randomStr(Math.round(charAmount-data.name.length/2))}</span>
         <span class="inline-block animate-scrolling-text-to-r">{randomStr(charAmount)}</span><br>
@@ -72,7 +72,7 @@
                     <a href={'https://steamcommunity.com/id/'+data.steam} target="_blank">steam</a>
                     <a href={data.blog} target="_blank">blog</a>
                 </div>
-                <!-- svelte-ignore a11y_autofocus -->
+                <!-- svelte-ignore a11y-autofocus -->
                 <a href="/#abt" id="abt" class="text-center no-underline text-xl font-extrabold" autofocus>&uarr;</a>
                 <p class="text-center m-0 font-mono italic hidden md:block">curl https://satr14.my.id</p>
             </nav>
@@ -97,7 +97,8 @@
                     {/each}
                 </p>
             </article>
-            <section class="flex flex-wrap gap-4 px-4 pb-4">
+            <!-- hate optimizing images ;-; -->
+            <!-- <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">
@@ -109,7 +110,7 @@
                         </div>
                     </div>
                 {/each}
-            </section>
+            </section> -->
         </main>
     </div>
 </div>
\ No newline at end of file
diff --git a/static/stray.woff2 b/static/stray.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..bbc27842315ecce1b28db96825a2583f6410a8a6
GIT binary patch
literal 3416
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

literal 0
HcmV?d00001