https://github.com/a-raskatov/dabt
Заказ на подарочное интернет-издание в стиле рукописи.
https://github.com/a-raskatov/dabt
amp amp-validation bem bem-linter biome html-validation jsdoc nav-ring postcss pwa seo sitemap sqlite sse ssg vanilla-js vertical-rhythm
Last synced: 3 months ago
JSON representation
Заказ на подарочное интернет-издание в стиле рукописи.
- Host: GitHub
- URL: https://github.com/a-raskatov/dabt
- Owner: a-raskatov
- Created: 2025-08-31T19:16:01.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-11-22T17:32:02.000Z (3 months ago)
- Last Synced: 2025-11-22T19:26:25.008Z (3 months ago)
- Topics: amp, amp-validation, bem, bem-linter, biome, html-validation, jsdoc, nav-ring, postcss, pwa, seo, sitemap, sqlite, sse, ssg, vanilla-js, vertical-rhythm
- Language: JavaScript
- Homepage: https://a-raskatov.github.io/dabt/
- Size: 659 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Заказ на подарочное интернет-издание в стиле рукописи
Несколько интересных кейсов:
- Работа с «тетрадными» градиентами и рукописными шрифтами.
- Работа с вертикальным ритмом.
- Создание «книгоподобного» оглавления с заполнителем промежутков.
## Набор возможностей
- PWA.
- [sitemap](https://a-raskatov.github.io/dabt/sitemap.xml).
- [AMP-версия](https://a-raskatov.github.io/dabt/amp/).
## Для разработчика
- Инструмент [aвтообновления зависимостей](tools/upgrade.js).
- Перезагрузка страницы в браузере при перезагрузке сервера с помощью Server Sent Events.
- [Biome](https://biomejs.dev/) для проверки кода.
- Jest для тестирования.
- Автодеплой при пуше через github action по наличию фразы `[deploy]` в заголовке коммита.
## Технические особенности
- Написано на чистом Javascript (JSDoc для тайпчекинга), CSS, SQL без сборщиков.
- Валидация HTML-разметки, БЭМ-нейминга, AMP-разметки.
- Хренение контента в SQLite.
- БЭМ-нейминг классов, без вложенности. Дополнение к методологии:
- хелперы с префиксом `_` в названии, подключены в конце;
- допускается вложенность тегов не более 2-х;
- компоненты, основанные на уникальных тегах, могут не иметь классов.