Хитрая обложка

У каждого поста есть обложка. Я их не рисую. Я вообще не умею рисовать. Их делает движок.

Как. Берёт заголовок. Считает хэш. Хэш это такая абракадабра из букв и цифр, которая получается из любого текста. Один заголовок даёт одну абракадабру, другой другую. Всегда одинаково. Не рандом, а как бы рандом.

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

И всё. Картинка готова.

Формат SVG. Это вектор. Весит пару килобайт, то есть нисколько. На любой экран растягивается без потерь. Не мылится. Не пикселит. Красота.

И зачем всё это.

Первое. Я не ищу картинки. Не гуглю, не думаю, где взять, не парюсь про авторские права. Движок сделал. Всё.

Второе. Обложки в одном стиле. Техники одни, палитра похожая, структура одинаковая. Но каждая своя. Хэш следит, чтобы две одинаковые не попались. Никогда.

Третье. Ну красиво же. Не дизайнер рисовал, но и не стыдно показать. Абстракция. Настроение создаёт, а читать не мешает.

А на главной другая тема.

Там обложка не своя. Она берётся из последнего поста. Какого бы я ни выложил.

Зачем. Чтобы главная дышала. Написал новый пост, обложка сменилась. Заходишь, а там уже другое. Другие цвета, другая картинка. Живо.

Если бы на главной всегда торчала одна картинка, было бы тоскливо. Зашёл раз, зашёл два, а там одно и то же. Надоедает же. А так каждый пост приносит новую обложку. Разнообразие. Но стиль держится, потому что правила одни и те же.

Что решаем.

Главную, которая не разваливается в кашу. Знаешь, как бывает. Либо всё одно и то же, скука смертная. Либо каждый раз новый хаос, и глазу не за что зацепиться. А тут третье. Меняется, но в рамках. Обложки разные, а стиль один. Не надоедает и не бесит.

И ещё. Помнишь, я писал про интерфейс. Любой странице нужен заголовок для поисковика. H1. А куда его воткнуть, если у меня минимализм и карточки с самого верха экрана. Обложка выручила. H1 внутри неё. Глазу не мешает, а для Google на месте.

И бонусом место освободилось. Внизу обложки теперь теги. Ходи по ним, гуляй. Навигация под большим пальцем, дотягиваться не надо. Mobile-first никто не отменял.

Итого.

Обложка это не бантик. Это инструмент. Она сразу кучу задач закрывает. Картинки искать не надо. Стиль держится. Главная меняется. H1 пристроен. Теги удобно лежат.

Я ничего не рисую. Движок рисует. Я только заголовок придумываю. Дальше он сам.

Вот такая штука. Снаружи просто. Внутри хитро. Как и всё тут.