From acbb194eeddcba78fb9236a803b7720d7c9359a5 Mon Sep 17 00:00:00 2001 From: Maria Yasevina Date: Tue, 23 Mar 2021 13:09:35 +0200 Subject: [PATCH 1/4] hw added --- .gitignore | 1 + package.json | 2 +- readme.md | 20 ++++++++++---------- src/index.html | 47 ++++++++++++++++++++++++++++++++++++----------- src/style.css | 28 ++++++++++++++++++++++++++++ 5 files changed, 76 insertions(+), 22 deletions(-) diff --git a/.gitignore b/.gitignore index 0f8d3cf75..549c139a9 100644 --- a/.gitignore +++ b/.gitignore @@ -11,3 +11,4 @@ node_modules # Generated files backstop_data dist +.cache diff --git a/package.json b/package.json index b888ae86e..184bc5572 100644 --- a/package.json +++ b/package.json @@ -23,7 +23,7 @@ "@mate-academy/bemlint": "^0.1.1", "@mate-academy/eslint-config": "*", "@mate-academy/linthtml-config": "0.0.1", - "@mate-academy/scripts": "^0.2.0", + "@mate-academy/scripts": "^0.8.4", "@mate-academy/stylelint-config": "*", "backstopjs": "^5.0.1", "eslint": "^5.16.0", diff --git a/readme.md b/readme.md index 211b97111..f91110ff3 100644 --- a/readme.md +++ b/readme.md @@ -1,7 +1,7 @@ # Enclosures 1. Replace `` with your Github username in the links - - [DEMO LINK](https://.github.io/layout_enclosures/)
- - [TEST REPORT LINK](https://.github.io/layout_enclosures/report/html_report/) + - [DEMO LINK](https://progmari.github.io/layout_enclosures/)
+ - [TEST REPORT LINK](https://progmari.github.io/layout_enclosures/report/html_report/) 2. Follow [this instructions](https://mate-academy.github.io/layout_task-guideline/) ___ @@ -13,7 +13,7 @@ Use this extension for Chrome to find out the right color [ColorZilla](https://c * The width of each box is 350px (including all borders). * You can find the exact values of colors by using an image editor program. * The width of the redish border must be 1 pixel and color- #e95d49. -* The width of the bluish and yellowish borders must be 10 pixels (they, however, +* The width of the bluish and yellowish borders must be 10 pixels (they, however, do not have to literally be borders of any HTML container). * The space around the text must also be 10 pixels. * The distance between the boxes and the edges of the page must be 20 pixels. @@ -21,14 +21,14 @@ do not have to literally be borders of any HTML container). The text content in three languages follows: -> In programming languages, a closure is a technique for implementing lexically -scoped name binding in a language with first-class functions. Operationally, a +> In programming languages, a closure is a technique for implementing lexically +scoped name binding in a language with first-class functions. Operationally, a closure is a record storing a function together with an environment. -> У програмуванні замиканням називають підпрограму, що виконується в середовищі, -яке містить одну або більше зв’язаних змінних. Підпрограма має доступ до цих +> У програмуванні замиканням називають підпрограму, що виконується в середовищі, +яке містить одну або більше зв’язаних змінних. Підпрограма має доступ до цих змінних під час виконання. -> Замыкание в программировании — функция первого класса, в теле которой -присутствуют ссылки на переменные, объявленные вне тела этой функции в -окружающем коде и не являющиеся её параметрами. +> Замыкание в программировании — функция первого класса, в теле которой +присутствуют ссылки на переменные, объявленные вне тела этой функции в +окружающем коде и не являющиеся её параметрами. diff --git a/src/index.html b/src/index.html index e97db4d50..081d2a270 100644 --- a/src/index.html +++ b/src/index.html @@ -1,14 +1,39 @@ - - - - - Enclosures - - - -

Enclosures

- + + + + + Enclosures + + + +
+
+
+ In programming languages, a closure is a technique for implementing lexically scoped name binding in a + language with first-class functions. Operationally, + a closure is a record storing a function together with an environment. +
+
+
+
+
+
+ У програмуванні замиканням називають підпрограму, що виконується в середовищі, яке містить одну + або більше зв’язаних змінних. + Підпрограма має доступ до цих змінних під час виконання. +
+
+
+
+
+
+ Замыкание в программировании — функция первого класса, в теле которой присутствуют ссылки на переменные, + объявленные вне тела этой функции в окружающем коде и не являющиеся её параметрами. +
+
+
+ diff --git a/src/style.css b/src/style.css index e69de29bb..5fff434b0 100644 --- a/src/style.css +++ b/src/style.css @@ -0,0 +1,28 @@ +body { + background-color: #000; + margin: 0; +} + +.block-blue { + width: 328px; + background-color: #308dc0; + border: 1px solid #e95d49; + padding: 10px; + margin: 20px; +} + +.block-yellow { + background-color: #ffa500; + border: 1px solid #e95d49; + padding: 10px; +} + +.block-gray { + background-color: #ddd; + border: 1px solid #e95d49; + padding: 10px; +} + +.mid { + margin: 40px 20px; +} From b98c7ee2cd52c4488d41fde691e0f0685473f70a Mon Sep 17 00:00:00 2001 From: Maria Yasevina Date: Tue, 23 Mar 2021 16:29:19 +0200 Subject: [PATCH 2/4] fixed --- src/index.html | 2 +- src/style.css | 16 ++++++++-------- 2 files changed, 9 insertions(+), 9 deletions(-) diff --git a/src/index.html b/src/index.html index 081d2a270..696ad628f 100644 --- a/src/index.html +++ b/src/index.html @@ -18,7 +18,7 @@ -
+
У програмуванні замиканням називають підпрограму, що виконується в середовищі, яке містить одну diff --git a/src/style.css b/src/style.css index 5fff434b0..cd5882fdc 100644 --- a/src/style.css +++ b/src/style.css @@ -1,14 +1,18 @@ -body { +* { + box-sizing: border-box; background-color: #000; - margin: 0; +} + +body { + margin: 20px; } .block-blue { - width: 328px; + width: 350px; background-color: #308dc0; border: 1px solid #e95d49; padding: 10px; - margin: 20px; + margin-bottom: 40px; } .block-yellow { @@ -22,7 +26,3 @@ body { border: 1px solid #e95d49; padding: 10px; } - -.mid { - margin: 40px 20px; -} From 67a6cbe1cf854b478468c6ea1f38148ee3c2e771 Mon Sep 17 00:00:00 2001 From: Maria Yasevina Date: Tue, 23 Mar 2021 17:05:58 +0200 Subject: [PATCH 3/4] fixed 2 --- src/style.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/style.css b/src/style.css index cd5882fdc..3dffa4408 100644 --- a/src/style.css +++ b/src/style.css @@ -1,10 +1,11 @@ * { box-sizing: border-box; - background-color: #000; + } body { margin: 20px; + background-color: #000; } .block-blue { From d81b0853e0812fe3840db630ff5b7c6f59477742 Mon Sep 17 00:00:00 2001 From: Maria Yasevina <80766849+progmari@users.noreply.github.com> Date: Tue, 23 Mar 2021 17:08:37 +0200 Subject: [PATCH 4/4] Update style.css --- src/style.css | 1 - 1 file changed, 1 deletion(-) diff --git a/src/style.css b/src/style.css index 3dffa4408..ea4ac4137 100644 --- a/src/style.css +++ b/src/style.css @@ -1,6 +1,5 @@ * { box-sizing: border-box; - } body {