feat: minor fixes and stuff

src/components/navButton.svelte

@@ -18,13 +18,13 @@
             flex gap-1 items-center justify-center align-middle text-center h-full
             {highlight
 			? 'text-ralsei-pink-regular app-selected-route'
-			: 'text-ralsei-green-light hover:underline'}
+			: 'text-ralsei-green-light'}
         "
 		title={name}
 		href="/{href}"
 		data-sveltekit-preload-data="hover"
 	>
 		<img class="max-w-4" style="image-rendering: pixelated;" src={iconUri} alt={name} />
-		<div class="font-monospace text-sm/3 overflow-hidden text-ellipsis text-nowrap">{name}</div>
+		<div class="font-monospace text-sm/3 overflow-hidden text-ellipsis text-nowrap {highlight ? '' : 'hover:underline'}">{name}</div>
 	</a>
 </div>

src/routes/+layout.svelte

@@ -158,9 +158,9 @@ import getTitle from '$lib/getTitle';
 			{/each}
 			<div class="hidden md:block grow"/>
 			<div class="flex gap-3 px-1.5 text-nowrap align-middle items-center text-center place-content-center border-ralsei-white border-groove border-4">
-				<a class="hover:underline" href="https://xn--sr8hvo.ws/previous">⮜</a>
+				<a title="previous site" class="hover:underline" href="https://xn--sr8hvo.ws/previous">⮜</a>
 				<a class="hover:underline" href="https://xn--sr8hvo.ws">IndieWeb Webring</a>
-				<a class="hover:underline" href="https://xn--sr8hvo.ws/next">⮞</a>
+				<a title="next site" class="hover:underline" href="https://xn--sr8hvo.ws/next">⮞</a>
 			</div>
 			<a class="align-middle" href="/entries/_rss">
 				<img class="min-w-fit hover:opacity-60" src="/valid-rss.png" alt="rss feed"/>

src/routes/+page.svelte

@@ -4,26 +4,42 @@
 
 <div class="flex flex-col md:flex-row gap-y-4 lg:gap-y-0 md:h-full">
 	<div class="flex flex-col gap-y-2 lg:gap-y-0">
-		<Window title="readme?" iconUri='/icons/question.png'>
+		<Window title="readme?" iconUri="/icons/question.png">
 			<div class="prose prose-ralsei prose-img:m-0 leading-6">
-				<p>hi there <img class="inline h-6 animate-squiggle" src="/wavey.gif" alt="wavey" title="hi :33" /></p>
 				<p>
-					i'm dusk! and this is my personal spot where i plan to put everything that i do on (<i>if i don't forget to...</i>)
+					hi there <img
+						class="relative inline h-6 animate-squiggle pb-1 pr-1"
+						src="/wavey.gif"
+						alt="wavey"
+						title="hi :33"
+					/><i>i'm <span class="text-ralsei-pink-regular text-shadow-none">dusk</span>!</i>
+				</p>
+				<p>
+					and this is my personal spot where i plan to put everything that i do on (<i
+						>if i don't forget to...</i
+					>)
 				</p>
 				<p>not much else to say, hopefully will add more text here one day :></p>
 				<p>website very much in progress still !!!</p>
 			</div>
 		</Window>
-		<div class="grow"/>
+		<div class="grow" />
 		<Window title="latest stuff">
 			<div class="prose prose-ralsei prose-img:m-0 leading-6">
-				<p>worked on a game for a jam!! check it out at <a href="https://manonox.itch.io/fish-well">it's itch.io page</a>!</p>
+				<p>
-				<img src="https://img.itch.zone/aW1hZ2UvMjkxNjQzOC8xNzQ2MDY2Mi5wbmc=/original/%2BIb5Vf.png" alt="fish well gameplay screenshot">
+					worked on a game for a jam!! check it out at <a href="https://manonox.itch.io/fish-well"
+						>it's itch.io page</a
+					>!
+				</p>
+				<img
+					src="https://img.itch.zone/aW1hZ2UvMjkxNjQzOC8xNzQ2MDY2Mi5wbmc=/original/%2BIb5Vf.png"
+					alt="fish well gameplay screenshot"
+				/>
 			</div>
 		</Window>
 	</div>
 	<div class="hidden md:block md:grow" />
-	<Window title="contacts!" iconUri='/icons/contact.png'>
+	<Window title="contacts!" iconUri="/icons/contact.png">
 		<div class="prose prose-ralsei leading-6">
 			<ul>
 				<li>discord: yusdacra</li>
@@ -63,9 +79,11 @@
 </div>
 
 <div class="hidden motion-reduce:md:block absolute max-w-[40ch] bottom-[10vh] right-[8vw]">
-	<Window title=":(" iconUri='/icons/warning.png'>
+	<Window title=":(" iconUri="/icons/warning.png">
 		<div class="prose prose-ralsei leading-6">
-			<p>you have <code>prefers-reduced-motion</code> enabled so i disabled (most of) the animations!</p>
+			<p>
+				you have <code>prefers-reduced-motion</code> enabled so i disabled (most of) the animations!
+			</p>
 			<p class="text-xs italic">they looked nice i think....</p>
 		</div>
 	</Window>

src/styles/app.css

@@ -48,6 +48,10 @@
         text-shadow: 0 0 1px theme(colors.ralsei.black), 0 0 5px theme(colors.red.600);
     }
 
+    .text-shadow-none {
+        text-shadow: none;
+    }
+
     li::marker {
         text-shadow: 0 0 4px theme(colors.ralsei.pink.regular), 0 0 6px #fff9;
     }