TeaSanctuary/teasanctuary.ru
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Вынес заголовок страницы и превью в общий файл

Browse source
This commit is contained in:
Иван Кузьменко 2025-07-05 04:57:38 +03:00
parent 7d0f521d8f
commit 90406aa5a4
3 changed files with 12 additions and 70 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/routes/+error.svelte
View file

@ -2,6 +2,10 @@
import { page } from '$app/state';
</script>
<svelte:head>
<title>404 &mdash; Tea Sanctuary</title>
</svelte:head>
<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"
>

70
src/routes/+layout.svelte
View file

@ -16,68 +16,14 @@
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> -->
<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>
<div class="relative flex flex-col">
<slot />

8
src/routes/+page.svelte
View file

@ -4,14 +4,6 @@
import { PUBLIC_TS_DISCORD } from '$env/static/public';
</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')]"
>