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

website tweaks

Browse source
This commit is contained in:
satr14 2025-07-06 20:49:05 +07:00
commit b173da2219
1 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/routes/+page.svelte
View file

@ -59,12 +59,12 @@
<div class="h-[calc(100%-8rem)] sm:h-[calc(100%-6rem)]"></div> <div class="h-[calc(100%-8rem)] sm:h-[calc(100%-6rem)]"></div>
<div class="backdrop-blur-md w-[calc(100%-2rem)] ml-4 pt-4 border-t-2 border-x-2 border-ctp-base 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,
}}> }}>
<div class="max-w-3xl mx-auto px-4 pt-2 sm:pt-4"> <div class="max-w-3xl mx-auto px-4 pt-2 sm:pt-4">
<header class="overflow-hidden"> <header>
<nav class="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">
<a href={'https://github.com/'+data.github} target="_blank">github</a> <a href={'https://github.com/'+data.github} target="_blank">github</a>
<a href={'https://discordapp.com/users/'+data.discord} target="_blank">discord</a> <a href={'https://discordapp.com/users/'+data.discord} target="_blank">discord</a>
@ -74,7 +74,7 @@
</div> </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> <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 sm:block">curl https://satr14.my.id</p> <p class="text-center m-0 font-mono italic hidden md:block">curl https://satr14.my.id</p>
</nav> </nav>
</header> </header>
@ -87,7 +87,7 @@
</i></p> </i></p>
<p class="flex flex-wrap gap-2 text-sm"> <p class="flex flex-wrap gap-2 text-sm">
{#each data.skills as skill} {#each data.skills as skill}
<a href={'https://google.com/search?q='+skill} target="_blank" class="bg-ctp-surface0 text-ctp-text hover:bg-ctp-base px-2 py-1 rounded-full no-underline text-xs sm:text-sm">{skill}</a> <span class="bg-ctp-surface0 text-ctp-text px-2 py-1 rounded-full no-underline text-xs sm:text-sm">{skill}</span>
{/each} {/each}
</p> </p>
<p class="flex flex-wrap gap-1"> <p class="flex flex-wrap gap-1">