Версия 2.0.

.babelrc

@@ -0,0 +1,7 @@
+{
+  "presets": [
+    [
+      "@babel/preset-env"
+    ]
+  ]
+}

.editorconfig

@@ -1,5 +1,3 @@
-# Файл с настройками для редактора.
-#
 # http://editorconfig.org
 
 root = true

.eslintrc.json

@@ -0,0 +1,32 @@
+{
+  "env": {
+    "browser": true,
+    "es6": true,
+    "node": true
+  },
+  "extends": "eslint:recommended",
+  "parserOptions": {
+    "ecmaVersion": 2015,
+    "sourceType": "module"
+  },
+  "rules": {
+    "indent": [
+      "error",
+      2,
+      {"SwitchCase": 1
+      }
+    ],
+    "linebreak-style": [
+      "error",
+      "unix"
+    ],
+    "quotes": [
+      "error",
+      "single"
+    ],
+    "semi": [
+      "error",
+      "always"
+    ]
+  }
+}

.gitignore

@@ -1,11 +1,13 @@
-.DS_Store
-.idea
 *.ai
 *.log
 *.pdf
 *.psd
 *.sublime*
-build
-node_modules
 npm-debug.*
 Thumbs.db
+.DS_Store
+.idea
+layouts
+build
+dist
+node_modules

.stylelintrc → .stylelintrc.json

@@ -4,23 +4,22 @@
     "at-rule-no-vendor-prefix": true,
     "color-hex-length": "long",
     "color-named": "never",
-    "declaration-block-no-redundant-longhand-properties": [true, {ignoreShorthands: ["flex-flow"]}],
+    "declaration-block-no-redundant-longhand-properties": true,
     "declaration-no-important": true,
-    "font-family-name-quotes": "always-unless-keyword",
+    "font-family-name-quotes": "always-where-recommended",
     "function-url-quotes": "always",
     "media-feature-name-no-vendor-prefix": true,
-    "no-duplicate-selectors": true,
     "property-no-vendor-prefix": true,
     "selector-attribute-quotes": "always",
-    "selector-combinator-space-after": "always",
-    "selector-max-attribute": [0, {ignoreAttributes: ["href"]}],
+    "selector-max-attribute": [0, { "ignoreAttributes": ["href"] }],
     "selector-max-id": 0,
-    "selector-max-type": [0, {ignore: ["descendant"], ignoreTypes: ["a", "body"]}],
+    "selector-max-type": [0, { "ignore": ["descendant"] }],
     "selector-max-universal": 0,
     "selector-no-qualifying-type": true,
     "selector-no-vendor-prefix": true,
-    "selector-type-no-unknown": true,
     "string-quotes": "double",
+    "value-keyword-case": "lower",
     "value-no-vendor-prefix": true,
+    "unit-case": "lower"
   }
 }

README.md

@@ -2,24 +2,55 @@
 
 [![Build status][travis-image]][travis-url] [![Dependency status][dependency-image]][dependency-url]
 
