Как устроен этот сайт

Лента

Листать — свайп вверх (на мобиле) или колёсико мыши. Слайд всегда встаёт на место, не зависает между публикациями. Видео играет автоматически без звука на активном слайде; звук включается кнопкой на правой панели.

Открыть пост целиком — тап по заголовку или по стрелке «→» в правой панели.

Когда лента заканчивается — экран «Вы посмотрели всё» и кнопка возврата в начало.

Правая панель — пульт управления

Узкая колонка справа — универсальные кнопки. Сверху: ☰ меню, 🏠 главная, ← назад, 🔍 поиск. Ниже — кнопки, которые зависят от контента: управление видео (play/пауза, звук, громкость, скорость), лайк, поделиться, открыть пост, скачать видео, масштаб шрифта A− / A / A+ для текстовых блоков.

Чтобы панель не мешала — тап по пустому месту слайда. Всё исчезнет, второй тап — вернётся.

Внутри публикации

Пост разбит на экраны-блоки: заголовок, смысловые куски текста, картинки и видео — каждый отдельно. Свайпай вверх, чтобы читать дальше. Видео внутри поста ведут себя как в ленте: играют автоматически, управление — через правую панель, без встроенного плеера.

Внизу каждого блока — подсказка следующего (верхушка абзаца заглядывает в экран). В конце — секция комментариев (если включены) и экран выхода: лайк, поделиться, вернуться в ленту.

Лайк — посту или отдельному блоку

Поставить лайк можно и всему посту, и отдельному блоку. Когда активен конкретный блок, кнопка лайка относится именно к нему — счётчик под сердечком показывает, сколько людей отметили этот абзац. Так видно, какие куски оказались важнее всего. Лайки сохраняются локально в браузере.

Поделиться

Кнопка с тремя точками и сердечком. Постом — уйдёт ссылка, мессенджер сам подтянет превью с обложкой. Блоком — уйдут картинки из блока (до четырёх), цитата и ссылка на пост. Можно переслать другу не весь пост, а только ту мысль, которая зацепила.

Комментарии

Внутри поста комментарии — отдельный экран в конце, листаются так же свайпом. Кнопка «💬 комментарии» в правой панели ведёт себя по-разному:

• В ленте — переход в пост к первому комменту.
• Внутри поста — открывает компактный диалог, чтобы написать комментарий, не теряя место чтения. После отправки — сообщение «на модерации», диалог закроется сам.

Масштаб

Щепотка двумя пальцами на картинке или видео — приближает то место, где поставил пальцы; одним пальцем можно передвигать. Щепотка на тексте — плавно увеличивает шрифт (или используй кнопки A− / A+ в правой панели). Двойной тап — сброс.

Режим галереи 3×3

Иногда удобнее видеть много публикаций сразу. Включается горизонтальным свайпом по ленте или внутри поста — всё перестраивается в сетку 9 квадратов. В ленте тайл — уменьшенная обложка поста; внутри поста — отдельный блок (картинка занимает тайл целиком, текст — мини-превью, в углу номер блока).

Тап по тайлу — возврат в обычный режим на этой публикации или блоке. Листать страницы галереи — вверх-вниз. Выйти — круглая кнопка в правом нижнем углу или свайп обратно.

Рубрики и поиск

Рубрика каждого поста подписана над заголовком акцентным цветом — это кликабельная ссылка. Тап — лента отфильтруется по этой рубрике. Кнопка 🔍 лупа в правой панели — полнотекстовый поиск, результаты отдаются той же лентой.

Если что-то не работает

Сайт использует современные возможности браузеров (scroll-snap, pinch-zoom, Web Share API, BroadcastChannel). Актуальные Chrome, Safari и Firefox всё поддерживают. Если на старом устройстве что-то странное — напиши в комментарии, разберусь.

Этот сайт — эксперимент. Формат вертикальной ленты пришёл из TikTok и Reels, сделанных под развлечение и короткие ролики. Я проверял, можно ли так же удобно читать длинные тексты — когда мысли разложены по отдельным экранам, и ты листаешь их в своём темпе, как сценарий.

Кажется, работает.