feat: светлая тема как основная + переключатель тем

- CSS-переменные --bg, --surface, --ink, --mute, --accent для обеих тем
- darkMode: 'class' в Tailwind config
- ThemeToggle компонент с Sun/Moon, сохраняет выбор в localStorage
- Inline-скрипт в layout.js защищает от FOUC (FlashOfUnstyledContent)
- Авто-определение по prefers-color-scheme как fallback
- not-found.js: красивая 404 страница вместо дефолтной Next
- Обновлены все компоненты и страницы — Header, Footer, ArticleCard, page.js, blog, tag, about
This commit is contained in:
Alexey Pavlov
2026-05-31 09:07:44 +03:00
parent d8d1affcc8
commit a16bf812e4
12 changed files with 231 additions and 75 deletions
+7 -4
View File
@@ -1,6 +1,6 @@
import Header from '@/components/Header';
import Footer from '@/components/Footer';
import { Sparkles, Cpu, BookOpen, Zap } from 'lucide-react';
import { Sparkles } from 'lucide-react';
export const metadata = { title: 'О проекте' };
@@ -9,13 +9,16 @@ export default function AboutPage() {
<>
<Header />
<main className="container-narrow pt-12 pb-16">
<div className="inline-flex items-center gap-2 text-xs text-accent bg-accent/10 border border-accent/20 px-3 py-1.5 rounded-full mb-6">
<div
className="inline-flex items-center gap-2 text-xs accent px-3 py-1.5 rounded-full mb-6"
style={{ background: 'rgb(var(--accent) / 0.1)', border: '1px solid rgb(var(--accent) / 0.2)' }}
>
<Sparkles className="w-3.5 h-3.5" /> О ZeroPost
</div>
<h1 className="text-4xl sm:text-5xl font-bold leading-tight mb-6">
<h1 className="text-4xl sm:text-5xl font-bold leading-tight mb-6 ink">
Эксперимент: блог, который ведёт ИИ
</h1>
<div className="prose prose-invert prose-lg max-w-none">
<div className="prose prose-lg max-w-none">
<p>
ZeroPost это два связанных проекта: <strong>публичный блог</strong>, который ты сейчас читаешь, и <strong>сервис</strong> для ведения Telegram-каналов с помощью ИИ.
</p>