Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions .eslintrc
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
{
"extends": "hrundel/browser"
}
{
"extends": "hrundel/browser"
}
4 changes: 2 additions & 2 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -1,2 +1,2 @@
node_modules/
*.log
node_modules/
*.log
90 changes: 45 additions & 45 deletions .htmllintrc
Original file line number Diff line number Diff line change
@@ -1,45 +1,45 @@
{
"attr-bans": [
"align",
"background",
"bgcolor",
"border",
"frameborder",
"style"
],
"attr-name-style": "lowercase",
"attr-no-dup": true,
"attr-quote-style": "double",
"attr-req-value": false,
"class-no-dup": true,
"class-style": false,
"doctype-first": true,
"doctype-html5": true,
"fig-req-figcaption": true,
"focusable-tabindex-style": true,
"head-req-title": true,
"html-req-lang": true,
"id-class-style": false,
"id-no-dup": true,
"img-req-src": true,
"img-req-alt": "allownull",
"indent-width": 4,
"indent-width-cont": true,
"label-req-for": true,
"line-max-len": 110,
"spec-char-escape": true,
"tag-bans": [
"b",
"i",
"u",
"center",
"style",
"marquee",
"font",
"s"
],
"tag-name-lowercase": true,
"tag-name-match": true,
"tag-self-close": "never",
"title-no-dup": true
}
{
"attr-bans": [
"align",
"background",
"bgcolor",
"border",
"frameborder",
"style"
],
"attr-name-style": "lowercase",
"attr-no-dup": true,
"attr-quote-style": "double",
"attr-req-value": false,
"class-no-dup": true,
"class-style": false,
"doctype-first": true,
"doctype-html5": true,
"fig-req-figcaption": true,
"focusable-tabindex-style": true,
"head-req-title": true,
"html-req-lang": true,
"id-class-style": false,
"id-no-dup": true,
"img-req-src": true,
"img-req-alt": "allownull",
"indent-width": 4,
"indent-width-cont": true,
"label-req-for": true,
"line-max-len": 110,
"spec-char-escape": true,
"tag-bans": [
"b",
"i",
"u",
"center",
"style",
"marquee",
"font",
"s"
],
"tag-name-lowercase": true,
"tag-name-match": true,
"tag-self-close": "never",
"title-no-dup": true
}
4 changes: 2 additions & 2 deletions .npmrc
Original file line number Diff line number Diff line change
@@ -1,2 +1,2 @@
registry=https://registry.npmjs.org/
save-exact=true
registry=https://registry.npmjs.org/
save-exact=true
6 changes: 3 additions & 3 deletions .stylelintrc
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
{
"extends": "stylelint-config-hrundel"
}
{
"extends": "stylelint-config-hrundel"
}
6 changes: 3 additions & 3 deletions .travis.yml
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
language: node_js
node_js:
- "8"
language: node_js
node_js:
- "8"
144 changes: 72 additions & 72 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,72 +1,72 @@
# Задача «Тим слишком занят»

Перед выполнением задания внимательно прочитайте:

