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

.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

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",

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 Первый массив

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"
   },

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')

src/index-TEMP.pug → src/pages/index-TEMP.pug

-extends pug/layout.pug
+extends ../pug/layout.pug
 
 block meta
   title Главная

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')

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')

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')

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')

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')

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')

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')

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')

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')

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')

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')

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')

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')

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')

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')

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')

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')

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')

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')

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')

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')

src/index.pug → src/pages/index.pug

-extends pug/layout.pug
+extends ../pug/layout.pug
 
 block meta
   title Главная

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