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

change link, fix ui

Browse source
This commit is contained in:
SX-9 2024-11-12 19:54:48 +07:00
commit 1b759173b0
2 changed files with 12 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/lib/index.ts
View file

@ -180,7 +180,7 @@ export default {
birthday: [12,6], birthday: [12,6],
timezone: "Asia/Jakarta", timezone: "Asia/Jakarta",
links: { links: {
"Blog website": "https://blog.satr14.my.id/", "NixOS Flake": "https://github.com/SX-9/nix-conf",
"Terminal portfolio": "https://github.com/SX-9/term-port/", "Terminal portfolio": "https://github.com/SX-9/term-port/",
"Project part-of.my.id": "https://part-of.my.id/", "Project part-of.my.id": "https://part-of.my.id/",
"DVD logo bounce": "https://sx-9.github.io/dvd-bounce/", "DVD logo bounce": "https://sx-9.github.io/dvd-bounce/",

23
src/routes/+page.svelte
View file

@ -33,7 +33,7 @@
</p> </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-slate-900 text-sky-100 hover:bg-slate-800 px-2 py-1 rounded-full no-underline">{skill}</a> <a href={'https://google.com/search?q='+skill} target="_blank" class="bg-slate-900 text-sky-100 hover:bg-slate-800 px-2 py-1 rounded-full no-underline text-xs sm:text-sm">{skill}</a>
{/each} {/each}
</p> </p>
<p class="flex flex-wrap gap-1"> <p class="flex flex-wrap gap-1">
@ -44,12 +44,12 @@
</p> </p>
</article> </article>
<section> <section>
<h2 class="text-base italic m-0">Latest blog post</h2> <h2 class="text-sm sm:text-base italic m-0">Latest blog post</h2>
<h1 class="m-0 font-normal"><a class="no-underline" href={data.fetched.blog.url} target="_blank">{data.fetched.blog.title}</a></h1> <h1 class="m-0 font-normal"><a class="no-underline" href={data.fetched.blog.url} target="_blank">{data.fetched.blog.title}</a></h1>
<p class="text-lg m-0">{months[created.getMonth()]} {created.getDate()}, {created.getFullYear()} - {data.fetched.blog.desc}</p> <p class="text-lg m-0">{months[created.getMonth()]} {created.getDate()}, {created.getFullYear()} - {data.fetched.blog.desc}</p>
</section> </section>
<section> <section>
<h2 class="text-base italic m-0 mt-8">GitHub repositories</h2> <h2 class="text-sm sm:text-base italic m-0 mt-8">GitHub repositories</h2>
<div class="flex flex-col gap-4 mt-2"> <div class="flex flex-col gap-4 mt-2">
{#each data.fetched.github as repo, i} {#each data.fetched.github as repo, i}
<div class="flex justify-between items-center "> <div class="flex justify-between items-center ">
@ -66,18 +66,18 @@
</div> </div>
</section> </section>
<section> <section>
<h2 class="text-base italic m-0 mt-8">Discord status</h2> <h2 class="italic font-normal mt-8 text-base sm:text-lg">@<span class="underline">{data.fetched.discord.username}</span> is <span class="data-[status=idle]:text-yellow-200 data-[status=dnd]:text-red-200 data-[status=online]:text-green-200" data-status={data.fetched.discord.status}>{data.fetched.discord.status}</span> on discord</h2>
<div class="flex flex-wrap my-4"> <div class="flex flex-wrap sm:justify-evenly my-4">
{#if data.fetched.discord.spotify.song} {#if data.fetched.discord.spotify.song}
<div class="m-4"> <div class="m-4">
<div class="flex gap-2 items-center"> <div class="flex gap-2 items-center">
<img class="size-12 rounded-md" src={data.fetched.discord.spotify.art} alt="album art"> <img class="size-12 rounded-md" src={data.fetched.discord.spotify.art} alt="album art">
<div> <div class="max-w-64 truncate">
<h3 class="my-0"><a href={data.fetched.discord.spotify.link}>{data.fetched.discord.spotify.song}</a></h3> <h3 class="my-0 inline"><a href={data.fetched.discord.spotify.link}>{data.fetched.discord.spotify.song}</a></h3>
<span class="italic">{data.fetched.discord.spotify.artist}</span> <br><span class="italic">{data.fetched.discord.spotify.artist}</span>
</div> </div>
</div> </div>
<span class="italic text-sm">Listening to Spotify</span> <span class="italic text-sm">Listening to <b>Spotify</b></span>
</div> </div>
{/if} {/if}
{#each data.fetched.discord.activity as activity} {#each data.fetched.discord.activity as activity}
@ -91,7 +91,7 @@
<img class="size-6 rounded-full absolute -bottom-1 -right-1" src={activity.images.small} alt="small"> <img class="size-6 rounded-full absolute -bottom-1 -right-1" src={activity.images.small} alt="small">
{/if} {/if}
</div> </div>
<span class="italic"> <span class="italic text-sm">
Started {timeAgo(activity.started)} Started {timeAgo(activity.started)}
{#if activity.state} {#if activity.state}
<br>{activity.state} <br>{activity.state}
@ -101,11 +101,10 @@
{/if} {/if}
</span> </span>
</div> </div>
<span class="italic text-sm">Playing {activity.name}</span> <span class="italic text-sm">Playing <b>{activity.name}</b></span>
</div> </div>
{/each} {/each}
</div> </div>
<h3 class="italic my-0 font-normal text-xl">@<span class="underline">{data.fetched.discord.username}</span> is <span class="data-[status=idle]:text-yellow-200 data-[status=dnd]:text-red-200 data-[status=online]:text-green-200" data-status={data.fetched.discord.status}>{data.fetched.discord.status}</span> in discord</h3>
</section> </section>
</main> </main>
<footer class=" mt-8"> <footer class=" mt-8">