From cdb6c840ea670364889bc8d946d925af4630b157 Mon Sep 17 00:00:00 2001 From: mokhov Date: Tue, 25 Oct 2016 13:33:16 +0500 Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D0=B5?= =?UTF-8?q?=D0=BD=D0=B0=20=D0=B7=D0=B0=D0=B4=D0=B0=D1=87=D0=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .editorconfig | 15 ++++++++++ .gitignore | 8 ++++++ .htmllintrc | 45 +++++++++++++++++++++++++++++ .idea/.name | 1 + .idea/markup-task-4.iml | 8 ++++++ .idea/misc.xml | 14 +++++++++ .idea/modules.xml | 8 ++++++ .idea/vcs.xml | 6 ++++ .npmrc | 2 ++ .stylelintrc.json | 3 ++ .travis.yml | 3 ++ README.md | 63 ++++++++++++++++++++++++++++++++++++++++- index.css | 0 index.html | 8 ++++++ package.json | 16 +++++++++++ 15 files changed, 199 insertions(+), 1 deletion(-) create mode 100644 .editorconfig create mode 100644 .gitignore create mode 100644 .htmllintrc create mode 100644 .idea/.name create mode 100644 .idea/markup-task-4.iml create mode 100644 .idea/misc.xml create mode 100644 .idea/modules.xml create mode 100644 .idea/vcs.xml create mode 100644 .npmrc create mode 100644 .stylelintrc.json create mode 100644 .travis.yml create mode 100644 index.css create mode 100644 index.html create mode 100644 package.json diff --git a/.editorconfig b/.editorconfig new file mode 100644 index 0000000..936d024 --- /dev/null +++ b/.editorconfig @@ -0,0 +1,15 @@ +root = true + +[*] +charset = utf-8 +end_of_line = lf +insert_final_newline = true +indent_size = 4 +indent_style = space +trim_trailing_whitespace = true + +[*.json] +indent_size = 2 + +[*.md] +trim_trailing_whitespace = false diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..d3b29dd --- /dev/null +++ b/.gitignore @@ -0,0 +1,8 @@ +.DS_Store +.git +.idea + +*.log +*.swp + +node_modules diff --git a/.htmllintrc b/.htmllintrc new file mode 100644 index 0000000..fbd6d94 --- /dev/null +++ b/.htmllintrc @@ -0,0 +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 +} diff --git a/.idea/.name b/.idea/.name new file mode 100644 index 0000000..5b94c41 --- /dev/null +++ b/.idea/.name @@ -0,0 +1 @@ +markup-task-4 \ No newline at end of file diff --git a/.idea/markup-task-4.iml b/.idea/markup-task-4.iml new file mode 100644 index 0000000..c956989 --- /dev/null +++ b/.idea/markup-task-4.iml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/misc.xml b/.idea/misc.xml new file mode 100644 index 0000000..19f74da --- /dev/null +++ b/.idea/misc.xml @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/.idea/modules.xml b/.idea/modules.xml new file mode 100644 index 0000000..bf43cc2 --- /dev/null +++ b/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/vcs.xml b/.idea/vcs.xml new file mode 100644 index 0000000..94a25f7 --- /dev/null +++ b/.idea/vcs.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/.npmrc b/.npmrc new file mode 100644 index 0000000..f5357d5 --- /dev/null +++ b/.npmrc @@ -0,0 +1,2 @@ +save=true +save-exact=true diff --git a/.stylelintrc.json b/.stylelintrc.json new file mode 100644 index 0000000..083c9a0 --- /dev/null +++ b/.stylelintrc.json @@ -0,0 +1,3 @@ +{ + "extends": "stylelint-config-hrundel" +} diff --git a/.travis.yml b/.travis.yml new file mode 100644 index 0000000..b16d7f9 --- /dev/null +++ b/.travis.yml @@ -0,0 +1,3 @@ +language: node_js +node_js: + - "6" \ No newline at end of file diff --git a/README.md b/README.md index 46869fa..7346792 100644 --- a/README.md +++ b/README.md @@ -1 +1,62 @@ -# markup-task-4 \ No newline at end of file +# Задача «DeLorean DMC-12» + +Перед выполнением задания внимательно прочитайте: + +- [О всех этапах проверки задания](https://github.com/urfu-2016/guides/blob/master/workflow/extra.md) +- [Как отправить пулл](https://github.com/urfu-2016/guides/blob/master/workflow/pull.md) +- [Как пройти тесты](https://github.com/urfu-2016/guides/blob/master/workflow/test.md) +- Правила оформления [JavaScript](https://github.com/urfu-2016/guides/blob/master/codestyle/js.md), [HTML](https://github.com/urfu-2016/guides/blob/master/codestyle/html.md) и [CSS](https://github.com/urfu-2016/guides/blob/master/codestyle/css.md) кода + +## Основное задание + +:warning: Задание необходимо решить __без использования JS__ + +Ровно год назад Марти МакФлай прилетел из прошлого. Там в прошлом у него не было ни +планшетов, ни летающих машин, ни самозашнуровывающихся кроссовок, а вся +информация поступала из газет и телевизора. + +Марти покупает электронную газету в ближайшей РосЭлектроПечати, но не может +понять как ей пользоваться. Вам нужно сверстать эту электронную газету так, +чтобы она выглядела максимально похоже на газету из 85 года. + +Вот некоторые особенности газетной вёрстки того времени: + +* Первая буква первого параграфа в статье обычно заметно выделяется +* А текст разбивается на колонки +* Есть, конечно, картинки и подписи к ним, иногда они занимают несколько колонок +* Часто в тексте выделяют цитаты +* Обычно используют много разных нестандартных шрифтов +* В тексте используются переносы +* Изредка текст пишут: + В + О + Т + + Т + А + К + +Фантазия в данной задаче приветствуется, главное чтобы Марти сразу почуствовал +себя как дома, и в руках у него тёплая ламповая печатная газета. + +Пример современной газеты (так себе): + +![](https://cloud.githubusercontent.com/assets/4534405/10664713/f61a3486-78de-11e5-83fe-f8d43be81b10.jpg) + +Пример старинной газеты (вот, гораздо лучше): + +![](https://cloud.githubusercontent.com/assets/4534405/10664851/398f1820-78e0-11e5-96a9-347f14ba9875.jpg) + +### Дополнительное задание (+1 к удаче на экзамене по матану) + +:warning: Задание необходимо решить __без использования JS__ + +Вечером мы с Марти идём пить чай с печенюшками к моей бабуленьке. Она тоже не +прочь почитать свежих газеток. Будет очень любезно с вашей стороны, сделать +газетку настраиваемой: + +* Возможность увеличить/уменьшить шрифт +* Возможность поменять шрифт на другой, другого типа +* Возможность поменять «черные буквы на белом» на «белые буквы на чёрном» (или другую цветовое тему). + +![](https://cloud.githubusercontent.com/assets/4534405/10665968/1a048d34-78e8-11e5-9c98-59c790acc8df.jpg) diff --git a/index.css b/index.css new file mode 100644 index 0000000..e69de29 diff --git a/index.html b/index.html new file mode 100644 index 0000000..d810ba7 --- /dev/null +++ b/index.html @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/package.json b/package.json new file mode 100644 index 0000000..409b1b7 --- /dev/null +++ b/package.json @@ -0,0 +1,16 @@ +{ + "private": true, + "scripts": { + "test": "npm run lint && mocha ./node_modules/html-tests/task-stub/test", + "lint": "stylelint *.css **/*.css && html-validator --file index.html --verbose && htmllint *.html" + }, + "dependencies": { + "html-tests": "latest", + "html-validator-cli": "3.0.2", + "htmllint-cli-alpha": "0.0.6", + "mocha": "3.1.0", + "should": "11.1.0", + "stylelint": "7.3.1", + "stylelint-config-hrundel": "latest" + } +}