Оно (почти) случилось: я обновил свой CSS-фреймворк VA и почти все шаблоны и стили в соответствии с изменениями. Старые стили, некоторые скрипты и некоторые блоки пережили “банкротство”, чтобы не растягивать время.

Где-то что-то ещё могло уехать или оставаться неправильно нарисованным. Но основная работа уже позади и можно сосредоточиться на деталях. Может мне стримить всё это дело?

Не каждый же день что-то релизить. Нужно регулярно производить уборку опилок после всего того что я надобавлял ранее. Сегодня – один из таких дней.

Порефакторил шаблоны некоторых блоков, переместил пару файлов в директории модулей. Подчистил косяки в лентах JSONFeed, заметок на английском и заметок по тегу, теперь там не пусто! Закэшировал то что можно поместить в кэш, например составные блоки PressKit. Сборка стала немного шустрее, в исходниках теперь чуть проще ориентироваться.

То, что изменения не видны пользователям, ещё не значит, что их нет вовсе. В соседней ветке у меня идёт рефакторинг фреймворка VA. Надеюсь, успею его закруглить хотя бы до конца недели.

Добавил косметическую мелочь которая сработает в день моего рождения. 👀

Создал шорткод person-tag благодаря которому могу ссылаться на других людей и их сайты. Теперь карточки с микроразметкой встраиваются:

• прямой ссылкой на персональный сайт: @toby3d.me
• ссылкой на профиль пользователя в какой-нибудь площадке: @[email protected]
• как захочу, если юзернейм неизвестен или идентификатор слишком уродливый: Максим Лебедев

У Евгения Кузнецова это сделано немного по-другому, через парсинг h-card на сайте, чего прокси 11ty не умеет. Но всё равно неплохо что роботы уже могут видеть мои упоминания не обычными ссылками, а карточками людей.

Упростил макет заметки и добавил в неё простую сетку для медиа: теперь скриншоты в одной из них видны и кликабельны. Она пока не умеет красиво складывать нечётное количество медиа и наверняка что-то может уехать если я попытаюсь показать что-то кроме картинок.

Обновил типографию по-умолчанию, теперь всё выглядит намного симпатичнее. Страница Style Guide, которую я опубликовал в первый день, очень помогает в отладке представления контента и блоков.

Убрал со страниц блок про вебменшены. Ссылка на публикацию от Tim Marinin в нём, по которой можно было почитать о принципах работы протокола, померла. Уж лучше отсутствие бесполезной и нерабочей информации, чем её наличие в виде мусора занимающего пиксели.

Ах да, надо бы сделать шорткод для того чтобы прогрессивно ссылаться на сайты других людей: красиво рисовать ссылку, подтягивая оттуда аватар и имя.

Теперь в “подвале” карточки заметки перечисляются все привязанные к ней теги со ссылками на ленты по ним. Возможно, позднее они переедут чуть выше между текстом и “подвалом” карточки. Но сейчас их и так мало, так что пусть будут там, где будут.

Первым делом перелопатил оформление страницы заметки и списка с ними. Благодаря своему фреймворку VA для вёрстки макетов мне удалось сделать простую карточку наподобии тутов в Mastodon. Брать вёрстку Twitter в качестве эталона я посчитал плохой идеей: соцсеть не славится своим удобством, быстродействием и доступностью, страдая от “div’отоза” и загрузками страниц в десять раз дольше чем в Nitter.

На страницах лент по тегу всё ещё значатся пустые ссылки, так как я успел подготовить только шаблон раздела, страницы заметки и её представления в виде превью, но не в виде пункта каких-нибудь списков. Карточки в таких лентах кажется мне через чур большими, надо подумать над этим.

Я ещё не оформлял встраивание медиа в заметки. Так что, на момент публикации, здесь присутствуют “скриншоты Шрёдингера” на которых я демонстрирую контраст изменений представления заметок по сравнению со вчерашним днём, но они пока не видны. Попробую заняться этим прямо сейчас и заново покурить как работают masonry-сетки.

Раз со стримами игр серии Нэнси Дрю всё наебнулось, то попробую заняться чем-нибудь регулярным с другой стороны: #100DaysOfIndieWeb. С сегодняшнего дня и ежедневно, на протяжении следующих ста дней, я буду делать что-то заметное на своём сайте и публиковать заметки о проведённой работе.

Фактически, работы начались ещё неделю назад, когда я вывесил часы местного времени на странице Сейчас. Сегодня я опубликовал песочницу Style Guide для отладки стилей, перелопатив много упущений в процессе. В следующие несколько дней или недель я буду заниматься оформлением раздела с заметками, первую из которых вы сейчас читаете. Посмотрим насколько меня хватит.

Пока что эта страница, как и её родительский раздел, работают со стандартными шаблонами. У заметок обычно нет заголовков и шаблон раздела не учитывает этого, рисуя пустой список без ссылок.

К тому же, я не совсем уверен в URL-адресах для заметок. Пока что я остановился на простой комбинации цифр даты и времени создания заметки по UTC, посчитав, что в одну и ту же секунду я вряд ли способен каким-либо образом допустить коллизию в виде создания двух разных страниц. Также я пока не уверен что делать с переводами и подозреваю, что первые несколько десятков публикаций будут исключительно на русском, а там - посмотрим.

Публикации пока ещё производятся вручную, с использованием текстового редактора и Git. Тот инструмент которым я пытался автоматизировать процессы контроля контента ещё в начале года почти сразу ушёл на переработку, когда я, наконец, осознал архитектуру Headless CMS. Ничего, мне пока ещё привычно работать вручную.