Giters

AlienAmigo / XARIZMA

XARIZMA — karaoke club landing page

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Стартовый проект для вёрстки

Landing для караоке-клуба

Репозиторий проекта: https://github.com/AlienAmigo/XARIZMA.git

Обязательно добавьте поддержку editorconfig в ваш редактор кода.

npm i             # установить зависимости
npm start         # запустить сервер разработки (остановить: Ctrl+C)
npm build         # запустить сборку проекта
npm run bemlint   # проверить html-файлы папки build на соответствие BEM
npm run puglint   # проверить pug-файлы
npm run stylelint # проверить scss-файлы

Перед коммитом происходит автопроверка файлов. Если проверка выявила ошибки, они будут показаны в терминале.

О сборке:

В составе:

файл config.js

Файл config.js содержит глобальные настройки проекта в объекте config:

dir — переменные директорий проекта

addAssets — дополнительные файлы проекта

options — флаги, если нужно отключить какую-то часть сборки (например, в случае полной ненадобности js или сторонних модулей (Vendors)):

  • copyAssets — отключает копирование дополнительных файлов проекта
  • processJs — отключает создание /js/script.min.js и отслеживание изменений в js-файлах
  • copyJsVendors — отключает обработку дополнительных js-модулей и создание /js/vendors.min.js при processJs = false и processJs = false папка /js не создается

Fonts (Шрифты)

Все шрифты лежат в папке /fonts. <Конвертер шрифтов: https://www.fontsquirrel.com/tools/webfont-generator или google-webfonts-helper: https://google-webfonts-helper.herokuapp.com/fonts

Памятка по font-weight:

  • 100 — Thin (Hairline)
  • 200 — Extra Light (Ultra Light)
  • 300 — Light
  • 400 — Regular (Normal)
  • 500 — Medium
  • 600 — Semi Bold (Demi Bold)
  • 700 — Bold
  • 800 — Extra Bold (Ultra Bold)
  • 900 — Black (Heavy)

gh-pages

Модуль gh-pages для публикации результатов верстки уже установлен

npx gulp deploy  # инициализация
npm start deploy # отправка последнего коммита

Справочная информация

About

XARIZMA — karaoke club landing page

Languages

Language:JavaScript 45.1%Language:SCSS 37.1%Language:Pug 17.5%Language:Shell 0.3%