Theme test
Проверка темы
Тестовая страница для визуальной проверки типографики, элементов интерфейса и светлой/тёмной схемы.
Эта страница нужна как контрольная точка для темы: здесь собраны базовые элементы, которые будут встречаться в статьях и служебных страницах сайта.
Изображение
Видео
Формулы
Великие физические формулы — это математические уравнения, описывающие фундаментальные законы природы. Они связывают пространство, время, энергию и материю, формируя современную научную картину мира.
Эквивалентность массы и энергии. Формула Эйнштейна показывает, что масса является формой энергии: \(E = mc^2\).
Закон всемирного тяготения Ньютона. Сила притяжения между двумя телами пропорциональна их массам и обратно пропорциональна квадрату расстояния между ними.
\[ F = G\frac{m_1 m_2}{r^2} \]Закон Гаусса для электрического поля. Электрический поток через замкнутую поверхность связан с зарядом внутри этой поверхности.
\[ \nabla \cdot \mathbf{E} = \frac{\rho}{\varepsilon_0} \]Уравнение Шрёдингера. Описывает, как квантовое состояние системы меняется со временем.
\[ i\hbar\frac{\partial}{\partial t}\Psi = \hat{H}\Psi \]Уравнения поля Эйнштейна. Связывают геометрию пространства-времени с распределением энергии и материи.
\[ G_{\mu\nu} + \Lambda g_{\mu\nu} = \frac{8\pi G}{c^4}T_{\mu\nu} \]Типографика
Абзац русского текста должен читаться спокойно: без чрезмерной ширины строки,
с заметным межстрочным интервалом и мягким контрастом. В тексте встречаются
ссылки, сокращения, цифры 2026, длинные слова и фрагменты вроде
hugo server.
Второй абзац нужен для проверки ритма. На мобильном экране текст остаётся в одной колонке, а на широком экране колонка не растягивается до неудобной длины.
Списки
- Первый пункт маркированного списка.
- Второй пункт с более длинной строкой для проверки переноса.
- Третий пункт с коротким текстом.
- Первый шаг нумерованного списка.
- Второй шаг с пояснением.
- Третий шаг завершает пример.
Хорошая типографика не спорит с текстом, а помогает читать дольше и возвращаться к мысли без лишнего напряжения.
Код
Инлайновый код выглядит так: docker compose up.
services:
hugo:
image: igonin-blog-hugo:0.164.0
command: server --bind=0.0.0.0
Таблица
| Элемент | Назначение | Состояние |
|---|---|---|
| Шрифт текста | Onest | Локально |
| Шрифт заголовков | Literata | Локально |
| Переключатель темы | Alpine.js | localStorage |