add some sugar to homepage

frontend/src/lib/components/FamDone.svelte

@@ -24,7 +24,7 @@
 		color: inherit;
 	}
 	.fam-done-check {
-		font-size: x-small;
+		font-size: 0.6em;
 		vertical-align: super;
 		position: relative;
 		display: inline-block;

frontend/src/lib/components/Footer.svelte

@@ -7,15 +7,15 @@
 	let { sidebar = false } = $props();
 </script>
 
-<footer class="bg-slate-100 text-[#4c1d95]">
+<footer class="bg-slate-100 text-[#4c1d95] border-t border-[#4338ca]">
 	<div class="footer-inner px-8 py-16" class:sidebar>
-		<div class="flex items-center justify-between gap-2">
+		<div class="footer-row flex items-center justify-between gap-2">
 			<span class="footer-star">✦</span>
 			<span class="footer-copy"
 				>&copy; {new Date().getFullYear()}
 				<span class="footer-text font-bold text-xl"><FamDone /></span> All rights reserved.</span
 			>
-			<aside class="text-text-200 text-wash-300 flex flex-col justify-end text-right text-sm">
+			<aside class="footer-aside text-text-200 text-wash-300 flex flex-col justify-end text-right text-sm">
 				<span>Built by humans</span>
 				<a href="https://threejjjs.xyz">
 					<h5 class="m-0 text-right font-tertiary text-xl md:text-3xl">
@@ -45,18 +45,31 @@
 		line-height: 1;
 		color: #4c1d95;
 		flex-shrink: 0;
+		position: absolute;
+		left: 2rem;
 	}
 	.footer-copy {
 		flex: 1;
 		text-align: center;
 		padding: 0 1rem;
 	}
+	.footer-row {
+		position: relative;
+	}
+	.footer-aside {
+		position: absolute;
+		right: 2rem;
+	}
 	@media (max-width: 639px) {
 		.footer-star {
 			font-size: 1.75rem;
+			left: 1rem;
 		}
 		.footer-copy {
 			padding: 0 0.5rem;
 		}
+		.footer-aside {
+			right: 1rem;
+		}
 	}
 </style>

frontend/src/lib/components/TopNav.svelte

@@ -39,7 +39,7 @@
 	.topnav {
 		position: fixed;
 		top: 0; left: 220px; right: 0;
-		height: 48px;
+		height: 52px;
 		background: #fff;
 		border-bottom: 1px solid #e5e7eb;
 		display: flex;