From 760bceb1c0277aca69552bcf533e7f8434b1c5ab Mon Sep 17 00:00:00 2001 From: YevgeniyaVoronina Date: Tue, 23 Mar 2021 18:51:14 +0200 Subject: [PATCH 1/2] write a short description of the changes you made --- .github/workflows/test.yml | 8 +++++++- .gitignore | 1 + package.json | 2 +- src/index.html | 41 ++++++++++++++++++++++++++++---------- src/style.css | 31 ++++++++++++++++++++++++++++ 5 files changed, 71 insertions(+), 12 deletions(-) diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml index a64ccface..340cff5c5 100644 --- a/.github/workflows/test.yml +++ b/.github/workflows/test.yml @@ -19,5 +19,11 @@ jobs: uses: actions/setup-node@v1 with: node-version: ${{ matrix.node-version }} - - run: npm ci + - run: npm install - run: npm start & sleep 5 && npm test + - name: Upload HTML report(backstop data) + if: ${{ always() }} + uses: actions/upload-artifact@v2 + with: + name: report + path: backstop_data 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/src/index.html b/src/index.html index e97db4d50..0dcd0fd0b 100644 --- a/src/index.html +++ b/src/index.html @@ -1,14 +1,35 @@ - - - + + - - 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..ebf4d2435 100644 --- a/src/style.css +++ b/src/style.css @@ -0,0 +1,31 @@ +body { + background: #000; + margin: 20px; +} + +* { + box-sizing: border-box; + padding: 0; + margin: 0; +} + +.box { + width: 350px; + background-color: #308dc0; + padding: 10px; + border: 1px solid #e95d49; + margin-bottom: 40px; +} + +.section { + background-color: #ffa500; + padding: 10px; + border: 1px solid #e95d49; +} + +.text { + background-color: #ddd; + padding: 10px; + border: 1px solid #e95d49; + margin: 0; +} From 31668c6247df91ba9c887f8d9b95eb782012f9fc Mon Sep 17 00:00:00 2001 From: YevgeniyaVoronina Date: Wed, 24 Mar 2021 13:50:17 +0200 Subject: [PATCH 2/2] enclosures --- readme.md | 4 ++-- src/index.html | 12 +++++++++--- src/style.css | 11 +++++------ 3 files changed, 16 insertions(+), 11 deletions(-) diff --git a/readme.md b/readme.md index e5257e017..14e191a78 100644 --- a/readme.md +++ b/readme.md @@ -1,7 +1,7 @@ # Enclosures Replace `` with your Github username and copy the links to Pull Request description: -- [DEMO LINK](https://.github.io/layout_enclosures/) -- [TEST REPORT LINK](https://.github.io/layout_enclosures/report/html_report/) +- [DEMO LINK](https://yevgeniyavoronina.github.io/layout_enclosures/) +- [TEST REPORT LINK](https://yevgeniyavoronina.github.io/layout_enclosures/report/html_report/) > Follow [this instructions](https://github.com/mate-academy/layout_task-guideline#how-to-solve-the-layout-tasks-on-github) ___ diff --git a/src/index.html b/src/index.html index 0dcd0fd0b..1f4c0d199 100644 --- a/src/index.html +++ b/src/index.html @@ -12,21 +12,27 @@
- 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. + 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 ebf4d2435..1bb108e47 100644 --- a/src/style.css +++ b/src/style.css @@ -1,14 +1,14 @@ -body { - background: #000; - margin: 20px; -} - * { box-sizing: border-box; padding: 0; margin: 0; } +body { + background: #000; + margin: 20px; +} + .box { width: 350px; background-color: #308dc0; @@ -27,5 +27,4 @@ body { background-color: #ddd; padding: 10px; border: 1px solid #e95d49; - margin: 0; }