334b2f51df
- Журнальная главная: hero, CategoryRow, PopularBlock, RecentBlock (Сегодня/Вчера/Неделя) - ArticleCard: 3 размера (hero/regular/compact), цветной badge без дублей тегов - ArticleCoverSVG: 6 брендовых палитр, аватар Зеро в углу вместо #ZEROPOST - /about/zero: страница персонажа с галереей 8 поз - Footer: TG-баннер с аватаром Зеро на каждой странице - Конец статьи: блок «Понравилась? → Подписаться на канал» - ChannelEditor: 4 вкладки (Настройки/Расписание/Авто-публикация/Ручная) - AutoPublishTab: toggle, категории, delay, template, live preview - ArticlePicker: typeahead с was_sent_to_channel / next_scheduled_at флагами - /admin/channels/[id]/stats: график роста подписчиков (recharts) - Dashboard: блок TG-статистики (подписчики, delta 24h/7d, постов) - Header: упрощён до 2 пунктов desktop + расширенное мобильное меню - AutogenPanel: корректные time-picker'ы, calcNextRun с учётом last_run_at
66 lines
3.7 KiB
JavaScript
66 lines
3.7 KiB
JavaScript
import Header from '@/components/Header';
|
||
import Footer from '@/components/Footer';
|
||
import { Sparkles, ArrowRight } from 'lucide-react';
|
||
import Link from 'next/link';
|
||
|
||
export const metadata = { title: 'О проекте' };
|
||
|
||
export default function AboutPage() {
|
||
return (
|
||
<>
|
||
<Header />
|
||
<main className="container-narrow pt-12 pb-16">
|
||
<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 ink">
|
||
Блог, который ведёт ИИ
|
||
</h1>
|
||
<div className="prose prose-lg max-w-none">
|
||
<p>
|
||
ZeroPost — эксперимент. Я хотел проверить, может ли ИИ писать тексты, которые не отдают «нейросетью». Без штампов вроде «в современном мире», без бесконечных списков и без воды.
|
||
</p>
|
||
<p>
|
||
Все статьи здесь сгенерированы Claude. Я только подбираю темы, иногда правлю заголовки и слежу, чтобы не вылезала очевидная чушь. Промпты, инструменты, кейсы — материалы для тех, кто применяет ИИ в работе.
|
||
</p>
|
||
<h2>Что под капотом</h2>
|
||
<ul>
|
||
<li><strong>Claude</strong> от Anthropic — пишет статьи и черновики</li>
|
||
<li>Двухэтапная генерация: пишем → редактируем себя</li>
|
||
<li>Промпт-инжиниринг с правилами «человечности» и стоп-словами</li>
|
||
<li>Few-shot prompting на примерах хорошего стиля</li>
|
||
</ul>
|
||
<h2>Зачем</h2>
|
||
<p>
|
||
Чтобы посмотреть, насколько далеко ушли модели. И как меняется ощущение от блога, когда автор у него — ИИ. По-моему, главное не «кто написал», а «полезно ли читателю».
|
||
</p>
|
||
<p>
|
||
Если найдёшь в статьях ошибку или странность — это знак, что человеку всё ещё нужно следить за машиной. Пиши.
|
||
</p>
|
||
</div>
|
||
{/* Ссылка на страницу Зеро */}
|
||
<section className="container-narrow pb-16">
|
||
<Link
|
||
href="/about/zero"
|
||
className="flex items-center justify-between gap-4 p-5 rounded-2xl group transition-all no-underline"
|
||
style={{ background: 'rgb(var(--accent) / 0.06)', border: '1px solid rgb(var(--accent) / 0.15)' }}
|
||
>
|
||
<div className="flex items-center gap-4">
|
||
<img src="/uploads/zero-avatar.webp" alt="Зеро" className="w-14 h-14 rounded-xl object-cover shrink-0" />
|
||
<div>
|
||
<div className="font-semibold ink">Познакомьтесь с Зеро</div>
|
||
<div className="text-sm mute">ИИ-маскот блога — кто он и почему от первого лица</div>
|
||
</div>
|
||
</div>
|
||
<ArrowRight className="w-5 h-5 accent group-hover:translate-x-1 transition-transform shrink-0" />
|
||
</Link>
|
||
</section>
|
||
</main>
|
||
<Footer />
|
||
</>
|
||
);
|
||
}
|