trafficlunar/website
1
0
Fork 0
mirror of https://github.com/trafficlunar/website.git synced 2026-06-28 06:04:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: computer statistics

Browse source
This commit is contained in:
trafficlunar 2025-07-20 22:53:13 +01:00
parent c5598c6620
commit 03c0bb7b62
7 changed files with 376 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/pages/index.astro
View file

@ -15,7 +15,7 @@ import LocationIcon from "../assets/icons/location.svg";
<p>
Hey there, I'm <strong class="text-peach">trafficlunar</strong>. I'm a <Age client:only /> year old self-proclaimed full-stack developer and sysadmin.
</p>
<p class="my-2">You can view what I'm currently doing by going <a href="/status" class="link">here</a>.</p>
<p class="my-2">You can view what I'm currently listening to and my computer statistics by going <a href="/status" class="link">here</a>.</p>
<div class="flex gap-1 mt-4">
<div class="text-sm rounded bg-peach/25 text-peach w-fit pl-1 pr-1.5 py-0.5 flex gap-1 items-center">

10
src/pages/status.astro
View file

@ -2,19 +2,25 @@
import Layout from "../layouts/Layout.astro";
import Music from "../components/Music.svelte";
import Computer from "../components/Computer.svelte";
---
<Layout>
<section class="!mb-0 !pt-3">
<legend>status</legend>
<div class="flex items-center gap-4 text-subtext0 text-sm font-medium mb-2">
<div class="flex items-center gap-4 text-subtext0 text-sm font-medium mb-4">
<hr class="flex-grow border-surface1" />
<span>last.fm</span>
<hr class="flex-grow border-surface1" />
</div>
<Music client:only />
<p class="text-center mt-4 text-subtext1 text-sm">more coming soon...</p>
<div class="flex items-center gap-4 text-subtext0 text-sm font-medium mt-4">
<hr class="flex-grow border-surface1" />
<span>computer</span>
<hr class="flex-grow border-surface1" />
</div>
<Computer client:only />
</section>
</Layout>