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

image tweaks and sound triggers
All checks were successful
Deploy to Cloudflare Workers / deploy (push) Successful in 34s
Details

Browse source
This commit is contained in:
Satria 2026-03-19 21:05:40 +07:00
commit 110bd02abb
1 changed files with 8 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/routes/+page.svelte
View file

@ -5,12 +5,8 @@
import type { PageData } from "./$types"; import type { PageData } from "./$types";
import { import {
blur, blur,
crossfade,
draw,
fade, fade,
fly, fly,
scale,
slide
} from 'svelte/transition'; } from 'svelte/transition';
import { import {
cubicOut cubicOut
@ -41,6 +37,12 @@
onMount(() => { onMount(() => {
charAmount = Math.floor(window.innerWidth / 20); charAmount = Math.floor(window.innerWidth / 20);
window.onkeydown = (e) => {
if (e.code === "Space") {
playAudio();
window.onkeydown = null;
}
};
}); });
</script> </script>
@ -145,7 +147,7 @@
<div class="flex justify-center gap-8 sm:gap-6"> <div class="flex justify-center gap-8 sm:gap-6">
{#each Object.entries(data.socials) as [name, url]} {#each Object.entries(data.socials) as [name, url]}
<a href={url} target="_blank"> <a href={url} target="_blank">
<img src="https://cdn.simpleicons.org/{name}/cdd6f4" height="16" width="16" alt={name} /> <img src="https://cdn.simpleicons.org/{name}/cdd6f4" alt={name} class="h-6 sm:h-4 aspect-square" />
</a> </a>
{/each} {/each}
</div> </div>
@ -182,7 +184,7 @@
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-2 py-4"> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-2 py-4">
{#each Object.entries(data.communities) as [name, details]} {#each Object.entries(data.communities) as [name, details]}
<a href={details.url} target="_blank" class="flex items-center gap-3 rounded-lg p-2 hover:bg-ctp-surface0"> <a href={details.url} target="_blank" class="flex items-center gap-3 rounded-lg p-2 hover:bg-ctp-surface0">
<img src={details.icon} alt={name} class="size-9 rounded-lg" /> <img src={details.icon} alt={name} class="size-9 rounded-lg" loading="lazy" />
<div> <div>
<span class="text-sm block leading-tight text-ctp-text font-bold">{name}</span> <span class="text-sm block leading-tight text-ctp-text font-bold">{name}</span>
<span class="text-xs text-ctp-subtext0">{details.role}</span> <span class="text-xs text-ctp-subtext0">{details.role}</span>