Compare commits
5 commits
b6cf05b0af
...
6a60ce55e5
| Author | SHA1 | Date | |
|---|---|---|---|
| 6a60ce55e5 | |||
| d455aeb957 | |||
| 06c371db53 | |||
| db06b79cf4 | |||
| 9dc1fabdf1 |
12 changed files with 25 additions and 52 deletions
16
src/app.css
16
src/app.css
|
|
@ -26,11 +26,15 @@
|
||||||
src: url('/fonts/Disket-Mono-Bold.ttf');
|
src: url('/fonts/Disket-Mono-Bold.ttf');
|
||||||
}
|
}
|
||||||
|
|
||||||
.no-x-scroll {
|
.hero {
|
||||||
max-width: 100%;
|
@apply bg-[url('/common/background-day.webp')] dark:bg-[url('/common/background-night.webp')] bg-cover bg-fixed text-slate-50;
|
||||||
overflow-x: hidden;
|
text-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
|
||||||
}
|
|
||||||
|
|
||||||
.hero-background {
|
h1 {
|
||||||
@apply bg-[url('/common/background-day.webp')] dark:bg-[url('/common/background-night.webp')] bg-cover bg-fixed;
|
@apply font-disket text-4xl font-bold sm:text-6xl md:text-8xl;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
@apply font-sans text-xl font-bold sm:text-2xl md:text-4xl;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -5,7 +5,7 @@
|
||||||
|
|
||||||
<meta property="og:type" content="website" />
|
<meta property="og:type" content="website" />
|
||||||
<meta property="og:url" content="https://teasanctuary.ru" />
|
<meta property="og:url" content="https://teasanctuary.ru" />
|
||||||
<meta name="theme-color" content="#63A002" />
|
<meta name="theme-color" content="#319668" />
|
||||||
|
|
||||||
<link rel="icon" type="image/png" sizes="32x32" href="%sveltekit.assets%/favicon-32x32.png">
|
<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">
|
<link rel="icon" type="image/png" sizes="16x16" href="%sveltekit.assets%/favicon-16x16.png">
|
||||||
|
|
|
||||||
|
|
@ -51,20 +51,20 @@ function getIconFromUrl(url: URL): string | undefined {
|
||||||
const hostname = url.hostname;
|
const hostname = url.hostname;
|
||||||
const secondLevel = hostname.match(/(([A-Za-z0-9\-])+\.([A-Za-z0-9\-])+)$/)?.at(0) ?? '';
|
const secondLevel = hostname.match(/(([A-Za-z0-9\-])+\.([A-Za-z0-9\-])+)$/)?.at(0) ?? '';
|
||||||
if (specialResolvers[secondLevel])
|
if (specialResolvers[secondLevel])
|
||||||
return icons[specialResolvers[secondLevel](url)];
|
return specialResolvers[secondLevel](url);
|
||||||
|
|
||||||
return icons[hostname];
|
return hostname;
|
||||||
}
|
}
|
||||||
|
|
||||||
export function tryGetIcon(link: string): string {
|
export function tryGetIcon(link: string): string {
|
||||||
let url: URL;
|
let url: URL;
|
||||||
try {
|
try {
|
||||||
url = new URL(link);
|
url = new URL(link, document.baseURI);
|
||||||
} catch {
|
} catch {
|
||||||
return icons['none'];
|
return icons['none'];
|
||||||
}
|
}
|
||||||
|
|
||||||
return getIconFromUrl(url) ?? icons['none'];
|
return icons[getIconFromUrl(url) ?? ''] ?? icons['none'];
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,7 @@
|
||||||
</svelte:head>
|
</svelte:head>
|
||||||
|
|
||||||
<section
|
<section
|
||||||
class="hero-background flex h-screen shrink-0 flex-col items-center justify-center gap-12 overflow-hidden p-4"
|
class="hero 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-5">
|
||||||
<div class="flex flex-nowrap flex-col gap-3 items-center justify-center lg:flex-row lg:flex-nowrap">
|
<div class="flex flex-nowrap flex-col gap-3 items-center justify-center lg:flex-row lg:flex-nowrap">
|
||||||
|
|
|
||||||
|
|
@ -25,7 +25,7 @@
|
||||||
<meta property="og:description" content="Делаем вещи как можем." />
|
<meta property="og:description" content="Делаем вещи как можем." />
|
||||||
</svelte:head>
|
</svelte:head>
|
||||||
|
|
||||||
<div class="flex h-screen w-screen flex-row portrait:flex-col-reverse">
|
<div class="flex h-dvh w-dvw flex-row portrait:flex-col-reverse">
|
||||||
<NavBar {routes} />
|
<NavBar {routes} />
|
||||||
<div class="flex grow-1 flex-col overflow-auto">
|
<div class="flex grow-1 flex-col overflow-auto">
|
||||||
<div class="relative grow-1">
|
<div class="relative grow-1">
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,7 @@
|
||||||
</svelte:head>
|
</svelte:head>
|
||||||
|
|
||||||
<section
|
<section
|
||||||
class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero-background"
|
class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="flex flex-col flex-nowrap items-center justify-center gap-3 lg:flex-row lg:flex-nowrap"
|
class="flex flex-col flex-nowrap items-center justify-center gap-3 lg:flex-row lg:flex-nowrap"
|
||||||
|
|
@ -58,7 +58,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
class="font-disket text-center text-4xl font-bold text-slate-50 [text-shadow:_0_0_15px_rgba(0,0,0,0.25)] sm:text-6xl md:text-8xl lg:text-left"
|
class="text-center font-bold lg:text-left"
|
||||||
>
|
>
|
||||||
<h1>TEA</h1>
|
<h1>TEA</h1>
|
||||||
<h1>SANCTUARY</h1>
|
<h1>SANCTUARY</h1>
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<section
|
<section
|
||||||
class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero-background"
|
class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="flex flex-col flex-nowrap items-center justify-center gap-3 lg:flex-row lg:flex-nowrap"
|
class="flex flex-col flex-nowrap items-center justify-center gap-3 lg:flex-row lg:flex-nowrap"
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<section
|
<section
|
||||||
class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero-background"
|
class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="flex flex-col flex-nowrap items-center justify-center gap-3 lg:flex-row lg:flex-nowrap"
|
class="flex flex-col flex-nowrap items-center justify-center gap-3 lg:flex-row lg:flex-nowrap"
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<section
|
<section
|
||||||
class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero-background"
|
class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="flex flex-col flex-nowrap items-center justify-center gap-3 lg:flex-row lg:flex-nowrap"
|
class="flex flex-col flex-nowrap items-center justify-center gap-3 lg:flex-row lg:flex-nowrap"
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<section
|
<section
|
||||||
class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero-background"
|
class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="flex flex-col flex-nowrap items-center justify-center gap-3 lg:flex-row lg:flex-nowrap"
|
class="flex flex-col flex-nowrap items-center justify-center gap-3 lg:flex-row lg:flex-nowrap"
|
||||||
|
|
|
||||||
|
|
@ -6,6 +6,8 @@ User-agent: AhrefsBot
|
||||||
Disallow: /
|
Disallow: /
|
||||||
User-agent: MJ12bot
|
User-agent: MJ12bot
|
||||||
Disallow: /
|
Disallow: /
|
||||||
|
User-agent: GPTBot
|
||||||
|
Disallow: /
|
||||||
User-agent: *
|
User-agent: *
|
||||||
Allow: /
|
Allow: /
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,45 +1,12 @@
|
||||||
import plugin from 'tailwindcss/plugin';
|
|
||||||
|
|
||||||
/** @type {import('tailwindcss').Config} */
|
/** @type {import('tailwindcss').Config} */
|
||||||
export default {
|
export default {
|
||||||
content: ['./src/**/*.{html,js,svelte,ts}'],
|
content: ['./src/**/*.{html,js,svelte,ts}'],
|
||||||
theme: {
|
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: {
|
extend: {
|
||||||
fontFamily: {
|
fontFamily: {
|
||||||
sans: ['Lineyka', 'sans-serif'],
|
sans: ['Lineyka', 'sans-serif'],
|
||||||
disket: ['Disket Mono', 'monospace'],
|
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: {
|
typography: {
|
||||||
DEFAULT: {
|
DEFAULT: {
|
||||||
css: {
|
css: {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue