Это пример поста — удалите его или замените своим.
Как устроен этот сайт
· 1 мин чтения
Этот сайт ведёт себя как операционная система: окна перетаскиваются и прилипают к краям, есть док, две темы сменяют друг друга. Главный риск такого интерфейса — поисковые системы не увидят вообще ничего.
Сначала содержимое, потом оболочка
Весь текст рендерится на сервере и остаётся в DOM. Оболочка ОС накладывается поверх
него, а не вместо него. При отключённом JavaScript правило .no-js прячет оболочку —
остаётся обычный документ.
У каждого раздела есть настоящий адрес:
/ru/about/ru/projects/orbit/ru/blog/qanday-ishlaydi
При открытии окна обновляется и URL — ?app=projects&p=orbit. Ссылкой можно поделиться,
и она откроется с тем же окном; кнопка «назад» его закрывает.
Два мира, один компонент
Ни один компонент не задаёт цвет напрямую — только семантические токены:
--surface, --accent, --window-border, --radius-window. Тема переключается через
<html data-skin>, поэтому для Night и Day не нужны отдельные наборы компонентов.
За чем следили
| Правило | Причина |
|---|---|
| Никакого фальшивого статус-бара | На устройстве поверх ляжет настоящий |
| Зона нажатия не меньше 44px | Даже если сам элемент меньше |
prefers-reduced-motion |
Загрузка пропускается, анимация отключается |