trafficlunar/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor: change/add some information

Browse source
This commit is contained in:
trafficlunar 2025-10-09 22:11:41 +01:00
parent d9a5b594f0
commit 2d8692aa70
3 changed files with 8 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/assets/icons/coding/python.svg
View file

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><path fill="currentColor" d="M21.57 9.429c-.354-1.355-1-2.42-2.355-2.42H17.41v2.13c0 1.645-1.42 3.032-2.936 3.032H9.665c-1.322 0-2.355 1.13-2.355 2.452v4.55c0 1.257 1.13 2.032 2.355 2.451c1.485.452 2.936.549 4.775 0c1.194-.355 2.356-1.032 2.356-2.452v-1.807h-4.743v-.58h7.162c1.355 0 1.904-.968 2.355-2.42c.484-1.581.484-3.033 0-4.936m-6.84 9.033c.485 0 .904.42.904.904s-.42.903-.903.903c-.484.032-.904-.42-.904-.903c-.032-.484.387-.904.904-.904m-5.29-6.904h4.775c1.322 0 2.355-1.097 2.355-2.452V4.621c0-1.258-1.097-2.226-2.356-2.452c-1.58-.225-3.323-.225-4.774 0c-2.033.355-2.356 1.097-2.356 2.452v1.807h4.775v.58H5.342c-1.355 0-2.581.872-2.936 2.42c-.452 1.807-.452 2.936 0 4.808c.355 1.42 1.13 2.42 2.549 2.42h1.549v-2.162c-.033-1.581 1.355-2.936 2.936-2.936m-.29-6.356a.923.923 0 0 1-.904-.903c0-.484.42-.904.903-.904s.904.42.904.904s-.42.903-.904.903"/></svg>
Side by side

Before

Width:  |  Height:  |  Size: 947 B

13
src/components/Tools.astro
View file

@ -6,7 +6,6 @@ import GoIcon from "../assets/icons/coding/go.svg";
import RustIcon from "../assets/icons/coding/rust.svg";
import LuaUIcon from "../assets/icons/coding/lua.svg";
import JavaIcon from "../assets/icons/coding/java.svg";
import PythonIcon from "../assets/icons/coding/python.svg";
import SvelteIcon from "../assets/icons/coding/svelte.svg";
import ReactIcon from "../assets/icons/coding/react.svg";
import NextIcon from "../assets/icons/coding/next.svg";
@ -21,7 +20,7 @@ import LinuxIcon from "../assets/icons/coding/linux.svg";
<legend>tools</legend>
<!-- separator -->
<div class="flex items-center gap-4 text-subtext0 text-sm font-medium mb-2">
<div class="flex items-center gap-2 text-overlay2 text-sm font-medium mb-2">
<hr class="w-4 border-surface1" />
<span>editors</span>
<hr class="flex-grow border-surface1" />
@ -39,7 +38,7 @@ import LinuxIcon from "../assets/icons/coding/linux.svg";
</div>
<!-- separator -->
<div class="flex items-center gap-4 text-subtext0 text-sm font-medium my-2">
<div class="flex items-center gap-2 text-overlay2 text-sm font-medium my-2">
<hr class="w-4 border-surface1" />
<span>languages</span>
<hr class="flex-grow border-surface1" />
@ -66,14 +65,10 @@ import LinuxIcon from "../assets/icons/coding/linux.svg";
<JavaIcon class="size-5" />
<span>Java</span>
</div>
<div>
<PythonIcon class="size-5" />
<span>Python</span>
</div>
</div>
<!-- separator -->
<div class="flex items-center gap-4 text-subtext0 text-sm font-medium my-2">
<div class="flex items-center gap-2 text-overlay2 text-sm font-medium my-2">
<hr class="w-4 border-surface1" />
<span>frameworks</span>
<hr class="flex-grow border-surface1" />
@ -103,7 +98,7 @@ import LinuxIcon from "../assets/icons/coding/linux.svg";
</div>
<!-- separator -->
<div class="flex flex-wrap items-center gap-4 text-subtext0 text-sm font-medium my-2">
<div class="flex flex-wrap items-center gap-2 text-overlay2 text-sm font-medium my-2">
<hr class="w-4 border-surface1" />
<span>infrastructure</span>
<hr class="flex-grow border-surface1" />

8
src/pages/index.astro
View file

@ -13,16 +13,16 @@ import LocationIcon from "../assets/icons/location.svg";
<section>
<legend>about</legend>
<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.
Hey! I'm <strong class="text-peach">trafficlunar</strong>. I'm a <Age client:only /> year old self-proclaimed full-stack developer.
</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>
<p class="mt-2">I like coding things, maintaining and setting up servers, playing video games, and listening to music.</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">
<div data-tooltip="Pronouns" class="text-sm rounded bg-peach/25 text-peach w-fit pl-1 pr-2 py-1 flex gap-1 items-center">
<PersonIcon />
he/him
</div>
<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">
<div data-tooltip="Location" class="text-sm rounded bg-peach/25 text-peach w-fit pl-1 pr-2 py-1 flex gap-1 items-center">
<LocationIcon />
Scotland
</div>