peak search, denser catalog, profiles, filename parsing, themed map controls

src/routes/+layout.svelte

@@ -33,8 +33,25 @@
 
 <header class="topbar">
 	<nav class="topbar-inner">
-		<a href="/" class="wordmark">
-			<img src="/logo.png" alt="Streba" height="34" />
+		<a href="/" class="wordmark" aria-label="Streba - home">
+			<svg viewBox="0 0 256 60" width="122" height="29" role="img" aria-label="Streba">
+				<defs>
+					<filter id="logo-wc" x="-15%" y="-30%" width="130%" height="160%">
+						<feGaussianBlur stdDeviation="3.5" />
+					</filter>
+				</defs>
+				<g filter="url(#logo-wc)">
+					<path
+						class="wash-1"
+						d="M18 30 C14 18 40 8 78 10 C120 4 170 7 200 12 C228 10 246 18 246 27 C246 34 236 38 224 40 C180 46 80 46 40 42 C24 40 20 36 18 30 Z"
+					/>
+					<path
+						class="wash-2"
+						d="M30 36 C40 26 90 28 130 27 C180 25 226 27 238 33 C246 39 234 48 210 50 C160 55 70 54 44 48 C30 45 26 42 30 36 Z"
+					/>
+				</g>
+				<text x="128" y="43" text-anchor="middle" class="logo-text">Streba</text>
+			</svg>
 		</a>
 		{#if data.user}
 			<div class="nav-links">
@@ -43,7 +60,7 @@
 				{/each}
 			</div>
 			<form class="user" method="POST" action="/logout">
-				<span class="username">{data.user.username}</span>
+				<a class="username" href="/profile">{data.user.username}</a>
 				<button class="logout" type="submit" title="Sign out">Sign out</button>
 			</form>
 		{:else}
@@ -103,9 +120,24 @@
 		display: inline-flex;
 		align-items: center;
 	}
-	.wordmark img {
+	.wordmark svg {
 		display: block;
 	}
+	.wash-1 {
+		fill: var(--logo-wash-1);
+		opacity: 0.85;
+	}
+	.wash-2 {
+		fill: var(--logo-wash-2);
+		opacity: 0.8;
+	}
+	.logo-text {
+		font-family: 'Inter Variable', system-ui, sans-serif;
+		font-size: 36px;
+		font-weight: 320;
+		letter-spacing: 1.5px;
+		fill: var(--logo-text);
+	}
 	.nav-links {
 		display: flex;
 		gap: 0.25rem;
@@ -165,6 +197,13 @@
 		font-size: 0.85rem;
 		font-weight: 600;
 		color: var(--text-secondary);
+		text-decoration: none;
+		padding: 0.3rem 0.5rem;
+		border-radius: 0.4rem;
+	}
+	.username:hover {
+		background: var(--wash);
+		color: var(--text-primary);
 	}
 	.logout {
 		border: none;