Запилил обработку pug полностью

9060339a · Nikolay Gromov · 2d451525 · 9060339a · 9060339a · 9060339a
Commit 9060339a authored Nov 19, 2018 by Nikolay Gromov
30 changed files
--- a/.gitignore
+++ b/.gitignore
+design/
 build/*
 !build/readme.md
-design/
-src/scss/style.scss
 src/pug/mixins.pug
+
+src/scss/style.scss
 src/blocks/sprite-svg/img/sprite-svg.svg
 src/blocks/sprite-png/sprite-png.scss
 src/blocks/sprite-png/img/sprite-*.png
 faviconData.json

+__MACOSX
 .Saved/
 _arc/
 bower_components/
 node_modules/
 package-lock.json
 .vscode/
+.publish/
 .DS_Store
 *.log
 *.sublime-*
 *.rar
 *.zip
 .idea
-.publish
 ex_files
 Thumbs.db
-__MACOSX
--- a/config.js
+++ b/config.js
+// Файл перезаписывается программно при работе автоматизации
 let config =
 {
  "notGetBlocks": [
@@ -12,7 +13,8 @@ let config =
    "logo",
    "main-nav",
    "burger",
-    "page-footer"
+    "page-footer",
+    "catalog"
  ],
  "addStyleBefore": [
    "./src/scss/functions.scss",

--- a/gulpfile.js
+++ b/gulpfile.js
@@ -10,6 +10,9 @@ let blocksList = [];
 let oldBlocksListString = JSON.stringify(config.blocks);
 // Адрес репозитория
 let repoUrl = require('./package.json').repository.url.replace(/\.git$/g, '');
+// Определение: разработка это или финальная сборка
+// NODE_ENV=production npm start [задача]` приведет к сборке без sourcemaps
+const isDev = !process.env.NODE_ENV || process.env.NODE_ENV == 'dev';

 // Пакеты, использующиеся при обработке
 const { series, parallel, src, dest, watch } = require('gulp');
@@ -22,25 +25,12 @@ const replace = require('gulp-replace');
 const getClassesFromHtml = require('get-classes-from-html');
 const jsonFormat = require('json-format');
 const browserSync = require('browser-sync').create();
+const htmlbeautify = require('gulp-html-beautify');


 function compilePug() {
-
-  // Pug-фильтр, выводящий содержимое pug-файла в виде форматированного текста
-  const filterShowCode = function (text, options) {
-    var lines = text.split('\n');
-    var result = '<pre class="code">\n';
-    if (typeof(options['first-line']) !== 'undefined') result = result + '<code>' + options['first-line'] + '</code>\n';
-    for (var i = 0; i < (lines.length - 1); i++) { // (lines.length - 1) для срезания последней строки (пустая)
-      result = result + '<code>' + lines[i] + '</code>\n';
-    }
-    result = result + '</pre>\n';
-    result = result.replace(/<code><\/code>/g, '<code>&nbsp;</code>');
-    return result;
-  }
-
  return src([
-      dir.src + '*.pug',
+      dir.src + 'pages/**/*.pug',
    ])
    .pipe(plumber())
    .pipe(pug({
@@ -60,7 +50,8 @@ function compilePug() {
        config.blocks = config.blocks.filter(item => blocksList.indexOf(item) >= 0);
        // Добавить в конец списка блоков те элементы, которые использованы в HTML, но отсутствуют в списке
        Array.prototype.push.apply(config.blocks, getArraysDiff(blocksList, config.blocks));
-        // console.log(config.blocks); // Имеем список использованных сейчас на проекте блоков
+        // ИМЕЕМ СПИСОК ИСПОЛЬЗОВАННЫХ СЕЙЧАС НА ПРОЕКТЕ БЛОКОВ
+        // console.log(config.blocks);
        // Если есть изменения списка блоков
        if(oldBlocksListString != JSON.stringify(config.blocks)) {
          // Записать новый конфиг
@@ -73,11 +64,33 @@ function compilePug() {
        console.log('---------- В проекте нет блоков. Сурово. По-челябински.');
      }
    })
+    .pipe(htmlbeautify())
+    // и... привет бьютификатору!
+    .pipe(replace(/^(\s*)(<header.+?>)(.*)(<\/header>)/gm, '$1$2\n$1  $3\n$1$4'))
+    .pipe(replace(/^(\s*)(<footer.+?>)(.*)(<\/footer>)/gm, '$1$2\n$1  $3\n$1$4'))
+    .pipe(replace(/^\s*<section.+>/gm, '\n$&'))
+    .pipe(replace(/^\s*<\/section>/gm, '$&\n'))
+    .pipe(replace(/^\s*<article.+>/gm, '\n$&'))
+    .pipe(replace(/^\s*<\/article>/gm, '$&\n'))
+    .pipe(replace(/\n\n\n/gm, '\n\n'))
    .pipe(dest(dir.build));
 }
 exports.compilePug = compilePug;


+function writePugMixinsFile(cb) {
+  const regExp = dir.blocks.replace('./','');
+  let allBlocksWithPugFiles = getDirectories(dir.blocks, 'pug');
+  // console.log(allBlocksWithPugFiles);
+  let pugMixins = '//- ВНИМАНИЕ! Этот файл генерируется автоматически. Не пишите сюда ничего вручную!\n//- Читайте ./README.md для понимания.\n\n';
+  allBlocksWithPugFiles.forEach(function(blockName) {
+    pugMixins += 'include ' + dir.blocks.replace(dir.src,'../') + blockName + '/' + blockName + '.pug\n';
+  });
+  fs.writeFileSync(dir.src + 'pug/mixins.pug', pugMixins);
+  cb();
+}
+
+
 // function writeMainStyleFile(cb) {
 //   console.log('111');
 //   cb();
@@ -93,11 +106,13 @@ function clearBuildDir() {
 }
 exports.clearBuildDir = clearBuildDir;

+
 function reload(done) {
  browserSync.reload();
  done();
 }

+
 function serve() {
  browserSync.init({
    server: dir.build,
@@ -111,12 +126,21 @@ function serve() {
  ], series(compilePug, reload));
 }

-exports.default = series(compilePug, serve);;
+
+exports.default = series(
+  parallel(clearBuildDir, writePugMixinsFile),
+  compilePug,
+);
+// exports.default = series(compilePug, serve);



 // Функции, не являющиеся задачами Gulp ----------------------------------------

+/**
+ * Запись конфигурационного файла
+ * @param  {object} config Конфиг
+ */
 function writeConfig(config) {
  var settings = { type: 'space', size: 2 }
  let configText = '// Файл перезаписывается программно при работе автоматизации\nlet config =\n' + jsonFormat(config, settings) + ';\n\nmodule.exports = config;\n';
@@ -126,6 +150,22 @@ function writeConfig(config) {
  });
 }

+//
+/**
+ * Pug-фильтр, выводящий содержимое pug-файла в виде форматированного текста
+ */
+function filterShowCode(text, options) {
+  var lines = text.split('\n');
+  var result = '<pre class="code">\n';
+  if (typeof(options['first-line']) !== 'undefined') result = result + '<code>' + options['first-line'] + '</code>\n';
+  for (var i = 0; i < (lines.length - 1); i++) { // (lines.length - 1) для срезания последней строки (пустая)
+    result = result + '<code>' + lines[i] + '</code>\n';
+  }
+  result = result + '</pre>\n';
+  result = result.replace(/<code><\/code>/g, '<code>&nbsp;</code>');
+  return result;
+}
+
 /**
 * Проверка существования файла или папки
 * @param  {string} path      Путь до файла или папки
@@ -141,6 +181,19 @@ function fileExist(filepath){
  return flag;
 }

+/**
+ * Получение всех названий поддиректорий, содержащих файл указанного расширения, совпадающий по имени с поддиректорией
+ * @param  {string} source Путь к папке всех блоков.
+ * @param  {string} ext    Расширение файлов, которое проверяется
+ * @return {array}         Массив из имён блоков
+ */
+function getDirectories(source, ext) {
+  let res = fs.readdirSync(source)
+    .filter(item => fs.lstatSync(source + item).isDirectory())
+    .filter(item => fileExist(source + item + '/' + item + '.' + ext));
+  return res;
+}
+
 /**
 * Получение разницы между двумя массивами.
 * @param  {array} a1 Первый массив

--- a/package.json
+++ b/package.json
@@ -32,32 +32,36 @@
  "devDependencies": {
    "@babel/core": "^7.1.6",
    "@babel/preset-env": "^7.1.6",
-    "@htmlacademy/editorconfig-cli": "^1.0.0",
-    "autoprefixer": "^9.3.1",
    "babelify": "^10.0.0",
    "browser-sync": "^2.18.8",
    "browserify": "^16.2.3",
    "cross-env": "^5.0.0",
-    "css-mqpacker": "^7.0.0",
+    "gulp": "^4.0.0",
    "del": "^3.0.0",
    "get-classes-from-html": "^1.0.1",
+    "gulp-pug": "^4.0.1",
+    "gulp-html-beautify": "^1.0.1",
+    "gulp-plumber": "^1.1.0",
+    "gulp-rename": "^1.2.2",
+    "through2": "^3.0.0",
+    "json-format": "^1.0.1",
+    "husky": "^1.1.4",
+
+    "autoprefixer": "^9.3.1",
+    "css-mqpacker": "^7.0.0",
+    "@htmlacademy/editorconfig-cli": "^1.0.0",
    "gh-pages": "^2.0.1",
-    "gulp": "^4.0.0",
    "gulp-cheerio": "^0.6.2",
    "gulp-cleancss": "^0.2.2",
    "gulp-concat": "^2.6.1",
    "gulp-debug": "^4.0.0",
-    "gulp-html-beautify": "^1.0.1",
    "gulp-if": "^2.0.2",
    "gulp-imagemin": "^5.0.3",
    "gulp-insert": "^0.5.0",
    "gulp-newer": "^1.3.0",
    "gulp-notify": "^3.0.0",
-    "gulp-plumber": "^1.1.0",
    "gulp-postcss": "^8.0.0",
-    "gulp-pug": "^4.0.1",
    "gulp-pug-lint": "git+https://github.com/nicothin/gulp-pug-lint.git",
-    "gulp-rename": "^1.2.2",
    "gulp-replace": "^1.0.0",
    "gulp-sass": "^4.0.1",
    "gulp-size": "^3.0.0",
@@ -67,8 +71,6 @@
    "gulp-uglify": "^3.0.0",
    "gulp-wait": "0.0.2",
    "gulp.spritesmith": "^6.3.0",
-    "husky": "^1.1.4",
-    "json-format": "^1.0.1",
    "jstransformer-markdown-it": "^2.0.0",
    "lint-staged": "^8.0.4",
    "merge-stream": "^1.0.1",
@@ -77,7 +79,6 @@
    "postcss-inline-svg": "^3.0.0",
    "postcss-object-fit-images": "^1.1.2",
    "stylelint": "^9.1.1",
-    "through2": "^3.0.0",
    "vinyl-buffer": "^1.0.1",
    "vinyl-source-stream": "^2.0.0"
  },

--- a/src/blocks-demo.pug
+++ b/src/blocks-demo.pug
--- a/src/pages/catalog/index.pug
+++ b/src/pages/catalog/index.pug
+extends ../../pug/layout.pug
+
+block meta
+  title Каталог
+  meta(name='description', content='')
+
+//- block append head
+//-   link(rel='stylesheet', href='css/some.css')
+
+block header
+  +page-header()
+    +logo('/')
+      span Логотип в каталоге
+    +main-nav('10')
+
+block content
+  p Содержимое. #[a(href='blocks-demo.html') Библиотека блоков].
+  .catalog Каталог, сученька!
+
+block footer
+  +page-footer()
+    p «Подвал»
+    p Контактный телефон: #[a(href="tel:+70000000000") +7 000 000 00 00]
+
+//- block page-bottom
+//-   script(src='js/some.js')
--- a/src/index-TEMP.pug
+++ b/src/index-TEMP.pug
-extends pug/layout.pug
+extends ../pug/layout.pug

 block meta
  title Главная

--- a/src/pages/index-TEMP0.pug
+++ b/src/pages/index-TEMP0.pug
+extends ../pug/layout.pug
+
+block meta
+  title Главная
+  meta(name='description', content='')
+
+//- block append head
+//-   link(rel='stylesheet', href='css/some.css')
+
+block header
+  +page-header()
+    +logo('/')
+      span Логотип
+    +main-nav('10')
+    .some-new-class Class
+      .some-new-class__eee EEE!
+    .some-new-class.some-new-class--error Class
+      .some-new-class__eee EEE!
+
+block content
+  p Содержимое. #[a(href='blocks-demo.html') Библиотека блоков].
+
+block footer
+  +page-footer()
+    p «Подвал»
+    p Контактный телефон: #[a(href="tel:+70000000000") +7 000 000 00 00]
+
+//- block page-bottom
+//-   script(src='js/some.js')
--- a/src/pages/index-TEMP01.pug
+++ b/src/pages/index-TEMP01.pug
+extends ../pug/layout.pug
+
+block meta
+  title Главная
+  meta(name='description', content='')
+
+//- block append head
+//-   link(rel='stylesheet', href='css/some.css')
+
+block header
+  +page-header()
+    +logo('/')
+      span Логотип
+    +main-nav('10')
+    .some-new-class Class
+      .some-new-class__eee EEE!
+    .some-new-class.some-new-class--error Class
+      .some-new-class__eee EEE!
+
+block content
+  p Содержимое. #[a(href='blocks-demo.html') Библиотека блоков].
+
+block footer
+  +page-footer()
+    p «Подвал»
+    p Контактный телефон: #[a(href="tel:+70000000000") +7 000 000 00 00]
+
+//- block page-bottom
+//-   script(src='js/some.js')
--- a/src/pages/index-TEMP02.pug
+++ b/src/pages/index-TEMP02.pug
+extends ../pug/layout.pug
+
+block meta
+  title Главная
+  meta(name='description', content='')
+
+//- block append head
+//-   link(rel='stylesheet', href='css/some.css')
+
+block header
+  +page-header()
+    +logo('/')
+      span Логотип
+    +main-nav('10')
+    .some-new-class Class
+      .some-new-class__eee EEE!
+    .some-new-class.some-new-class--error Class
+      .some-new-class__eee EEE!
+
+block content
+  p Содержимое. #[a(href='blocks-demo.html') Библиотека блоков].
+
+block footer
+  +page-footer()
+    p «Подвал»
+    p Контактный телефон: #[a(href="tel:+70000000000") +7 000 000 00 00]
+
+//- block page-bottom
+//-   script(src='js/some.js')
--- a/src/pages/index-TEMP03.pug
+++ b/src/pages/index-TEMP03.pug
+extends ../pug/layout.pug
+
+block meta
+  title Главная
+  meta(name='description', content='')
+
+//- block append head
+//-   link(rel='stylesheet', href='css/some.css')
+
+block header
+  +page-header()
+    +logo('/')
+      span Логотип
+    +main-nav('10')
+    .some-new-class Class
+      .some-new-class__eee EEE!
+    .some-new-class.some-new-class--error Class
+      .some-new-class__eee EEE!
+
+block content
+  p Содержимое. #[a(href='blocks-demo.html') Библиотека блоков].
+
+block footer
+  +page-footer()
+    p «Подвал»
+    p Контактный телефон: #[a(href="tel:+70000000000") +7 000 000 00 00]
+
+//- block page-bottom
+//-   script(src='js/some.js')
--- a/src/pages/index-TEMP04.pug
+++ b/src/pages/index-TEMP04.pug
+extends ../pug/layout.pug
+
+block meta
+  title Главная
+  meta(name='description', content='')
+
+//- block append head
+//-   link(rel='stylesheet', href='css/some.css')
+
+block header
+  +page-header()
+    +logo('/')
+      span Логотип
+    +main-nav('10')
+    .some-new-class Class
+      .some-new-class__eee EEE!
+    .some-new-class.some-new-class--error Class
+      .some-new-class__eee EEE!
+
+block content
+  p Содержимое. #[a(href='blocks-demo.html') Библиотека блоков].
+
+block footer
+  +page-footer()
+    p «Подвал»
+    p Контактный телефон: #[a(href="tel:+70000000000") +7 000 000 00 00]
+
+//- block page-bottom
+//-   script(src='js/some.js')
--- a/src/pages/index-TEMP05.pug
+++ b/src/pages/index-TEMP05.pug
+extends ../pug/layout.pug
+
+block meta
+  title Главная
+  meta(name='description', content='')
+
+//- block append head
+//-   link(rel='stylesheet', href='css/some.css')
+
+block header
+  +page-header()
+    +logo('/')
+      span Логотип
+    +main-nav('10')
+    .some-new-class Class
+      .some-new-class__eee EEE!
+    .some-new-class.some-new-class--error Class
+      .some-new-class__eee EEE!
+
+block content
+  p Содержимое. #[a(href='blocks-demo.html') Библиотека блоков].
+
+block footer
+  +page-footer()
+    p «Подвал»
+    p Контактный телефон: #[a(href="tel:+70000000000") +7 000 000 00 00]
+
+//- block page-bottom
+//-   script(src='js/some.js')
--- a/src/pages/index-TEMP06.pug
+++ b/src/pages/index-TEMP06.pug
+extends ../pug/layout.pug
+
+block meta
+  title Главная
+  meta(name='description', content='')
+
+//- block append head
+//-   link(rel='stylesheet', href='css/some.css')
+
+block header
+  +page-header()
+    +logo('/')
+      span Логотип
+    +main-nav('10')
+    .some-new-class Class
+      .some-new-class__eee EEE!
+    .some-new-class.some-new-class--error Class
+      .some-new-class__eee EEE!
+
+block content
+  p Содержимое. #[a(href='blocks-demo.html') Библиотека блоков].
+
+block footer
+  +page-footer()
+    p «Подвал»
+    p Контактный телефон: #[a(href="tel:+70000000000") +7 000 000 00 00]
+
+//- block page-bottom
+//-   script(src='js/some.js')
--- a/src/pages/index-TEMP07.pug
+++ b/src/pages/index-TEMP07.pug
+extends ../pug/layout.pug
+
+block meta
+  title Главная
+  meta(name='description', content='')
+
+//- block append head
+//-   link(rel='stylesheet', href='css/some.css')
+
+block header
+  +page-header()
+    +logo('/')
+      span Логотип
+    +main-nav('10')
+    .some-new-class Class
+      .some-new-class__eee EEE!
+    .some-new-class.some-new-class--error Class
+      .some-new-class__eee EEE!
+
+block content
+  p Содержимое. #[a(href='blocks-demo.html') Библиотека блоков].
+
+block footer
+  +page-footer()
+    p «Подвал»
+    p Контактный телефон: #[a(href="tel:+70000000000") +7 000 000 00 00]
+
+//- block page-bottom
+//-   script(src='js/some.js')
--- a/src/pages/index-TEMP08.pug
+++ b/src/pages/index-TEMP08.pug
+extends ../pug/layout.pug
+
+block meta
+  title Главная
+  meta(name='description', content='')
+
+//- block append head
+//-   link(rel='stylesheet', href='css/some.css')
+
+block header
+  +page-header()
+    +logo('/')
+      span Логотип
+    +main-nav('10')
+    .some-new-class Class
+      .some-new-class__eee EEE!
+    .some-new-class.some-new-class--error Class
+      .some-new-class__eee EEE!
+
+block content
+  p Содержимое. #[a(href='blocks-demo.html') Библиотека блоков].
+
+block footer
+  +page-footer()
+    p «Подвал»
+    p Контактный телефон: #[a(href="tel:+70000000000") +7 000 000 00 00]
+
+//- block page-bottom
+//-   script(src='js/some.js')
--- a/src/pages/index-TEMP09.pug
+++ b/src/pages/index-TEMP09.pug
+extends ../pug/layout.pug
+
+block meta
+  title Главная
+  meta(name='description', content='')
+
+//- block append head
+//-   link(rel='stylesheet', href='css/some.css')
+
+block header
+  +page-header()
+    +logo('/')
+      span Логотип
+    +main-nav('10')
+    .some-new-class Class
+      .some-new-class__eee EEE!
+    .some-new-class.some-new-class--error Class
+      .some-new-class__eee EEE!
+
+block content
+  p Содержимое. #[a(href='blocks-demo.html') Библиотека блоков].
+
+block footer
+  +page-footer()
+    p «Подвал»
+    p Контактный телефон: #[a(href="tel:+70000000000") +7 000 000 00 00]
+
+//- block page-bottom
+//-   script(src='js/some.js')
--- a/src/pages/index-TEMP10.pug
+++ b/src/pages/index-TEMP10.pug
+extends ../pug/layout.pug
+
+block meta
+  title Главная
+  meta(name='description', content='')
+
+//- block append head
+//-   link(rel='stylesheet', href='css/some.css')
+
+block header
+  +page-header()
+    +logo('/')
+      span Логотип
+    +main-nav('10')
+    .some-new-class Class
+      .some-new-class__eee EEE!
+    .some-new-class.some-new-class--error Class
+      .some-new-class__eee EEE!
+
+block content
+  p Содержимое. #[a(href='blocks-demo.html') Библиотека блоков].
+
+block footer
+  +page-footer()
+    p «Подвал»
+    p Контактный телефон: #[a(href="tel:+70000000000") +7 000 000 00 00]
+
+//- block page-bottom
+//-   script(src='js/some.js')
--- a/src/pages/index-TEMP11.pug
+++ b/src/pages/index-TEMP11.pug
+extends ../pug/layout.pug
+
+block meta
+  title Главная
+  meta(name='description', content='')
+
+//- block append head
+//-   link(rel='stylesheet', href='css/some.css')
+
+block header
+  +page-header()
+    +logo('/')
+      span Логотип
+    +main-nav('10')
+    .some-new-class Class
+      .some-new-class__eee EEE!
+    .some-new-class.some-new-class--error Class
+      .some-new-class__eee EEE!
+
+block content
+  p Содержимое. #[a(href='blocks-demo.html') Библиотека блоков].
+
+block footer
+  +page-footer()
+    p «Подвал»
+    p Контактный телефон: #[a(href="tel:+70000000000") +7 000 000 00 00]
+
+//- block page-bottom
+//-   script(src='js/some.js')
--- a/src/pages/index-TEMP12.pug
+++ b/src/pages/index-TEMP12.pug
+extends ../pug/layout.pug
+
+block meta
+  title Главная
+  meta(name='description', content='')
+
+//- block append head
+//-   link(rel='stylesheet', href='css/some.css')
+
+block header
+  +page-header()
+    +logo('/')
+      span Логотип
+    +main-nav('10')
+    .some-new-class Class
+      .some-new-class__eee EEE!
+    .some-new-class.some-new-class--error Class
+      .some-new-class__eee EEE!
+
+block content
+  p Содержимое. #[a(href='blocks-demo.html') Библиотека блоков].
+
+block footer
+  +page-footer()
+    p «Подвал»
+    p Контактный телефон: #[a(href="tel:+70000000000") +7 000 000 00 00]
+
+//- block page-bottom
+//-   script(src='js/some.js')
--- a/src/pages/index-TEMP13.pug
+++ b/src/pages/index-TEMP13.pug
+extends ../pug/layout.pug
+
+block meta
+  title Главная
+  meta(name='description', content='')
+
+//- block append head
+//-   link(rel='stylesheet', href='css/some.css')
+
+block header
+  +page-header()
+    +logo('/')
+      span Логотип
+    +main-nav('10')
+    .some-new-class Class
+      .some-new-class__eee EEE!
+    .some-new-class.some-new-class--error Class
+      .some-new-class__eee EEE!
+
+block content
+  p Содержимое. #[a(href='blocks-demo.html') Библиотека блоков].
+
+block footer
+  +page-footer()
+    p «Подвал»
+    p Контактный телефон: #[a(href="tel:+70000000000") +7 000 000 00 00]
+
+//- block page-bottom
+//-   script(src='js/some.js')
--- a/src/pages/index-TEMP14.pug
+++ b/src/pages/index-TEMP14.pug
+extends ../pug/layout.pug
+
+block meta
+  title Главная
+  meta(name='description', content='')
+
+//- block append head
+//-   link(rel='stylesheet', href='css/some.css')
+
+block header
+  +page-header()
+    +logo('/')
+      span Логотип
+    +main-nav('10')
+    .some-new-class Class
+      .some-new-class__eee EEE!
+    .some-new-class.some-new-class--error Class
+      .some-new-class__eee EEE!
+
+block content
+  p Содержимое. #[a(href='blocks-demo.html') Библиотека блоков].
+
+block footer
+  +page-footer()
+    p «Подвал»
+    p Контактный телефон: #[a(href="tel:+70000000000") +7 000 000 00 00]
+
+//- block page-bottom
+//-   script(src='js/some.js')
--- a/src/pages/index-TEMP15.pug
+++ b/src/pages/index-TEMP15.pug
+extends ../pug/layout.pug
+
+block meta
+  title Главная
+  meta(name='description', content='')
+
+//- block append head
+//-   link(rel='stylesheet', href='css/some.css')
+
+block header
+  +page-header()
+    +logo('/')
+      span Логотип
+    +main-nav('10')
+    .some-new-class Class
+      .some-new-class__eee EEE!
+    .some-new-class.some-new-class--error Class
+      .some-new-class__eee EEE!
+
+block content
+  p Содержимое. #[a(href='blocks-demo.html') Библиотека блоков].
+
+block footer
+  +page-footer()
+    p «Подвал»
+    p Контактный телефон: #[a(href="tel:+70000000000") +7 000 000 00 00]
+
+//- block page-bottom
+//-   script(src='js/some.js')
--- a/src/pages/index-TEMP16.pug
+++ b/src/pages/index-TEMP16.pug
+extends ../pug/layout.pug
+
+block meta
+  title Главная
+  meta(name='description', content='')
+
+//- block append head
+//-   link(rel='stylesheet', href='css/some.css')
+
+block header
+  +page-header()
+    +logo('/')
+      span Логотип
+    +main-nav('10')
+    .some-new-class Class
+      .some-new-class__eee EEE!
+    .some-new-class.some-new-class--error Class
+      .some-new-class__eee EEE!
+
+block content
+  p Содержимое. #[a(href='blocks-demo.html') Библиотека блоков].
+
+block footer
+  +page-footer()
+    p «Подвал»
+    p Контактный телефон: #[a(href="tel:+70000000000") +7 000 000 00 00]
+
+//- block page-bottom
+//-   script(src='js/some.js')
--- a/src/pages/index-TEMP17.pug
+++ b/src/pages/index-TEMP17.pug
+extends ../pug/layout.pug
+
+block meta
+  title Главная
+  meta(name='description', content='')
+
+//- block append head
+//-   link(rel='stylesheet', href='css/some.css')
+
+block header
+  +page-header()
+    +logo('/')
+      span Логотип
+    +main-nav('10')
+    .some-new-class Class
+      .some-new-class__eee EEE!
+    .some-new-class.some-new-class--error Class
+      .some-new-class__eee EEE!
+
+block content
+  p Содержимое. #[a(href='blocks-demo.html') Библиотека блоков].
+
+block footer
+  +page-footer()
+    p «Подвал»
+    p Контактный телефон: #[a(href="tel:+70000000000") +7 000 000 00 00]
+
+//- block page-bottom
+//-   script(src='js/some.js')
--- a/src/pages/index-TEMP18.pug
+++ b/src/pages/index-TEMP18.pug
+extends ../pug/layout.pug
+
+block meta
+  title Главная
+  meta(name='description', content='')
+
+//- block append head
+//-   link(rel='stylesheet', href='css/some.css')
+
+block header
+  +page-header()
+    +logo('/')
+      span Логотип
+    +main-nav('10')
+    .some-new-class Class
+      .some-new-class__eee EEE!
+    .some-new-class.some-new-class--error Class
+      .some-new-class__eee EEE!
+
+block content
+  p Содержимое. #[a(href='blocks-demo.html') Библиотека блоков].
+
+block footer
+  +page-footer()
+    p «Подвал»
+    p Контактный телефон: #[a(href="tel:+70000000000") +7 000 000 00 00]
+
+//- block page-bottom
+//-   script(src='js/some.js')
--- a/src/pages/index-TEMP19.pug
+++ b/src/pages/index-TEMP19.pug
+extends ../pug/layout.pug
+
+block meta
+  title Главная
+  meta(name='description', content='')
+
+//- block append head
+//-   link(rel='stylesheet', href='css/some.css')
+
+block header
+  +page-header()
+    +logo('/')
+      span Логотип
+    +main-nav('10')
+    .some-new-class Class
+      .some-new-class__eee EEE!
+    .some-new-class.some-new-class--error Class
+      .some-new-class__eee EEE!
+
+block content
+  p Содержимое. #[a(href='blocks-demo.html') Библиотека блоков].
+
+block footer
+  +page-footer()
+    p «Подвал»
+    p Контактный телефон: #[a(href="tel:+70000000000") +7 000 000 00 00]
+
+//- block page-bottom
+//-   script(src='js/some.js')
--- a/src/pages/index-TEMP20.pug
+++ b/src/pages/index-TEMP20.pug
+extends ../pug/layout.pug
+
+block meta
+  title Главная
+  meta(name='description', content='')
+
+//- block append head
+//-   link(rel='stylesheet', href='css/some.css')
+
+block header
+  +page-header()
+    +logo('/')
+      span Логотип
+    +main-nav('10')
+    .some-new-class Class
+      .some-new-class__eee EEE!
+    .some-new-class.some-new-class--error Class
+      .some-new-class__eee EEE!
+
+block content
+  p Содержимое. #[a(href='blocks-demo.html') Библиотека блоков].
+
+block footer
+  +page-footer()
+    p «Подвал»
+    p Контактный телефон: #[a(href="tel:+70000000000") +7 000 000 00 00]
+
+//- block page-bottom
+//-   script(src='js/some.js')
--- a/src/index.pug
+++ b/src/index.pug
-extends pug/layout.pug
+extends ../pug/layout.pug

 block meta
  title Главная

--- a/src/pug/layout-off-canvas.pug
+++ b/src/pug/layout-off-canvas.pug
@@ -20,8 +20,10 @@ html(class='no-js  page', lang='ru')
    link(rel='icon', type='image/png', sizes='16x16', href='/img/favicon/favicon-16x16.png')
    link(rel='manifest', href='/site.webmanifest')
    link(rel='mask-icon', href='/img/favicon/safari-pinned-tab.svg', color='#5bbad5')
-    meta(name='msapplication-TileColor', content='#ffffff')
-    meta(name='theme-color', content='#ffffff')
+    meta(name='msapplication-TileColor', content='#5bbad5')
+    meta(name='theme-color', content='#000')
+    meta(name='msapplication-navbutton-color', content='#000')
+    meta(name='apple-mobile-web-app-status-bar-style', content='#000')

    block meta
      title Home