moved contact, added admin login

frontend/src/layouts/Layout.astro

@@ -116,6 +116,12 @@ const hasContact = (siteConfig.contact_links?.length ?? 0) > 0;
 				</a>
 
 				<div class="flex flex-wrap items-center gap-3 justify-start md:justify-end md:ml-auto">
+					{hasContact && (
+						<a
+							href="/contact"
+							class="font-display italic text-sm text-[var(--subtext1)] hover:text-[var(--mauve)] transition-colors tracking-wide"
+						>Contact</a>
+					)}
 					<Search client:load />
 					{isAdmin && (
 						<div class="flex items-center gap-1 pl-3 ml-1 border-l border-[var(--surface2)]/60">
@@ -157,7 +163,7 @@ const hasContact = (siteConfig.contact_links?.length ?? 0) > 0;
 					/>
 				) : siteConfig.footer}
 			</p>
-			<div class="text-xs text-[var(--subtext0)] tracking-[0.2em] uppercase mb-3 flex items-center justify-center gap-3">
+			<div class="text-xs text-[var(--subtext0)] tracking-[0.2em] uppercase mb-3 flex items-center justify-center gap-3 flex-wrap">
 				<a href="/feed.xml" class="hover:text-[var(--mauve)] transition-colors">RSS Feed</a>
 				{hasContact && (
 					<>
@@ -165,20 +171,15 @@ const hasContact = (siteConfig.contact_links?.length ?? 0) > 0;
 						<a href="/contact" class="hover:text-[var(--mauve)] transition-colors">Contact</a>
 					</>
 				)}
+				{!isAdmin && (
+					<>
+						<span class="text-[var(--overlay0)]" aria-hidden="true">·</span>
+						<a href="/admin/login" class="hover:text-[var(--mauve)] transition-colors">Admin login</a>
+					</>
+				)}
 			</div>
 			<div class="text-[var(--overlay0)] text-xs italic">
-				&copy;
+				&copy; {year} · {siteConfig.title}
-				{isAdmin ? (
-					<span>{year}</span>
-				) : (
-					<a
-						href="/admin/login"
-						aria-label="Sign in"
-						title="Sign in"
-						class="text-inherit no-underline hover:text-[var(--mauve)] transition-colors"
-					>{year}</a>
-				)}
-				· {siteConfig.title}
 			</div>
 		</footer>
 	</body>