Объединил логику изменения заголовка страницы в +layout.svelte

src/lib/components/NavBar.svelte

@@ -12,7 +12,7 @@
 </script>
 
 <nav
-	class="flex flex-row gap-2 bg-slate-100 not-landscape:justify-around not-landscape:px-2 landscape:flex-col landscape:py-2"
+	class="flex shrink-0 flex-row gap-2 bg-slate-100 not-landscape:justify-around not-landscape:overflow-x-auto not-landscape:px-2 landscape:flex-col landscape:overflow-y-auto landscape:py-2"
 >
 	{#each routes as route (route.href)}
 		<a class="nav-button {isActive(route.href) ? 'active' : ''}" href={route.href}>
@@ -36,7 +36,7 @@
 	@import '$src/app.css';
 
 	.nav-button {
-		@apply flex aspect-square flex-col items-center justify-center gap-0.5 p-2 text-slate-950 not-landscape:h-24 hover:bg-emerald-400 landscape:w-24;
+		@apply flex aspect-square shrink-0 flex-col items-center justify-center gap-0.5 p-2 text-slate-950 not-landscape:h-24 hover:bg-emerald-400 landscape:w-24;
 
 		> .contour {
 			@apply rounded-full px-1.5 py-0.5 text-center;

src/lib/util/LinkResolver.ts

@@ -16,7 +16,8 @@ const icons: Record<string, string> = {
     'hl.teasanctuary.ru': '/icons/half-life.svg',
     'git.teasanctuary.ru': 'devicon-plain:git',
     localhost: '/icons/tea-sanctuary-white.svg',
-    email: 'material-symbols:alternate-email'
+    email: 'material-symbols:alternate-email',
+    rss: 'material-symbols:rss-feed'
 };
 
 // Особые случаи, когда одним доменом второго уровня не ограничишься (например, randomtrash.itch.io)
@@ -44,6 +45,8 @@ function getIconFromUrl(url: URL): string | undefined {
     const href = url.href;
     if (href.startsWith('mailto:'))
         return 'email';
+    if (href.endsWith('/rss.xml'))
+        return 'rss';
 
     const hostname = url.hostname;
     const secondLevel = hostname.match(/(([A-Za-z0-9\-])+\.([A-Za-z0-9\-])+)$/)?.at(0) ?? '';

src/routes/+layout.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import '$src/app.css';
+	import { page } from '$app/state';
 	// import '../syntax-highlight.css'; // https://github.com/PrismJS/prism-themes
 	import NavBar from '$lib/components/NavBar.svelte';
 
@@ -13,11 +14,15 @@
 </script>
 
 <svelte:head>
-	<meta property="og:title" content="Tea Sanctuary" />
+	{#if page.data.title !== undefined}
+		<title>{page.data.title} &mdash; Tea Sanctuary</title>
+		<meta property="og:title" content="{page.data.title} — Tea Sanctuary" />
+	{:else}
+		<title>Tea Sanctuary</title>
+		<meta property="og:title" content="Tea Sanctuary" />
+	{/if}
 	<meta property="og:image" content="https://teasanctuary.ru/common/logo.png" />
 	<meta property="og:description" content="Делаем вещи как можем." />
-
-	<title>Tea Sanctuary</title>
 </svelte:head>
 
 <div class="flex h-screen w-screen flex-row portrait:flex-col-reverse">

src/routes/+page.svelte

@@ -140,7 +140,12 @@
 		<section id="how-can-you-contact-us">
 			<h1>Как с вами связаться?</h1>
 			<div class="text-justify">
-				TODO: <SocialHyperlink href="/contact">контакты</SocialHyperlink>.
+				Общие вопросы можно задавать в <SocialHyperlink href={PUBLIC_TS_DISCORD}>сообществе Tea Sanctuary</SocialHyperlink>.
+				Там же можете написать личное сообщение администраторам.
+			</div>
+			<br />
+			<div class="text-justify">
+				Наши соцсети и почту для более важных обращений можно найти на странице <SocialHyperlink href="/contact">Контакты</SocialHyperlink>.
 			</div>
 		</section>
 	</div>

src/routes/+page.ts

@@ -0,0 +1,3 @@
+export async function load() {
+    return { title: undefined };
+}

src/routes/blog/+page.svelte

@@ -2,10 +2,6 @@
 	import SocialButton from '$lib/components/SocialButton.svelte';
 </script>
 
-<svelte:head>
-	<title>Блог &mdash; Tea Sanctuary</title>
-</svelte:head>
-
 <section
 	class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero-background"
 >

src/routes/contact/+page.svelte

@@ -2,10 +2,6 @@
 	import SocialButton from '$lib/components/SocialButton.svelte';
 </script>
 
-<svelte:head>
-	<title>Контакты &mdash; Tea Sanctuary</title>
-</svelte:head>
-
 <section
 	class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero-background"
 >

src/routes/contact/+page.ts

@@ -0,0 +1,3 @@
+export async function load() {
+    return { title: "Контакты" };
+}

src/routes/projects/+page.svelte

@@ -2,10 +2,6 @@
 	import SocialButton from '$lib/components/SocialButton.svelte';
 </script>
 
-<svelte:head>
-	<title>Проекты &mdash; Tea Sanctuary</title>
-</svelte:head>
-
 <section
 	class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero-background"
 >

src/routes/projects/+page.ts

@@ -0,0 +1,3 @@
+export async function load() {
+    return { title: "Проекты" };
+}

src/routes/team/+page.svelte

@@ -2,10 +2,6 @@
 	import SocialButton from '$lib/components/SocialButton.svelte';
 </script>
 
-<svelte:head>
-	<title>Команда &mdash; Tea Sanctuary</title>
-</svelte:head>
-
 <section
 	class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero-background"
 >

src/routes/team/+page.ts

@@ -0,0 +1,3 @@
+export async function load() {
+    return { title: "Команда" };
+}