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

optimization and visibility fixes

Browse source
This commit is contained in:
satr14 2025-07-07 11:45:56 +07:00
commit 1a664c97d4
4 changed files with 9 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/app.css
View file

@ -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; }

1
src/hooks.server.ts
View file

@ -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}

11
src/routes/+page.svelte
View file

@ -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>