Начальный коммит

2025-02-28 05:02:25 +03:00 · 2025-02-28 05:02:25 +03:00 · 203b2d8403
commit 203b2d8403
42 changed files with 5183 additions and 0 deletions
--- a/.eslintrc.js
+++ b/.eslintrc.js
@ -0,0 +1,41 @@
+module.exports = {
+	root: true,
+	extends: [
+		'eslint:recommended',
+		'plugin:@typescript-eslint/recommended',
+		'plugin:svelte/recommended',
+		'prettier'
+	],
+	parser: '@typescript-eslint/parser',
+	plugins: ['@typescript-eslint'],
+	parserOptions: {
+		sourceType: 'module',
+		ecmaVersion: 2020,
+		extraFileExtensions: ['.svelte']
+	},
+	env: {
+		browser: true,
+		es2017: true,
+		node: true
+	},
+	rules: {
+		'no-unused-vars': 'off',
+		'@typescript-eslint/no-unused-vars': [
+			'warn',
+			{
+				argsIgnorePattern: '^_',
+				varsIgnorePattern: '^_',
+				caughtErrorsIgnorePattern: '^_'
+			}
+		]
+	},
+	overrides: [
+		{
+			files: ['*.svelte'],
+			parser: 'svelte-eslint-parser',
+			parserOptions: {
+				parser: '@typescript-eslint/parser'
+			}
+		}
+	]
+};
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,11 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*
+.idea/
--- a/.npmrc
+++ b/.npmrc
@ -0,0 +1 @@
+engine-strict=true
--- a/.prettierrc
+++ b/.prettierrc
@ -0,0 +1,8 @@
+{
+	"useTabs": true,
+	"singleQuote": true,
+	"trailingComma": "none",
+	"printWidth": 100,
+	"plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"],
+	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
+}
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@ -0,0 +1,7 @@
+{
+    "recommendations": [
+        "svelte.svelte-vscode",
+        "dbaeumer.vscode-eslint",
+        "bradlc.vscode-tailwindcss"
+    ]
+}
--- a/README.md
+++ b/README.md
@ -0,0 +1,22 @@
+# Сайт Tea Sanctuary
+
+Создан с использованием фреймворка [SvelteKit](https://kit.svelte.dev/). Основан на исходном коде [сайта Small Fish](https://github.com/Small-Fish-Dev/small-fish-dev.github.io).
+
+## Запуск
+
+1. Скачайте и установите последнюю версию [Node.js](https://nodejs.org/en/) (для Linux и macOS рекомендуем использовать [менеджер версий nvm](https://github.com/nvm-sh/nvm))
+2. Откройте проект в предпочтительной среде разработки (рекомендуем [VS Code](https://code.visualstudio.com/), но можно и [JetBrains WebStorm](https://www.jetbrains.com/webstorm/))
+3. В терминале выполните следующие команды:
+
+```
+npm install
+npm run dev
+```
+
+## Добавление блогов
+
+Блоги пишутся в формате Markdown, где один блог - один файл с названием вида `имя-блога.md`. Примеры можно увидеть в [папке `src/blogs`](./src/blogs/). RSS сгенерируется автоматически.
+
+## Разработка
+
+Для Visual Studio Code достаточно плагина [Svelte](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode) и [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint). Оба помечены как рекомендуемые для данного проекта и могут быть установлены в один клик.
--- a/mdsvex.config.js
+++ b/mdsvex.config.js
@ -0,0 +1,3 @@
+export default {
+	extensions: ['.md']
+};
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -0,0 +1,43 @@
+{
+	"name": "teasanctuary-ru",
+	"version": "0.0.1",
+	"private": true,
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build",
+		"preview": "vite preview",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"
+	},
+	"devDependencies": {
+		"@iconify/svelte": "^4.2.0",
+		"@react2svelte/swipeable": "^0.1.4",
+		"@svelte-put/dragscroll": "^4.0.0",
+		"@sveltejs/adapter-auto": "^4.0.0",
+		"@sveltejs/adapter-static": "^3.0.8",
+		"@sveltejs/kit": "^2.17.3",
+		"@tailwindcss/typography": "^0.5.16",
+		"@tailwindcss/vite": "^4.0.9",
+		"@types/node": "^22.13.5",
+		"autoprefixer": "^10.4.20",
+		"eslint": "^9.21.0",
+		"eslint-config-prettier": "^10.0.1",
+		"eslint-plugin-svelte": "^3.0.0",
+		"mdsvex": "^0.12.3",
+		"mdsvex-relative-images": "^1.0.3",
+		"postcss": "^8.5.3",
+		"prettier": "^3.5.2",
+		"prettier-plugin-svelte": "^3.3.3",
+		"prettier-plugin-tailwindcss": "^0.6.11",
+		"svelte": "^5.20.4",
+		"svelte-check": "^4.1.4",
+		"svelte-disable-preload": "^0.0.3",
+		"svelte-resize-observer-action": "^0.0.4",
+		"sveltekit-autoimport": "^1.8.1",
+		"tailwindcss": "^4.0.9",
+		"tslib": "^2.8.1",
+		"typescript": "^5.7.3",
+		"vite": "^6.2.0"
+	},
+	"type": "module"
+}
--- a/postcss.config.js
+++ b/postcss.config.js
@ -0,0 +1,5 @@
+export default {
+  plugins: {
+    autoprefixer: {},
+  },
+}
--- a/src/app.css
+++ b/src/app.css
@ -0,0 +1,29 @@
+@import "tailwindcss";
+@plugin "@tailwindcss/typography";
+@config "../tailwind.config.ts";
+
+@font-face {
+	font-family: 'Lineyka';
+	font-style: normal;
+	font-weight: normal;
+	src: url('/fonts/lineyka.otf');
+}
+
+@font-face {
+	font-family: 'Disket Mono';
+	font-style: normal;
+	font-weight: normal;
+	src: url('/fonts/Disket-Mono-Regular.ttf');
+}
+
+@font-face {
+	font-family: 'Disket Mono';
+	font-style: normal;
+	font-weight: bold;
+	src: url('/fonts/Disket-Mono-Bold.ttf');
+}
+
+.no-x-scroll {
+	max-width: 100%;
+	overflow-x: hidden;
+}
--- a/src/app.d.ts
+++ b/src/app.d.ts
@ -0,0 +1,36 @@
+import type { Member } from '$lib/types/Member';
+
+declare global {
+	namespace App {
+		// interface Error {}
+		// interface Locals {}
+		// interface PageData {}
+		// interface Platform {}
+
+		interface Route {
+			label: string;
+			icon: string;
+			href: string;
+		}
+
+		interface MdsvexFile {
+			default: import('svelte/internal').SvelteComponent;
+			metadata: Record<string, string>;
+		}
+
+		type MdsvexResolver = () => Promise<MdsvexFile>;
+
+		interface BlogPost {
+			slug: string;
+			title: string;
+			thumbnail: string;
+			date: string;
+			description: string;
+			publisher: string;
+			published?: boolean;
+			member?: Member;
+		}
+	}
+}
+
+export {};
--- a/src/app.html
+++ b/src/app.html
@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="ru">
+	<head>
+		<meta charset="utf-8" />
+
+		<meta property="og:type" content="website" />
+		<meta property="og:url" content="https://teasanctuary.ru" />
+		<meta name="theme-color" content="#63A002" />
+
+		<link rel="icon" type="image/png" sizes="32x32" href="%sveltekit.assets%/favicon-32x32.png">
+		<link rel="icon" type="image/png" sizes="16x16" href="%sveltekit.assets%/favicon-16x16.png">
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		%sveltekit.head%
+	</head>
+	<body data-sveltekit-preload-data="hover">
+		<div style="display: contents">%sveltekit.body%</div>
+	</body>
+</html>
--- a/src/lib/components/HoverIcon.svelte
+++ b/src/lib/components/HoverIcon.svelte
@ -0,0 +1,27 @@
+<script lang="ts">
+	import Icon from '@iconify/svelte';
+
+	let className: string = '';
+	export { className as class };
+	export let src: string | null = null;
+	export let text: string;
+	export let size: number = 32;
+
+	let isUrl;
+	$: isUrl = src?.startsWith('/') || src?.startsWith('http');
+</script>
+
+<div class="{className} fill-slate-50 text-sm uppercase transition-all">
+	{#if src}
+		{#if isUrl}
+			<img {src} alt={text} width={size} height={size} />
+		{:else}
+			<Icon width={size} height={size} icon={src} color="#f8fafc" />
+		{/if}
+	{:else}
+		{text}
+	{/if}
+</div>
+
+<style>
+</style>
--- a/src/lib/components/SocialButton.svelte
+++ b/src/lib/components/SocialButton.svelte
@ -0,0 +1,73 @@
+<script lang="ts">
+	import HoverIcon from './HoverIcon.svelte';
+
+	export let href: string;
+	let className: string = '';
+	export { className as class };
+	export let customIcon: string | null = null;
+
+	let url: URL;
+	let host: string;
+
+	const icons: Record<string, string> = {
+		none: 'material-symbols:link',
+		'steamcommunity.com': 'simple-icons:steam',
+		'twitter.com': 'simple-icons:x',
+		'x.com': 'simple-icons:x',
+		'github.com': 'simple-icons:github',
+		'youtube.com': 'simple-icons:youtube',
+		'itch.io': 'simple-icons:itchdotio',
+		'discord.gg': 'simple-icons:discord',
+		'gamebanana.com': 'simple-icons:gamebanana',
+		// https://хамяк.рф
+		'xn--80auf8a2c.xn--p1ai': 'fluent-emoji-high-contrast:hamster',
+		'teasanctuary.ru': '/icons/tea-sanctuary.svg',
+		'hl.teasanctuary.ru': '/icons/half-life.svg',
+		localhost: '/icons/tea-sanctuary.svg',
+		email: 'material-symbols:alternate-email'
+	};
+
+	function getHost(url: URL) {
+		const isEmail = url.href.startsWith('mailto:');
+		const hostname = isEmail ? 'email' : url.hostname;
+		// const split = hostname.split('.');
+		// const name = split[Math.max(split.length - 2, 0)];
+		// if (split.length > 1) return `${name}.${split[split.length - 1]}`;
+
+		// return name;
+		return hostname;
+	}
+
+	function tryGetIcon(link: string) {
+		try {
+			url = new URL(link);
+			host = getHost(url).replace(/\.com$/, '');
+		} catch {
+			return icons['none'];
+		}
+
+		let domain = getHost(url).toLocaleLowerCase();
+		let key = Object.keys(icons).find((key) => key == domain);
+		if (key == null) return icons['none'];
+
+		return icons[key];
+	}
+</script>
+
+<a
+	{href}
+	class="{className} drop-shadow-2xl flex flex-row transition-all hover:scale-110"
+	target="_blank"
+>
+	<div class="shrink-0 rounded-l-xl bg-slate-800 p-2">
+		<HoverIcon src={customIcon ?? tryGetIcon(href)} class="text-sm uppercase" text={host} />
+	</div>
+	<div
+		class="flex shrink-0 grow flex-nowrap items-center justify-center rounded-r-xl bg-slate-100 p-2 text-2xl text-nowrap text-slate-950"
+	>
+		<slot />
+	</div>
+</a>
+
+<style>
+</style>
--- a/src/lib/components/SocialHyperlink.svelte
+++ b/src/lib/components/SocialHyperlink.svelte
@ -0,0 +1,70 @@
+<script lang="ts">
+	import HoverIcon from './HoverIcon.svelte';
+
+	export let href: string;
+	let className: string = '';
+	export { className as class };
+	export let customIcon: string | null = null;
+
+	let url: URL;
+	let host: string;
+
+	const icons: Record<string, string> = {
+		none: 'material-symbols:link',
+		'steamcommunity.com': 'simple-icons:steam',
+		'twitter.com': 'simple-icons:x',
+		'x.com': 'simple-icons:x',
+		'github.com': 'simple-icons:github',
+		'youtube.com': 'simple-icons:youtube',
+		'itch.io': 'simple-icons:itchdotio',
+		'discord.gg': 'simple-icons:discord',
+		'gamebanana.com': 'simple-icons:gamebanana',
+		// https://хамяк.рф
+		'xn--80auf8a2c.xn--p1ai': 'fluent-emoji-high-contrast:hamster',
+		'teasanctuary.ru': '/icons/tea-sanctuary.svg',
+		'hl.teasanctuary.ru': '/icons/half-life.svg',
+		localhost: '/icons/tea-sanctuary.svg',
+		email: 'material-symbols:alternate-email'
+	};
+
+	function getHost(url: URL) {
+		const isEmail = url.href.startsWith('mailto:');
+		const hostname = isEmail ? 'email' : url.hostname;
+		// const split = hostname.split('.');
+		// const name = split[Math.max(split.length - 2, 0)];
+		// if (split.length > 1) return `${name}.${split[split.length - 1]}`;
+
+		// return name;
+		return hostname;
+	}
+
+	function tryGetIcon(link: string) {
+		try {
+			url = new URL(link);
+			host = getHost(url).replace(/\.com$/, '');
+		} catch {
+			return icons['none'];
+		}
+
+		let domain = getHost(url).toLocaleLowerCase();
+		let key = Object.keys(icons).find((key) => key == domain);
+		if (key == null) return icons['none'];
+
+		return icons[key];
+	}
+</script>
+
+<a {href} class="{className} inline-block ml-1 mr-1 group" target="_blank">
+	<span class="inline-block size-8 shrink-0 rounded-xl bg-emerald-800 p-1 align-bottom transition-all group-hover:scale-110">
+		<HoverIcon
+			src={customIcon ?? tryGetIcon(href)}
+			text={host}
+			size={24}
+		/>
+	</span>
+	<span class="items-center justify-center rounded-r-xl text-emerald-900 underline">
+		<slot />
+	</span>
+</a>
+
+<style></style>
--- a/src/routes/+error.svelte
+++ b/src/routes/+error.svelte
@ -0,0 +1,24 @@
+<script lang="ts">
+	import { page } from '$app/state';
+</script>
+
+<section
+	class="bg-[url('/common/background-day.webp')] dark:bg-[url('/common/background-night.webp')] bg-fixed bg-cover sticky flex h-screen shrink-0 flex-col items-center justify-center gap-12 overflow-hidden p-4"
+>
+	<div class="flex flex-nowrap flex-col gap-5">
+		<div class="flex flex-nowrap flex-col gap-3 items-center justify-center lg:flex-row lg:flex-nowrap">
+			<div class="shrink-0 size-48 relative bg-slate-50 rounded-2xl shadow-[inset_0px_0px_0px_2px] shadow-slate-200">
+				<img src="/common/dotted-line.svg" class="absolute left-0 right-0 top-0 bottom-0" alt="Пунктирная линия"/>
+				<!-- В документации Tailwind советуют использовать "Inline SVG" -->
+				<svg width="196" height="196" class="absolute left-0 right-0 top-0 bottom-0 stroke-slate-950" fill="none"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="6" d="M48.996 95.53c-18.624 5.826-30.621 14.965-30.621 25.239 0 17.599 35.19 31.866 78.604 31.866s78.604-14.267 78.604-31.866c0-10.274-11.997-19.413-30.617-25.24"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="6" d="M18.375 121.626c0 17.599 19.118 40.364 78.604 40.364 59.486 0 78.604-23.622 78.604-41.221"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="6" d="M37.493 53.042c0 24.97 16.66 73.762 59.486 73.762 42.826 0 59.482-48.792 59.482-73.757"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="6" d="M96.98 72.083c32.85 0 59.481-8.523 59.481-19.036 0-10.514-26.631-19.037-59.482-19.037-32.85 0-59.482 8.523-59.482 19.037 0 7.175 12.403 13.423 30.722 16.667 2.118.375 1.516 4.375 4.613 20.787 9.272-8.774 6.42-19.261 8.735-19.063 4.915.42 10.082.645 15.412.645z" style="stroke-linecap:round;stroke-linejoin:miter"/><path d="M148.79 90.518c21.944 2.71 28.835-9.795 28.835-20.354 0-2.77-.279-5.264-.858-7.436" style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:none;fill-opacity:1;stroke:#020618;stroke-width:6;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000;stop-opacity:1"/><path d="M137.677 66.047c-4.989-3.6-21.321-6.238-40.698-6.238s-35.71 2.639-40.701 6.24" style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:none;fill-opacity:1;stroke:#020618;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000;stop-opacity:1"/></svg>
+			</div>
+
+			<div class="font-disket font-bold text-slate-50 text-6xl [text-shadow:_0_0_15px_rgba(0,0,0,0.25)] text-center md:text-8xl lg:text-left">
+				<h1 class="text-rose-200 [text-shadow:_0_0_15px_oklch(0.271_0.105_12.094_/_0.25)]">
+					{page.status}
+				</h1>
+				<h1>SANCTUARY</h1>
+			</div>
+		</div>
+	</div>
+</section>
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@ -0,0 +1,94 @@
+<script lang="ts">
+	import '../app.css';
+	// import '../syntax-highlight.css'; // https://github.com/PrismJS/prism-themes
+	import { page } from '$app/state';
+	import { slide } from 'svelte/transition';
+	import { navigating } from '$app/state';
+	// import NavButton from '$lib/components/Nav-Button.svelte';
+	import Icon from '@iconify/svelte';
+
+	const routes: App.Route[] = [
+		{ label: 'команда', icon: 'material-symbols:person', href: '/team' },
+		{ label: 'новости', icon: 'material-symbols:newspaper', href: '/blog' },
+		{ label: 'проекты', icon: 'material-symbols:work', href: '/projects' }
+	];
+
+	let isMenuOpen = false;
+	$: if (navigating) isMenuOpen = false;
+</script>
+<!-- 
+<nav class="sticky top-0 z-50 mx-auto flex w-full flex-col bg-blue drop-shadow-md">
+	<div class="container mx-auto flex h-16 flex-row items-center justify-between px-2">
+		<a
+			href="/"
+			class="group pointer-events-auto flex items-center py-2 font-lineyka text-xl font-bold text-white transition-all hover:scale-105 active:scale-95"
+		>
+			<img src="/common/logo-square.png" alt="square logo" class="h-14 pr-2" />
+			<p>Tea Sanctuary</p>
+		</a>
+		<div class="hidden h-full flex-row items-center gap-2 md:flex">
+			{#key page.url.pathname}
+				{#each routes as route}
+					<div class="h-full">
+						<NavButton
+							href={route.href}
+							icon={route.icon}
+							label={route.label}
+							disabled={page.url.pathname == route.href}
+						/>
+					</div>
+				{/each}
+			{/key}
+		</div>
+		<button
+			class="pointer-events-auto scale-100 text-white transition-all md:hidden"
+			on:click={() => {
+				isMenuOpen = !isMenuOpen;
+			}}
+		>
+			{#if !isMenuOpen}
+				<div in:slide={{ axis: 'x', duration: 100 }}>
+					<Icon icon="material-symbols:menu" class="text-4xl" />
+				</div>
+			{:else}
+				<div in:slide={{ axis: 'x', duration: 100 }}>
+					<Icon icon="material-symbols:close" class="text-4xl" />
+				</div>
+			{/if}
+		</button>
+	</div>
+	{#if isMenuOpen}
+		<div
+			class="container mx-auto flex flex-col gap-2 p-4 pt-2 font-lineyka text-xl font-medium text-white md:hidden"
+			transition:slide={{ duration: 300 }}
+		>
+			{#each routes as route} -->
+				<!-- svelte-ignore a11y-click-events-have-key-events -->
+				<!-- svelte-ignore a11y-no-static-element-interactions -->
+				<!-- <a
+					href={route.href}
+					class="flex origin-left {page.url.pathname == route.href
+						? 'opacity-75'
+						: ''} items-center transition-all active:scale-95"
+				>
+					<Icon icon={route.icon} class="mr-2" />
+					<p>{route.label}</p>
+				</a>
+			{/each}
+		</div>
+	{/if}
+</nav> -->
+
+<div class="relative flex flex-col">
+	<slot />
+</div>
+
+<footer class="bg-emerald-950">
+	<div
+		class="mx-auto w-full max-w-screen-xl justify-center px-2 py-6 text-center text-emerald-50 md:flex"
+	>
+		<p>
+			<span class="font-bold">&copy; 2025 Tea Sanctuary</span>
+		</p>
+	</div>
+</footer>
--- a/src/routes/+layout.ts
+++ b/src/routes/+layout.ts
@ -0,0 +1 @@
+export const prerender = true;
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@ -0,0 +1,181 @@
+<script lang="ts">
+	import { onMount } from 'svelte';
+	import SocialButton from '$lib/components/SocialButton.svelte';
+	// import { BlogAsNews, NewsAsNews, type NewsEntry } from '$lib/types/News';
+	// import NewsCard from '$lib/components/NewsCard.svelte';
+	import { PUBLIC_TS_DISCORD } from '$env/static/public';
+	import SocialHyperlink from '$lib/components/SocialHyperlink.svelte';
+
+	// let posts: NewsEntry[] = [];
+	// onMount(() => {
+	// FetchNewsAsync()
+	// 	.then((res) => {
+	// 		// Fetch news posts.
+	// 		if (res == null) {
+	// 			console.log('Failed to fetch sbox.game news posts');
+	// 			return;
+	// 		}
+	// 		posts = res.map((n) => NewsAsNews(n));
+	// 	})
+	// 	.then(async () => {
+	// 		// Get blog posts.
+	// 		const response = await fetch(`/api/posts`);
+	// 		const blogPosts: App.BlogPost[] = (await response.json()).filter(
+	// 			(post: App.BlogPost) => post.published ?? true
+	// 		);
+	// 		const blogs = blogPosts.map((b) => BlogAsNews(b));
+	// 		posts = [...posts, ...blogs];
+	// 		posts = posts.slice(0, 3);
+	// 		posts = posts.sort((a, b) => (b.date as any) - (a.date as any));
+	// 	});
+	// });
+</script>
+
+<svelte:head>
+	<meta property="og:title" content="Tea Sanctuary" />
+	<meta property="og:image" content="https://teasanctuary.ru/common/logo.png" />
+	<meta property="og:description" content="Делаем вещи как можем." />
+
+	<title>Tea Sanctuary</title>
+</svelte:head>
+
+<section
+	class="sticky flex h-screen shrink-0 flex-col items-center justify-center gap-5 overflow-hidden bg-[url('/common/background-day.webp')] bg-cover bg-fixed p-4 dark:bg-[url('/common/background-night.webp')]"
+>
+	<div class="basis-full"></div>
+	<div
+		class="flex flex-col flex-nowrap items-center justify-center gap-3 lg:flex-row lg:flex-nowrap"
+	>
+		<div
+			class="relative size-48 shrink-0 rounded-2xl bg-slate-50 shadow-[inset_0px_0px_0px_2px] shadow-slate-200"
+		>
+			<img
+				src="/common/dotted-line.svg"
+				class="absolute top-0 right-0 bottom-0 left-0"
+				alt="Пунктирная линия"
+			/>
+			<!-- В документации Tailwind советуют использовать "Inline SVG" -->
+			<svg
+				width="196"
+				height="196"
+				class="absolute top-0 right-0 bottom-0 left-0 stroke-slate-950"
+				fill="none"
+				><path
+					stroke-linecap="round"
+					stroke-linejoin="round"
+					stroke-width="6"
+					d="M48.996 95.53c-18.624 5.826-30.621 14.965-30.621 25.239 0 17.599 35.19 31.866 78.604 31.866s78.604-14.267 78.604-31.866c0-10.274-11.997-19.413-30.617-25.24"
+				/><path
+					stroke-linecap="round"
+					stroke-linejoin="round"
+					stroke-width="6"
+					d="M18.375 121.626c0 17.599 19.118 40.364 78.604 40.364 59.486 0 78.604-23.622 78.604-41.221"
+				/><path
+					stroke-linecap="round"
+					stroke-linejoin="round"
+					stroke-width="6"
+					d="M37.493 53.042c0 24.97 16.66 73.762 59.486 73.762 42.826 0 59.482-48.792 59.482-73.757"
+				/><path
+					stroke-linecap="round"
+					stroke-linejoin="round"
+					stroke-width="6"
+					d="M96.98 72.083c32.85 0 59.481-8.523 59.481-19.036 0-10.514-26.631-19.037-59.482-19.037-32.85 0-59.482 8.523-59.482 19.037 0 10.513 26.631 19.036 59.482 19.036Z"
+				/><path
+					stroke-linecap="round"
+					stroke-linejoin="round"
+					stroke-width="6"
+					d="M153.746 58.743c-6.958-7.938-29.739-13.757-56.767-13.757-27.027 0-49.808 5.819-56.77 13.76M147.6 90.349c24.664 4.41 30.025-9.625 30.025-20.184 0-10.56-4.051-17.117-13.377-17.117a10.125 10.125 0 0 0-7.913 3.854"
+				/></svg
+			>
+		</div>
+
+		<div
+			class="font-disket text-center text-6xl font-bold text-slate-50 [text-shadow:_0_0_15px_rgba(0,0,0,0.25)] md:text-8xl lg:text-left"
+		>
+			<h1>TEA</h1>
+			<h1>SANCTUARY</h1>
+		</div>
+	</div>
+	<div class="flex basis-full flex-col items-center justify-start gap-4">
+		<div class="flex flex-row gap-2 rounded-2xl bg-amber-950 p-2 text-center text-amber-50 ring-2 shadow">
+			Сайт находится в разработке. Если эта плашка висит после 1.06.2025 - пинайте Ивана!
+		</div>
+		<div class="flex flex-row flex-wrap items-start justify-center gap-4">
+			<SocialButton class="w-60 shrink-0" href={PUBLIC_TS_DISCORD}>Сообщество</SocialButton>
+			<SocialButton class="w-60 shrink-0" href="https://github.com/TeaSanctuary/">
+				GitHub
+			</SocialButton>
+			<SocialButton
+				class="w-60 shrink-0"
+				href="https://teasanctuary.ru/git"
+				customIcon="devicon-plain:git"
+			>
+				Наш Git
+			</SocialButton>
+			<SocialButton class="w-60 shrink-0" href="https://hl.teasanctuary.ru">
+				Сервер HLDM
+			</SocialButton>
+		</div>
+		<SocialButton class="w-60 opacity-0 hover:opacity-100" href="https://хамяк.рф">
+			хамяк)
+		</SocialButton>
+	</div>
+</section>
+<section class="flex justify-center bg-slate-50 text-slate-950">
+	<!-- {#if posts}
+		<div class="mb-20 flex justify-center px-2 pt-8 text-center">
+			<p class="text-sm font-bold text-white text-shadow sm:text-2xl md:w-1/2">
+				Latest Small Fish fishy news!
+			</p>
+		</div>
+
+		<div
+			class="mb-20 flex w-full flex-row flex-wrap items-center justify-center gap-10 px-5 md:px-20"
+		>
+			{#each posts as post, i}
+				<NewsCard {post} class="w-[30rem]" />
+			{/each}
+		</div>
+	{/if} -->
+	<div
+		class="flex w-5xl max-w-screen flex-col flex-nowrap gap-12 p-2 px-2 pt-12 pb-12 text-base sm:text-xl"
+	>
+		<section id="who-are-we">
+			<h1 class="font-disket mb-4 text-5xl font-bold sm:text-8xl">Кто мы?</h1>
+			<div class="text-justify">
+				<b>Tea Sanctuary</b> &mdash; это в первую очередь коллектив друзей, разрабатывающих проекты
+				для души, для всеобщего пользования и даже на заказ. С <b>8 июля 2018 года</b> мы ведём публичную
+				деятельность в сфере разработки ПО и развлечений.
+			</div>
+			<br />
+			<div class="text-justify">
+				<b>Tea Sanctuary</b> &mdash; это также и сообщество единомышленников. Любовь к добротным видеоиграм
+				и пассивная агрессия к вычислительной технике у нас в крови. Когда-то сообщество было закрытым
+				и насчитывало около 50 участников, но впоследствии мы решили его расширить. Станьте частью коллектива!
+			</div>
+		</section>
+		<section id="what-are-we-doing">
+			<h1 class="font-disket mb-4 text-5xl font-bold sm:text-8xl">Что делаем?</h1>
+			<div class="text-justify">
+				Наша главная страсть &mdash; это, конечно, видеоигры. Мы часто участвуем в так называемых
+				"гейм джемах" &mdash; конкурсах на разработку игр. Наши игры вы можете оценить здесь:
+				<SocialHyperlink customIcon="simple-icons:itchdotio" href="https://randomtrash.itch.io">Наш Itch.IO</SocialHyperlink>. Также мы
+				ведём работу над нашим первым полноценным игровым проектом. Следите за новостями в нашем
+				<SocialHyperlink href={PUBLIC_TS_DISCORD}>сообществе</SocialHyperlink>!
+			</div>
+			<br />
+			<div class="text-justify">
+				Отдельные участники нашего коллектива занимаются модификацией существующих игр, добавляя в
+				них новый контент. Например, <b>MegaZerg</b> создаёт оригинальные карты для такой
+				бессмертной классики, как Counter-Strike 1.6, и выкладывает их на ресурс GameBanana:
+				<SocialHyperlink href="https://gamebanana.com/members/2971042">kemist</SocialHyperlink>
+			</div>
+			<br />
+			<div class="text-justify">
+				Не одними играми едины, за нашими плечами есть несколько прикладных программ, созданных под
+				заказ. Про них ничего особо рассказать не можем, но если вам надо что-нибудь сделать &mdash;
+				пишите нам!
+			</div>
+		</section>
+	</div>
+</section>
--- a/src/routes/discord/+page.server.ts
+++ b/src/routes/discord/+page.server.ts
@ -0,0 +1,6 @@
+import { redirect } from '@sveltejs/kit';
+import { PUBLIC_TS_DISCORD } from '$env/static/public';
+
+export function load() {
+	throw redirect(302, PUBLIC_TS_DISCORD);
+}
--- a/src/routes/discord/+page.svelte
+++ b/src/routes/discord/+page.svelte
--- a/src/syntax-highlight.css
+++ b/src/syntax-highlight.css
@ -0,0 +1,142 @@
+/**
+ * atom-dark theme for `prism.js`
+ * Based on Atom's `atom-dark` theme: https://github.com/atom/atom-dark-syntax
+ * @author Joe Gibson (@gibsjose)
+ */
+
+code[class*='language-'],
+pre[class*='language-'] {
+	color: #c5c8c6;
+	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
+	font-family: Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace;
+	direction: ltr;
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	line-height: 1.5;
+
+	-moz-tab-size: 4;
+	-o-tab-size: 4;
+	tab-size: 4;
+
+	-webkit-hyphens: none;
+	-moz-hyphens: none;
+	-ms-hyphens: none;
+	hyphens: none;
+}
+
+/* Code blocks */
+pre[class*='language-'] {
+	padding: 1em;
+	margin: 0.5em 0;
+	overflow: auto;
+	border-radius: 0.3em;
+}
+
+:not(pre) > code[class*='language-'],
+pre[class*='language-'] {
+	background: #1d1f21;
+}
+
+/* Inline code */
+:not(pre) > code[class*='language-'] {
+	padding: 0.1em;
+	border-radius: 0.3em;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+	color: #7c7c7c;
+}
+
+.token.punctuation {
+	color: #c5c8c6;
+}
+
+.namespace {
+	opacity: 0.7;
+}
+
+.token.property,
+.token.keyword,
+.token.tag {
+	color: #96cbfe;
+}
+
+.token.class-name {
+	color: #ffd466;
+}
+
+.token.boolean,
+.token.constant {
+	color: #99cc99;
+}
+
+.token.symbol,
+.token.deleted {
+	color: #f92672;
+}
+
+.token.number {
+	color: #fc749b;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+	color: #ffd466;
+}
+
+.token.variable {
+	color: #c6c5fe;
+}
+
+.token.operator {
+	color: #ededed;
+}
+
+.token.entity {
+	color: #ffffb6;
+	cursor: help;
+}
+
+.token.url {
+	color: #96cbfe;
+}
+
+.language-css .token.string,
+.style .token.string {
+	color: #87c38a;
+}
+
+.token.atrule,
+.token.attr-value {
+	color: #f9ee98;
+}
+
+.token.function {
+	color: #87c38a;
+}
+
+.token.regex {
+	color: #e9c062;
+}
+
+.token.important {
+	color: #fd971f;
+}
+
+.token.important,
+.token.bold {
+	font-weight: bold;
+}
+
+.token.italic {
+	font-style: italic;
+}
--- a/static/common/background-day.png
+++ b/static/common/background-day.png
--- a/static/common/background-day.webp
+++ b/static/common/background-day.webp
--- a/static/common/background-night.png
+++ b/static/common/background-night.png
--- a/static/common/background-night.webp
+++ b/static/common/background-night.webp
--- a/static/common/dotted-line.svg
+++ b/static/common/dotted-line.svg
@ -0,0 +1,4 @@
+<svg width="196" height="196" viewBox="0 0 196 196" fill="none" xmlns="http://www.w3.org/2000/svg">
+<line x1="98" x2="98" y2="196" stroke="#E2E8F0" stroke-width="2" stroke-dasharray="4 8 12 8"/>
+<line x1="196" y1="98" x2="-8.74228e-08" y2="98" stroke="#E2E8F0" stroke-width="2" stroke-dasharray="4 8 12 8"/>
+</svg>
--- a/static/common/logo.png
+++ b/static/common/logo.png
--- a/static/favicon-16x16.png
+++ b/static/favicon-16x16.png
--- a/static/favicon-32x32.png
+++ b/static/favicon-32x32.png
--- a/static/fonts/Disket-Mono-Bold.ttf
+++ b/static/fonts/Disket-Mono-Bold.ttf
--- a/static/fonts/Disket-Mono-Regular.ttf
+++ b/static/fonts/Disket-Mono-Regular.ttf
--- a/static/fonts/lineyka.otf
+++ b/static/fonts/lineyka.otf
--- a/static/icons/half-life.svg
+++ b/static/icons/half-life.svg
@ -0,0 +1,11 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_4_19)">
+<path d="M16 30.3334C23.9161 30.3334 30.3334 23.9161 30.3334 16C30.3334 8.08394 23.9161 1.66669 16 1.66669C8.08394 1.66669 1.66669 8.08394 1.66669 16C1.66669 23.9161 8.08394 30.3334 16 30.3334Z" stroke="#F8FAFC" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.342 9H14.934L20.408 23L22.8807 22.1133M10.364 23L16.5273 13.076" stroke="#F8FAFC" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_4_19">
+<rect width="32" height="32" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/static/icons/tea-sanctuary-cracked.svg
+++ b/static/icons/tea-sanctuary-cracked.svg
@ -0,0 +1,150 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="196"
+   height="196"
+   viewBox="0 0 196 196"
+   fill="none"
+   version="1.1"
+   id="svg7"
+   sodipodi:docname="tea-sanctuary-cracked.svg"
+   inkscape:version="1.4 (86a8ad7, 2024-10-11)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="2.9402654"
+     inkscape:cx="-12.07374"
+     inkscape:cy="106.28292"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg7" />
+  <g
+     filter="url(#filter0_i_0_1)"
+     id="g1">
+    <rect
+       width="196"
+       height="196"
+       rx="10"
+       fill="#F8FAFC"
+       id="rect1" />
+  </g>
+  <line
+     x1="98"
+     x2="98"
+     y2="196"
+     stroke="#E2E8F0"
+     stroke-width="2"
+     stroke-dasharray="4 8 12 8"
+     id="line1" />
+  <line
+     x1="196"
+     y1="98"
+     x2="-8.74228e-08"
+     y2="98"
+     stroke="#E2E8F0"
+     stroke-width="2"
+     stroke-dasharray="4 8 12 8"
+     id="line2" />
+  <path
+     d="M48.9959 95.5296C30.3718 101.356 18.375 110.495 18.375 120.769C18.375 138.368 53.5652 152.635 96.9792 152.635C140.393 152.635 175.583 138.368 175.583 120.769C175.583 110.495 163.586 101.356 144.966 95.5296"
+     stroke="#020618"
+     stroke-width="6"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2" />
+  <path
+     d="M18.375 121.626C18.375 139.225 37.4932 161.99 96.9792 161.99C156.465 161.99 175.583 138.368 175.583 120.769"
+     stroke="#020618"
+     stroke-width="6"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path3" />
+  <path
+     d="M37.4932 53.0425C37.4932 78.0121 54.1532 126.804 96.9792 126.804C139.805 126.804 156.461 78.0121 156.461 53.0466"
+     stroke="#020618"
+     stroke-width="6"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path4" />
+  <path
+     d="m 96.9792,72.0831 c 32.8508,0 59.4818,-8.5229 59.4818,-19.0365 0,-10.5136 -26.631,-19.0365 -59.4818,-19.0365 -32.851,0 -59.4819,8.5229 -59.4819,19.0365 0,7.175042 12.403146,13.42293 30.721913,16.66742 2.117344,0.375009 1.516091,4.374573 4.613184,20.786949 9.271437,-8.774017 6.419379,-19.261329 8.734132,-19.06314 4.915664,0.420879 10.082286,0.645271 15.412671,0.645271 z"
+     stroke="#020618"
+     stroke-width="6"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path5"
+     sodipodi:nodetypes="ssssscss"
+     style="stroke-linecap:round;stroke-linejoin:miter" />
+  <path
+     d="M 148.79037,90.517853 C 170.73353,93.227326 177.625,80.7234 177.625,70.1639 c 0,-2.769425 -0.27865,-5.263594 -0.85802,-7.436395"
+     id="path7"
+     style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:none;fill-opacity:1;stroke:#020618;stroke-width:6;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
+     sodipodi:nodetypes="csc" />
+  <path
+     d="m 137.67664,66.046875 c -4.98841,-3.599186 -21.32086,-6.237455 -40.697978,-6.237455 -19.37697,0 -35.709342,2.638269 -40.7007,6.239314"
+     id="path6"
+     style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:none;fill-opacity:1;stroke:#020618;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1" />
+  <defs
+     id="defs7">
+    <filter
+       id="filter0_i_0_1"
+       x="0"
+       y="0"
+       width="196"
+       height="196"
+       filterUnits="userSpaceOnUse"
+       color-interpolation-filters="sRGB">
+      <feFlood
+         flood-opacity="0"
+         result="BackgroundImageFix"
+         id="feFlood6" />
+      <feBlend
+         mode="normal"
+         in="SourceGraphic"
+         in2="BackgroundImageFix"
+         result="shape"
+         id="feBlend6" />
+      <feColorMatrix
+         in="SourceAlpha"
+         type="matrix"
+         values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+         result="hardAlpha"
+         id="feColorMatrix6" />
+      <feMorphology
+         radius="2"
+         operator="erode"
+         in="SourceAlpha"
+         result="effect1_innerShadow_0_1"
+         id="feMorphology6" />
+      <feOffset
+         id="feOffset6" />
+      <feComposite
+         in2="hardAlpha"
+         operator="arithmetic"
+         k2="-1"
+         k3="1"
+         id="feComposite6" />
+      <feColorMatrix
+         type="matrix"
+         values="0 0 0 0 0.885954 0 0 0 0 0.910196 0 0 0 0 0.942516 0 0 0 0.5 0"
+         id="feColorMatrix7" />
+      <feBlend
+         mode="normal"
+         in2="shape"
+         result="effect1_innerShadow_0_1"
+         id="feBlend7" />
+    </filter>
+  </defs>
+</svg>
--- a/static/icons/tea-sanctuary-full.svg
+++ b/static/icons/tea-sanctuary-full.svg
@ -0,0 +1,24 @@
+<svg width="196" height="196" viewBox="0 0 196 196" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_i_0_1)">
+<rect width="196" height="196" rx="10" fill="#F8FAFC"/>
+</g>
+<line x1="98" x2="98" y2="196" stroke="#E2E8F0" stroke-width="2" stroke-dasharray="4 8 12 8"/>
+<line x1="196" y1="98" x2="-8.74228e-08" y2="98" stroke="#E2E8F0" stroke-width="2" stroke-dasharray="4 8 12 8"/>
+<path d="M48.9959 95.5296C30.3718 101.356 18.375 110.495 18.375 120.769C18.375 138.368 53.5652 152.635 96.9792 152.635C140.393 152.635 175.583 138.368 175.583 120.769C175.583 110.495 163.586 101.356 144.966 95.5296" stroke="#020618" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18.375 121.626C18.375 139.225 37.4932 161.99 96.9792 161.99C156.465 161.99 175.583 138.368 175.583 120.769" stroke="#020618" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M37.4932 53.0425C37.4932 78.0121 54.1532 126.804 96.9792 126.804C139.805 126.804 156.461 78.0121 156.461 53.0466" stroke="#020618" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M96.9792 72.0831C129.83 72.0831 156.461 63.5602 156.461 53.0466C156.461 42.533 129.83 34.0101 96.9792 34.0101C64.1282 34.0101 37.4973 42.533 37.4973 53.0466C37.4973 63.5602 64.1282 72.0831 96.9792 72.0831Z" stroke="#020618" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M153.746 58.7428C146.788 50.8048 124.007 44.9861 96.9792 44.9861C69.9516 44.9861 47.1707 50.8048 40.2086 58.7469M147.6 90.3478C172.264 94.7578 177.625 80.7234 177.625 70.1639C177.625 59.6044 173.574 53.0466 164.248 53.0466C162.724 53.0522 161.221 53.4017 159.851 54.0691C158.48 54.7366 157.278 55.7047 156.335 56.9013" stroke="#020618" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+<defs>
+<filter id="filter0_i_0_1" x="0" y="0" width="196" height="196" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="2" operator="erode" in="SourceAlpha" result="effect1_innerShadow_0_1"/>
+<feOffset/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.885954 0 0 0 0 0.910196 0 0 0 0 0.942516 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_0_1"/>
+</filter>
+</defs>
+</svg>
--- a/static/icons/tea-sanctuary.svg
+++ b/static/icons/tea-sanctuary.svg
@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="196"
+   height="196"
+   viewBox="0 0 196 196"
+   fill="none"
+   version="1.1"
+   id="svg5"
+   sodipodi:docname="tea-sanctuary.svg"
+   inkscape:version="1.4 (86a8ad7, 2024-10-11)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs5" />
+  <sodipodi:namedview
+     id="namedview5"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="4.1581633"
+     inkscape:cx="98"
+     inkscape:cy="98"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg5" />
+  <path
+     d="M48.9959 95.5296C30.3718 101.356 18.375 110.495 18.375 120.769C18.375 138.368 53.5652 152.635 96.9792 152.635C140.393 152.635 175.583 138.368 175.583 120.769C175.583 110.495 163.586 101.356 144.966 95.5296"
+     stroke="#020618"
+     stroke-width="6"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path1" />
+  <path
+     d="M18.375 121.626C18.375 139.225 37.4932 161.99 96.9792 161.99C156.465 161.99 175.583 138.368 175.583 120.769"
+     stroke="#020618"
+     stroke-width="6"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2" />
+  <path
+     d="M37.4932 53.0425C37.4932 78.0121 54.1532 126.804 96.9792 126.804C139.805 126.804 156.461 78.0121 156.461 53.0466"
+     stroke="#020618"
+     stroke-width="6"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path3" />
+  <path
+     d="M96.9792 72.0831C129.83 72.0831 156.461 63.5602 156.461 53.0466C156.461 42.533 129.83 34.0101 96.9792 34.0101C64.1282 34.0101 37.4973 42.533 37.4973 53.0466C37.4973 63.5602 64.1282 72.0831 96.9792 72.0831Z"
+     stroke="#020618"
+     stroke-width="6"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path4" />
+  <path
+     d="M153.746 58.7428C146.788 50.8048 124.007 44.9861 96.9792 44.9861C69.9516 44.9861 47.1707 50.8048 40.2086 58.7469M147.6 90.3478C172.264 94.7578 177.625 80.7234 177.625 70.1639C177.625 59.6044 173.574 53.0466 164.248 53.0466C162.724 53.0522 161.221 53.4017 159.851 54.0691C158.48 54.7366 157.278 55.7047 156.335 56.9013"
+     stroke="#020618"
+     stroke-width="6"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path5" />
+</svg>
--- a/svelte.config.js
+++ b/svelte.config.js
@ -0,0 +1,42 @@
+import adapter from '@sveltejs/adapter-static';
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
+import { mdsvex } from 'mdsvex';
+import mdsvexConfig from './mdsvex.config.js';
+import autoImport from 'sveltekit-autoimport';
+
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+	// Consult https://kit.svelte.dev/docs/integrations#preprocessors
+	// for more information about preprocessors
+	preprocess: vitePreprocess(),
+	kit: {
+		// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
+		// If your environment is not supported or you settled on a specific environment, switch out the adapter.
+		// See https://kit.svelte.dev/docs/adapters for more information about adapters.
+		adapter: adapter({
+			// default options are shown. On some platforms
+			// these options are set automatically — see below
+			pages: 'build',
+			assets: 'build',
+			fallback: '404.html',
+			precompress: false,
+			strict: true
+		}),
+		prerender: {
+			handleMissingId: ({ event, resolve }) => {
+				return;
+			}
+		}
+	},
+	extensions: ['.svelte', '.md'],
+	preprocess: [
+		vitePreprocess(),
+		mdsvex(mdsvexConfig),
+		autoImport({
+			include: ['**/*.(svelte|md)'],
+			components: ['./src/lib/components/', { name: './src' }]
+		})
+	]
+};
+
+export default config;
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@ -0,0 +1,55 @@
+import plugin from 'tailwindcss/plugin';
+
+/** @type {import('tailwindcss').Config} */
+export default {
+	content: ['./src/**/*.{html,js,svelte,ts}'],
+	theme: {
+		// colors: {
+		// 	white: '#FFFFFF',
+		// 	transparentblue: '#2447f779',
+		// 	blue: '#2446f7',
+		// 	black: '#000000',
+		// 	transparentblack1: '#000000BB',
+		// 	transparentblack0: '#00000011',
+		// 	darkblue: '#091856',
+		// 	navyblue: '#0f2898',
+		// 	gray: '#e2e2e2',
+		// 	lightblue: '#0092ff',
+		// 	transparent: 'transparent'
+		// },
+		extend: {
+			fontFamily: {
+				sans: ['Lineyka', 'sans-serif'],
+				disket: ['Disket Mono', 'monospace'],
+			},
+			// height: {
+			// 	// 64 px for navbar
+			// 	screen: 'calc(100vh - 64px)'
+			// },
+			// dropShadow: {
+			// 	md: '0px 0px 2px #091856',
+			// 	hover: '0px 6px 2px #091856'
+			// },
+			// backgroundImage: {
+			// 	pixel: "url('/common/pixel-overlay.png')",
+			// 	'pixel-dark': "url('/common/pixel-overlay-dark.png')",
+			// 	'pixel-white': "url('/common/pixel-overlay-white.png')",
+			// 	'pixel-large': "url('/common/pixel-overlay-large.png')"
+			// },
+			// backgroundSize: {
+			// 	pixel: '7px',
+			// 	'pixel-lg': '14px'
+			// },
+			typography: {
+				DEFAULT: {
+					css: {
+						maxWidth: '100%'
+					}
+				}
+			}
+		}
+	},
+	plugins: [
+		require('@tailwindcss/typography')
+	]
+};
--- a/tsconfig.json
+++ b/tsconfig.json
@ -0,0 +1,17 @@
+{
+	"extends": "./.svelte-kit/tsconfig.json",
+	"compilerOptions": {
+		"allowJs": true,
+		"checkJs": true,
+		"esModuleInterop": true,
+		"forceConsistentCasingInFileNames": true,
+		"resolveJsonModule": true,
+		"skipLibCheck": true,
+		"sourceMap": true,
+		"strict": true
+	}
+	// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
+	//
+	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
+	// from the referenced tsconfig.json - TypeScript does not merge them in
+}
--- a/vite.config.js
+++ b/vite.config.js
@ -0,0 +1,9 @@
+import { sveltekit } from '@sveltejs/kit/vite';
+import tailwindcss from "@tailwindcss/vite";
+
+export default {
+	plugins: [
+		sveltekit(),
+		tailwindcss()
+	]
+};