-* Вёрстка: [Андрей Грачев](https://github.com/andreysgra/)
-* [Демо проекта](https://andreysgra.github.io/nerds/)
+Вёрстка: [Андрей Грачев](https://github.com/andreysgra/)
+
+[Демо проекта](https://andreysgra.github.io/nerds/)
 
 ---
 
 ## Как использовать
 
-* `npm install` - установка зависимостей
-* `npm run build` - сборка проекта
-* `npm test` - запуск теста на наличие стилистических ошибок
-* `npm start` - сборка проекта и запуск локального сервера
-* `npm run deploy` - сборка проекта и отправка собранного проекта на GitHub Pages
+`npm install` - установка зависимостей.
 
----
+`npm start` - сборка проекта в режиме разработки и запуск локального сервера.
+
+`npm run build` - финальная сборка проекта.
+
+`npm run deploy` - финальная сборка проекта и размещение его в [GitHub Pages](https://pages.github.com).
 
-**Файлы:**
+`npm run dist` - финальная сборка проекта и упаковка его в zip-архив.
+
+`npm test` - запуск теста на наличие стилистических ошибок.
+
+---
 
-* [Specification.md](Specification.md) — техническое задание проекта.
+## Структура проекта
+
+```bash
+.
+├── build/            # каталог сборки проекта (cоздаётся автоматически)
+├── dist/             # каталог, в котором архивируется собранный проект (cоздаётся автоматически)
+├── gulpfile.js/      # каталог задач для Gulp
+├── source/           # каталог для размещения исходных файлов проекта
+│   ├── fonts/        # каталог шрифтов
+│   ├── img/          # каталог растровых и векторных изображений
+│   │   └── icons/    # каталог векторных изображений для генерации векторного спрайта
+│   ├── js/           # каталог JS файлов
+│   ├── styles/       # каталог файлов стилей
+│   └── index.html    # файл разметки страницы
+├── .babelrc          # файл конфигурации Babel
+├── .editorconfig     # файл конфигурации настроек редактора
+├── .eslintrc.json    # файл конфигурации ESLint
+├── .gitattributes    # файл атрибутов Git
+├── .gitignore        # файл исключений Git
+├── .npmrc            # файл конфигурации npm
+├── .stylelintrc.json # файл конфигурации stylelint
+├── .travis.yml       # файл конфигурации Travis CI
+├── package.json      # файл npm зависимостей и настроек проекта
+├── package-lock.json # lock-файл npm
+├── README.md         # документация проекта
+└── Specification.md  # техническое задание
+```
 
 [travis-image]: https://travis-ci.org/andreysgra/nerds.svg?branch=master
 [travis-url]: https://travis-ci.org/andreysgra/nerds

Specification.md

@@ -1,60 +1,62 @@
 # Техническое задание к проекту Нёрдс
 
-- Название сайта: Нёрдс
+## Проект Пинк
+
+Название сайта: Пинк
 
 ---
 
-## 1. Общие технические требования
+### 1. Общие технические требования
 
-- 1.1 Стандарты вёрстки: HTML5, CSS3, прогрессивное улучшение.
+- 1.1. Стандарты вёрстки: HTML5, CSS3, прогрессивное улучшение.
 - 1.2. Сетка: определена в макете.
 - 1.3. Адаптивность вёрстки: нет.
 - 1.4. Используемые фреймворки: нет.
-- 1.5. Кроссбраузерность: Internet Explorer 11, Edge, Chrome, Firefox, Safari.
+- 1.5. Кроссбраузерность: Chrome, Firefox, Safari, Edge, Internet Explorer 11.
 - 1.6. Типографика: частично определена в макете (прочее — на усмотрение разработчика).
 - 1.7. Используемый шрифт: Roboto (есть в папке с макетом и на Google Fonts).
 - 1.8. С макетом предоставлен `styleguide.psd`, содержащий прорисовку состояний элементов интерфейса. При любых расхождениях с макетами он должен иметь наивысший приоритет.
 
-## 2. Пояснения для учащихся
+### 2. Пояснения для учащихся
 
-- 2.1. В макетах есть скрытые слои с всплывающими окнами. Такие слои в блоке слоёв фотошопа выделены синим цветом.
+- 2.1. В макетах есть скрытые слои с всплывающими окнами. Такие слои в блоке слоёв Photoshop выделены синим цветом.
 - 2.2. Макеты верстаются постепенно, не нужно сразу выполнять все требования.
-- 2.3. Ниже в разделе «Обязательные требования» описано поведение блоков, которое должно быть реализовано для получения допуска. Требования из раздела «Дополнительные требования» можно реализовать по желанию для выполнения дополнительных критериев.
+- 2.3. Ниже в разделе «Обязательные требования» описано поведение блоков, которое должно быть реализовано для успешной защиты проекта. Требования из раздела «Дополнительные требования» можно реализовать по желанию для выполнения дополнительных критериев.
 
-## 3. Обязательные требования
+### 3. Обязательные требования
 
-  **Все макеты:**
+**Все макеты:**
 
 - 3.1. Контентная область центрируется и не может быть уже макетной ширины.
-- 3.2. Блок карты — достаточная реализация — обычное изображение.
+- 3.2. Блок карты: достаточная реализация — обычное изображение.
 - 3.3. Вёрстка модального окна обязательна (смотрите папку слоёв «write us»).
 
-  **nerds-index.psd:**
+**nerds-index.psd:**
 
-- 3.4. Главное меню — пункт «Магазин» должен вести на внутреннюю страницу (`nerds-catalog.psd`)
-- 3.5. Карусель под основной навигацией: слайдер. Вёрстка всех слайдов обязательна. Оживление слайдера необязательно, принцип оживления описан в 4 разделе.
+- 3.4. Главное меню: пункт «Магазин» должен вести на внутреннюю страницу (`nerds-catalog.psd`)
+- 3.5. Карусель под основной навигацией: слайдер. Вёрстка всех слайдов обязательна. Оживление слайдера необязательно, принцип оживления описан в 7 разделе.
 - 3.6. Логотип Академии в блоке с партнёрами ведёт на [лендинг интенсива «Профессиональный HTML и CSS, уровень 1»](https://htmlacademy.ru/intensive/htmlcss).
 
-  **nerds-catalog.psd:**
+**nerds-catalog.psd:**
 
 - 3.7. Логотип — это ссылка на главную страницу.
 - 3.8. Фильтр (блоки «Сетка», «Особенности») верстать с помощью формы, кнопка «Показать» отвечает за отправку формы.
-- 3.9. Блок «Стоимость» — при наведении на любой из маркеров появляется указатель `cursor: pointer`, делать маркеры подвижными не обязательно, цена меняться не должна.
+- 3.9. Блок «Стоимость»: при взаимодействии с любым из маркеров в качестве указателя допускается использовать любой подходящий тип курсора. Делать маркеры интерактивными не обязательно, стоимость меняться не должна.
 - 3.10. Карточка товара: название товара является ссылкой, клик по нему открывает модальное окно с демонстрацией товара (макета нет, модальное окно не делать).
 - 3.11. Карточка товара: при наполнении текстом блок с текстом не должен вылезать за границы изображения, кнопка покупки не должна пропадать.
 - 3.12. Количество товаров в правом блоке может быть любым, оно не должно ломать страницу.
 
-## 4. Дополнительные требования
+### 4. Дополнительные требования
 
-  **Все макеты:**
+**Все макеты:**
 
-- 4.1. Блок карты — реализация по желанию — интерактивная карта (карты Google или Яндекса), высота карты постоянная, ширина подстраивается под ширину вьюпорта (но не уже контентной ширины макета), на карте размещён маркер, центр карты соответствует центру блока в макете. Допустимо использовать как стандартный, так и кастомный маркер.
-- 4.2. По клику на кнопку «Напишите нам» возникает модальное окно с формой отправки сообщения (смотрите папку слоёв «write us» в nerds-index.psd), окно позиционируется относительно вьюпорта, а не страницы.
+- 4.1. Блок карты: интерактивная карта. Высота карты постоянная, ширина подстраивается под ширину вьюпорта (но не уже контентной ширины макета). На карте размещён маркер. Центр карты соответствует центру блока в макете. Допустимо использовать как стандартный, так и кастомный маркер. Реализация по желанию.
+- 4.2. По клику на кнопку «Напишите нам» появляется модальное окно с формой отправки сообщения (смотрите папку слоёв «write us» в `nerds-index.psd`). Окно позиционируется относительно вьюпорта, а не страницы.
 
-  **nerds-index.psd:**
+**nerds-index.psd:**
 
 - 4.3. Карусель под основной навигацией: оживление слайдера. Cмена слайдов мгновенная, без промежуточных переходов.
 
-  **nerds-catalog.psd:**
+**nerds-catalog.psd:**
 
 - 4.4. Фильтр (блоки «Сетка», «Особенности»): по нажатию кнопки «Показать» осуществляется отправка формы.