Блоги #1

Merged
rndtrash merged 64 commits from feature-blogs into master 2025-10-22 08:44:56 +03:00
8 changed files with 17 additions and 46 deletions
Showing only changes of commit d455aeb957 - Show all commits

View file

@ -26,11 +26,15 @@
src: url('/fonts/Disket-Mono-Bold.ttf');
}
.no-x-scroll {
max-width: 100%;
overflow-x: hidden;
}
.hero {
@apply bg-[url('/common/background-day.webp')] dark:bg-[url('/common/background-night.webp')] bg-cover bg-fixed text-slate-50;
text-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
.hero-background {
@apply bg-[url('/common/background-day.webp')] dark:bg-[url('/common/background-night.webp')] bg-cover bg-fixed;
h1 {
@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;
}
}

View file

@ -7,7 +7,7 @@
</svelte:head>
<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-3 items-center justify-center lg:flex-row lg:flex-nowrap">

View file

@ -9,7 +9,7 @@
</svelte:head>
<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
class="flex flex-col flex-nowrap items-center justify-center gap-3 lg:flex-row lg:flex-nowrap"
@ -58,7 +58,7 @@
</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>SANCTUARY</h1>

View file

@ -3,7 +3,7 @@
</script>
<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
class="flex flex-col flex-nowrap items-center justify-center gap-3 lg:flex-row lg:flex-nowrap"

View file

@ -3,7 +3,7 @@
</script>
<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
class="flex flex-col flex-nowrap items-center justify-center gap-3 lg:flex-row lg:flex-nowrap"

View file

@ -3,7 +3,7 @@
</script>
<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
class="flex flex-col flex-nowrap items-center justify-center gap-3 lg:flex-row lg:flex-nowrap"

View file

@ -3,7 +3,7 @@
</script>
<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
class="flex flex-col flex-nowrap items-center justify-center gap-3 lg:flex-row lg:flex-nowrap"

View file

@ -1,45 +1,12 @@
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: {