new fonts, ipv6 checking, bunch of minor styling fixes

eunomia/src/components/navButton.svelte

···
 >
 	<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 [text-decoration-line:inherit]"
+		class="font-monospace text-base/3 overflow-hidden text-ellipsis text-nowrap [text-decoration-line:inherit]"
 	>
 		{name}
 	</div>

eunomia/src/components/window.svelte

···
 	{#if title !== undefined}
 		<div
 			class="
-				window-titlebar p-1 border-ralsei-white border-8
+				window-titlebar p-1 px-2 border-ralsei-white border-8
 				bg-gradient-to-l from-ralsei-pink-neon to-ralsei-black to-75%
 				{!isOnMobile ? 'cursor-move' : ''}
 			"
···
 			<div class="flex bg-opacity-100 pixelate-bg">
 				<h1
 					class="
-						font-monospace text-xl text-ralsei-pink-regular
+						font-monospace text-2xl text-ralsei-pink-regular
 						grow justify-self-start self-center {entry ? 'p-name' : ''}
 					"
 				>

eunomia/src/routes/(site)/+layout.svelte

···
 <script lang="ts">
+	import { page } from '$app/stores';
 	import { browser } from '$app/environment';
 	import getTitle from '$lib/getTitle';
 	import Eye from '$components/eye.svelte';
···
 		{ href: 'about', name: 'about', iconUri: '/icons/about.webp' }
 	];
 
-	let routeComponents = $derived(data.route.split('/'));
+	let routeComponents = $derived($page.url.pathname.split('/'));
 	let isEntryPage = $derived(routeComponents.length > 3 && routeComponents[1] === 'entries');
 	let isResumePage = $derived(routeComponents[1] === 'resume');
 	let isRoute = $derived((_route: string) => {
···
 	<Pet apiToken={data.apiToken} />
 {/if}
 
-<nav class="w-full min-h-[5vh] max-h-[5vh] fixed bottom-0 z-[999] bg-ralsei-black overflow-visible">
+<nav class="w-full fixed bottom-0 z-[999] bg-ralsei-black overflow-visible">
 	<div
 		class="
 			max-w-full max-h-fit p-1 z-[999]
···
 
 <style lang="postcss">
 	.navbox {
-		@apply flex gap-3 px-1.5 text-nowrap align-middle items-center text-center place-content-center border-ralsei-white border-4;
+		@apply flex gap-2 px-1 text-nowrap align-middle items-center text-center place-content-center border-ralsei-white border-4;
 		border-style: groove;
 	}
 </style>

eunomia/src/routes/(site)/+page.svelte

···
 							}
 						}}
 					/>
-					<div class="flex flex-col max-w-[60ch] p-2">
+					<div class="flex flex-col max-w-[60ch] p-2 text-ellipsis overflow-hidden">
 						<p
 							class="text-shadow-green text-ralsei-green-light text-sm text-ellipsis text-nowrap overflow-hidden max-w-[50ch]"
 						>
···
 				/></a
 			>
 			<div
-				class="max-w-[64ch] prose prose-ralsei prose-a:!animate-none prose-img:m-0 leading-snug"
+				class="max-w-[488px] prose prose-ralsei prose-a:!animate-none prose-img:m-0 leading-none"
 			>
 				<div class="flex flex-row flex-wrap gap-3 place-items-start group">
 					{#each buttons as { name, url, image } (image)}
···
 					{/each}
 				</div>
 
-				<span class="text-sm">feel free to send this one stuff to add here ;3</span>
+				<br />feel free to send this one stuff to add here ;3
 			</div>
 		</Window>
 	</div>
···
 					</div>
 				</div>
 				<div class="flex flex-row [padding:8px] bg-ralsei-black/20">
-					<p class="leading-none m-0 text-sm">
-						hi
+					<p class="leading-none m-0">
 						<img
 							class="relative inline h-5 animate-squiggle pb-1"
 							src="/wavey.gif"
 							alt="wavey"
 							title="says hi :33"
 						/>
-						<i
-							>this is <a
-								class="m-0 [padding:0px] p-name u-url u-uid"
-								href={PUBLIC_BASE_URL}
-								><span>{Math.random() > 0.8 ? 'dusk' : 'dawn'}</span></a
-							></i
+						this is
+						<a class="m-0 [padding:0px] p-name u-url u-uid" href={PUBLIC_BASE_URL}
+							><span>{Math.random() > 0.8 ? 'dusk' : 'dawn'}</span></a
 						>
 					</p>
 					<div class="grow"></div>
···
 			>
 				<input
 					type="text"
-					class="entry text-lg p-1 m-0 bg-transparent resize-none text-shadow-white placeholder-shown:[text-shadow:none] border-none"
+					class="entry w-full p-1 m-0 bg-transparent resize-none text-shadow-white placeholder-shown:[text-shadow:none] border-none"
 					name="content"
 					placeholder="bother it now!!"
 					maxlength="100"
···
 		</Window>
 		<Window title="links!" iconUri="/icons/contact.webp">
 			<div
-				class="[width:40ch] prose prose-ralsei prose-ul:px-[0.9rem] prose-ul:mt-2 prose-ul:leading-none prose-headings:leading-none"
+				class="prose prose-ralsei prose-ul:px-[1rem] prose-ul:mt-2 prose-ul:leading-none prose-headings:leading-none"
 			>
 				<ul>
 					<li>discord: 90.008</li>

eunomia/src/routes/(site)/copy/+page.svelte

···
 		}}
 	>
 		<Window style="!max-w-full" title={copied ? 'copied!' : 'click to copy'}>
-			<span class="text-4xl text-wrap break-all">{text}</span>
+			<span class="text-[32px] text-wrap break-all">{text}</span>
 		</Window>
 	</div>
 </div>

eunomia/src/styles/app.css

···
 	}
 
 	@font-face {
-		font-family: 'Fusion Pixel 10px Monospaced zh_hans';
+		font-family: 'Fusion Pixel 8px Monospaced SC';
 		src: url('/fonts/fusion-pixel-sc-monospaced.woff2') format('woff2');
 		font-weight: normal;
 		font-style: normal;
···
 	}
 
 	@font-face {
-		font-family: 'Fusion Pixel 10px Proportional zh_hans';
+		font-family: 'Fusion Pixel 8px Proportional SC';
 		src: url('/fonts/fusion-pixel-sc-proportional.woff2') format('woff2');
 		font-weight: normal;
 		font-style: normal;

eunomia/src/styles/main.css

···
 details {
 	@apply leading-none mt-2;
 	summary {
-		@apply text-shadow-pink text-ralsei-pink-neon hover:underline;
+		@apply select-none text-shadow-pink text-ralsei-pink-neon hover:underline;
 	}
 	summary::marker {
 		content: '(+) ';

eunomia/tailwind.config.js

···
 			}
 		},
 		fontFamily: {
-			'sans-serif': ['"Fusion Pixel 10px Proportional zh_hans", sans-serif'],
-			monospace: ['"Fusion Pixel 10px Monospaced zh_hans", monospace']
+			'sans-serif': ['"Fusion Pixel 8px Proportional SC", sans-serif'],
+			monospace: ['"Fusion Pixel 8px Monospaced SC", monospace']
 		}
 	},
 	plugins: [typography, forms]