Обновляет схему

Author: ckomop0x

README.md

@@ -25,25 +25,49 @@ myApp
 ├── .github
 │   ├── bug_report.md              - шаблон для создания issue
 │   └── feature_request.md         - шаблон для создания запроса на улучшение
+│
 ├── source                         - все основные файлы, которые вам нужны
 │   ├── fonts                      - папка с подключаемыми шрифтами
-│   ├── html                       – HTML
+│   │   ├── Roboto-Regular.woff    – шрифт старого формата
+│   │   └── Roboto-Regular.woff2   – шрифт более современного формата
+│   │
+│   ├── html                       – HTML компоненты сайта
 │   │   ├── includes/              – блоки
+│   │   │   └── index              - пример блоков для главной страницы
+│   │   │       ├── hero.html      - секция hero
+│   │   │       └── structure.html - секция structure
 │   │   └── views/                 – страницы
+│   │       └── index.html         - главная страница
+│   │
 │   ├── img                        - изображения
+│   │   └── logo.svg               - лого проекта
 │   ├── js                         - JavaScript
+│   │   └── index.js               - точка входа для скриптов
+│   │   └── script.js              - пример импортируемого модуля
+│   │
 │   ├── root                       - файлы, которые будут лежать в корне проекта
 │   │   └── manifest.json          - базовая информация о сайте для браузера
+│   │
 │   ├── scss                       - стили проекта
+│   │   │   └── blocks             - примеры стилей вынесенных в блоки
+│   │   │       ├── container.scss - стили для .container
+│   │   │       ├── header.scss    - стили для .header
+│   │   │       ├── logo.scss      - стили для .logo
+│   │   │       ├── nav.scss       - стили для .nav
+│   │   │       └── visually-hidden.scss - этот блок используется для того, чтобы доступно прятать контент на странице.
+│   │   │
 │   │   ├── font-face.scss         - подключение шрифтов
 │   │   ├── global.scss            - глобальные стили
 │   │   ├── style.scss             – подключение всех стилей проекта
 │   │   └── variables.scss         - SCSS переменные (цвета, размеры, шрифты)
+│   │
 │   └── vendors                    - папка для внешних скриптов и библиотек
 │       └── normalize-css/         - нормализация стилей по умолчанию (https://necolas.github.io/normalize.css/)
 │           └── normalize.min.css  - минифицированный файл
+│
 ├── webpack                        - папка для webpack конфигураций
 │   └── webpack.config.js          - конфиг для webpack
+│
 ├── .editorconfig                  - настройки редактора кода
 ├── .eslintrc.js                   - настройки JS линтера
 ├── .gitattributes                 - технический файл для Git

source/html/includes/index/structure.html

@@ -2,25 +2,62 @@
   <h2>Файловая структура</h2>
   <code>
     <pre>
-    source/
-      fonts/                - папка с подключаемыми шрифтами
-      html/                 – HTML
-        includes/           – блоки
-        views/              – страницы
-      img/                  - картинки
-      js/                   - JavaScript
-      scss/                 - стили
-        blocks/               – блоки
-        font-face.scss        - подключение шрифтов
-        global.scss           - глобальные стили
-        style.scss            - подключение всех стилей проекта
-        variables.scss        - SCSS переменные (цвета, размеры, шрифты)
-      vendors/
-        normalize-css/
-          normalize.min.css - нормализация стилей по-умолчанию
-
-    .editorconfig           - настройки редактора кода
-    .eslitrc.js             - настройки JS линтера
+    myApp
+    ├── .github
+    │   ├── bug_report.md              - шаблон для создания issue
+    │   └── feature_request.md         - шаблон для создания запроса на улучшение
+    │
+    ├── source                         - все основные файлы, которые вам нужны
+    │   ├── fonts                      - папка с подключаемыми шрифтами
+    │   │   ├── Roboto-Regular.woff    – шрифт старого формата
+    │   │   └── Roboto-Regular.woff2   – шрифт более современного формата
+    │   │
+    │   ├── html                       – HTML компоненты сайта
+    │   │   ├── includes/              – блоки
+    │   │   │   └── index              - пример блоков для главной страницы
+    │   │   │       ├── hero.html      - секция hero
+    │   │   │       └── structure.html - секция structure
+    │   │   └── views/                 – страницы
+    │   │       └── index.html         - главная страница
+    │   │
+    │   ├── img                        - изображения
+    │   │   └── logo.svg               - лого проекта
+    │   ├── js                         - JavaScript
+    │   │   └── index.js               - точка входа для скриптов
+    │   │   └── script.js              - пример импортируемого модуля
+    │   │
+    │   ├── root                       - файлы, которые будут лежать в корне проекта
+    │   │   └── manifest.json          - базовая информация о сайте для браузера
+    │   │
+    │   ├── scss                       - стили проекта
+    │   │   │   └── blocks             - примеры стилей вынесенных в блоки
+    │   │   │       ├── container.scss - стили для .container
+    │   │   │       ├── header.scss    - стили для .header
+    │   │   │       ├── logo.scss      - стили для .logo
+    │   │   │       ├── nav.scss       - стили для .nav
+    │   │   │       └── visually-hidden.scss - этот блок используется для того, чтобы доступно прятать контент на странице.
+    │   │   │
+    │   │   ├── font-face.scss         - подключение шрифтов
+    │   │   ├── global.scss            - глобальные стили
+    │   │   ├── style.scss             – подключение всех стилей проекта
+    │   │   └── variables.scss         - SCSS переменные (цвета, размеры, шрифты)
+    │   │
+    │   └── vendors                    - папка для внешних скриптов и библиотек
+    │       └── normalize-css/         - нормализация стилей по умолчанию (https://necolas.github.io/normalize.css/)
+    │           └── normalize.min.css  - минифицированный файл
+    │
+    ├── webpack                        - папка для webpack конфигураций
+    │   └── webpack.config.js          - конфиг для webpack
+    │
+    ├── .editorconfig                  - настройки редактора кода
+    ├── .eslintrc.js                   - настройки JS линтера
+    ├── .gitattributes                 - технический файл для Git
+    ├── .gitignore                     - файлы/папки игнорируемые Git
+    ├── .prettierrc                    - настройки Prettier
+    ├── .stylelintrc.js                - настройки Stylelint
+    ├── LICENSE                        - лицензия проекта (MIT)
+    ├── package.json                   - зависимости, скрипты и базовая информация
+    └── README.md                      - описание проекта
     </pre>
   </code>
 </section>