- [О всех этапах проверки задания](https://github.com/urfu-2017/guides/blob/master/workflow/overall.md)
- [Как отправить пулл](https://github.com/urfu-2017/guides/blob/master/workflow/pull.md)
- [Как пройти тесты](https://github.com/urfu-2017/guides/blob/master/workflow/test.md)
- Правила оформления [javascript](https://github.com/urfu-2017/guides/blob/master/codestyle/js.md), [HTML](https://github.com/urfu-2017/guides/blob/master/codestyle/html.md) и [CSS](https://github.com/urfu-2017/guides/blob/master/codestyle/css.md) кода

## Основное задание

:warning: Задание необходимо решить __без использования внешних библиотек__

Билли вернулся из путешествия и привез с собой сувениры. Слишком много сувениров...
Поэтому он решил продать все это добро, а чтобы ускорить процесс ему пришла в голову идея создать интернет магазин "Билли.Маркет".

В своих путешествиях Билли заметил, что окружающие его люди не выпускают из рук свои телефоны.
Поэтому он решил, что его магазин будет удобен для использования на всевозможных устройствах.
Билли подумал: "Кто разбирается в мобилках лучше, чем Тим, мой старый друг!"
Билли решил обратиться за помощью к нему.
Но Тим слишком занят своим проектом "XI" и поэтому Билли просит вас помочь.

### Требования

На странице присутствует пять основных блоков: шапка, навигация, список популярных сувениров, блок с карточками предлагаемых сувениров и форма заказа сувенира.
В шапке расположены логотип Билли.Маркета и поле для ввода поискового запроса.
На макетах представлено расположение этих блоков на десктопах, планшетах и мобильных устройствах.


##### На десктопах (большой экран):
<a href="https://user-images.githubusercontent.com/11780431/37780537-c41cdd6e-2e10-11e8-8b92-5dae165fcd82.png" target="_blank">
<img src="https://user-images.githubusercontent.com/11780431/37780537-c41cdd6e-2e10-11e8-8b92-5dae165fcd82.png" width="300">
</a>

* Содержимое сервиса разбито на три колонки
* Блок предлагаемых сувениров и форма заказа расположены в центральной колонке, меню - в левой, а список популярных сувениров - в правой


##### На планшетах (средний экран):
<a href="https://user-images.githubusercontent.com/11780431/37780541-c4864ea2-2e10-11e8-83f1-382af0c817c9.png" target="_blank">
<img src="https://user-images.githubusercontent.com/11780431/37780541-c4864ea2-2e10-11e8-83f1-382af0c817c9.png" width="300">
</a>

* Поле для ввода поискового запроса появляется при нажатии на иконку "Поиск", а при потере фокуса пропадает
* Меню сервиса расположено над блоком с предлагаемыми сувенирами
* Список популярных сувениров смещен под блок с сувенирами
* Форма заказа сувенира находится внизу страницы
* Меню, список предлагаемых сувениров и список популярных сувениров растянуты на ширину экрана
* Допускается наличие отступов от края экрана


##### На мобильных устройствах (маленький экран):
<a href="https://user-images.githubusercontent.com/11780431/37780540-c46220f4-2e10-11e8-8c84-b911a06ec470.png" target="_blank">
<img src="https://user-images.githubusercontent.com/11780431/37780540-c46220f4-2e10-11e8-8c84-b911a06ec470.png" width="150">
</a>
<a href="https://user-images.githubusercontent.com/11780431/37780538-c4400136-2e10-11e8-844b-7c2bf50e6b70.png" target="_blank">
<img src="https://user-images.githubusercontent.com/11780431/37780538-c4400136-2e10-11e8-844b-7c2bf50e6b70.png" width="150">
</a>

* В шапке находится логотип сервиса и "бутерброд"
* Список популярных сувениров находится над блоком с предлагаемыми сувенирами
* Карточки предлагаемых сувениров расположены в одну колонку
* После карточек предлагаемых сувениров нужно разместить форму заказа сувенира
* Меню появляется в двух случаях:
* при нажатии на "бутерброд"
* при свайпе справа налево
* Меню имеет фиксированное расположение
* При открытом меню содержимое страницы не скроллится
* Список популярных сувениров и блок с предлагаемыми сувенирами растянуты на ширину экрана (Отступы с краев допускаются)
* Поиск должен находиться в шапке, под логотипом магазина

![Timothy](https://user-images.githubusercontent.com/11780431/37778116-f7e0cba2-2e0a-11e8-88cf-c900f692748a.jpg)
# Задача «Тим слишком занят»
Перед выполнением задания внимательно прочитайте:
- [О всех этапах проверки задания](https://github.com/urfu-2017/guides/blob/master/workflow/overall.md)
- [Как отправить пулл](https://github.com/urfu-2017/guides/blob/master/workflow/pull.md)
- [Как пройти тесты](https://github.com/urfu-2017/guides/blob/master/workflow/test.md)
- Правила оформления [javascript](https://github.com/urfu-2017/guides/blob/master/codestyle/js.md), [HTML](https://github.com/urfu-2017/guides/blob/master/codestyle/html.md) и [CSS](https://github.com/urfu-2017/guides/blob/master/codestyle/css.md) кода
## Основное задание
:warning: Задание необходимо решить __без использования внешних библиотек__
Билли вернулся из путешествия и привез с собой сувениры. Слишком много сувениров...
Поэтому он решил продать все это добро, а чтобы ускорить процесс ему пришла в голову идея создать интернет магазин "Билли.Маркет".
В своих путешествиях Билли заметил, что окружающие его люди не выпускают из рук свои телефоны.
Поэтому он решил, что его магазин будет удобен для использования на всевозможных устройствах.
Билли подумал: "Кто разбирается в мобилках лучше, чем Тим, мой старый друг!"
Билли решил обратиться за помощью к нему.
Но Тим слишком занят своим проектом "XI" и поэтому Билли просит вас помочь.
### Требования
На странице присутствует пять основных блоков: шапка, навигация, список популярных сувениров, блок с карточками предлагаемых сувениров и форма заказа сувенира.
В шапке расположены логотип Билли.Маркета и поле для ввода поискового запроса.
На макетах представлено расположение этих блоков на десктопах, планшетах и мобильных устройствах.
##### На десктопах (большой экран):
<a href="https://user-images.githubusercontent.com/11780431/37780537-c41cdd6e-2e10-11e8-8b92-5dae165fcd82.png" target="_blank">
<img src="https://user-images.githubusercontent.com/11780431/37780537-c41cdd6e-2e10-11e8-8b92-5dae165fcd82.png" width="300">
</a>
* Содержимое сервиса разбито на три колонки
* Блок предлагаемых сувениров и форма заказа расположены в центральной колонке, меню - в левой, а список популярных сувениров - в правой
##### На планшетах (средний экран):
<a href="https://user-images.githubusercontent.com/11780431/37780541-c4864ea2-2e10-11e8-83f1-382af0c817c9.png" target="_blank">
<img src="https://user-images.githubusercontent.com/11780431/37780541-c4864ea2-2e10-11e8-83f1-382af0c817c9.png" width="300">
</a>
* Поле для ввода поискового запроса появляется при нажатии на иконку "Поиск", а при потере фокуса пропадает
* Меню сервиса расположено над блоком с предлагаемыми сувенирами
* Список популярных сувениров смещен под блок с сувенирами
* Форма заказа сувенира находится внизу страницы
* Меню, список предлагаемых сувениров и список популярных сувениров растянуты на ширину экрана
* Допускается наличие отступов от края экрана
##### На мобильных устройствах (маленький экран):
<a href="https://user-images.githubusercontent.com/11780431/37780540-c46220f4-2e10-11e8-8c84-b911a06ec470.png" target="_blank">
<img src="https://user-images.githubusercontent.com/11780431/37780540-c46220f4-2e10-11e8-8c84-b911a06ec470.png" width="150">
</a>
<a href="https://user-images.githubusercontent.com/11780431/37780538-c4400136-2e10-11e8-844b-7c2bf50e6b70.png" target="_blank">
<img src="https://user-images.githubusercontent.com/11780431/37780538-c4400136-2e10-11e8-844b-7c2bf50e6b70.png" width="150">
</a>
* В шапке находится логотип сервиса и "бутерброд"
* Список популярных сувениров находится над блоком с предлагаемыми сувенирами
* Карточки предлагаемых сувениров расположены в одну колонку
* После карточек предлагаемых сувениров нужно разместить форму заказа сувенира
* Меню появляется в двух случаях:
* при нажатии на "бутерброд"
* при свайпе справа налево
* Меню имеет фиксированное расположение
* При открытом меню содержимое страницы не скроллится
* Список популярных сувениров и блок с предлагаемыми сувенирами растянуты на ширину экрана (Отступы с краев допускаются)
* Поиск должен находиться в шапке, под логотипом магазина
![Timothy](https://user-images.githubusercontent.com/11780431/37778116-f7e0cba2-2e0a-11e8-88cf-c900f692748a.jpg)
Binary file added i.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading