diff --git a/.bemlintrc.json b/.bemlintrc.json new file mode 100644 index 000000000..eca0f5672 --- /dev/null +++ b/.bemlintrc.json @@ -0,0 +1,16 @@ +{ + "elementDivider": "__", + "modifierDivider": "_", + "ignore": [ + "node_modules", + "dist" + ], + "rules": { + "one-block": true, + "one-element": true, + "element-inside-parent-block": true, + "no-double-element": true, + "no-neighbour-parent-block": true, + "modifiable-class": true + } +} 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/readme.md b/readme.md index 211b97111..bad654201 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://RuslanaPodshyvalova.github.io/layout_enclosures/)
+ - [TEST REPORT LINK](https://RuslanaPodshyvalova.github.io/layout_enclosures/report/html_report/) 2. Follow [this instructions](https://mate-academy.github.io/layout_task-guideline/) ___ diff --git a/src/index.html b/src/index.html index e97db4d50..eb26c302e 100644 --- a/src/index.html +++ b/src/index.html @@ -1,14 +1,41 @@ - - - - - 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..c7b7dd2c7 100644 --- a/src/style.css +++ b/src/style.css @@ -0,0 +1,30 @@ +* { + box-sizing: border-box; +} + +body { + background-color: black; + margin: 0; +} + +.grey-box { + margin: 10px; + padding: 10px; + background-color: #dcdcdc; +} + +.yellow-box { + margin: 10px; + background-color: #ffa000; +} + +.blue-box { + width: 350px; + background-color: #008dc0; + margin: 20px; + margin-bottom: 40px; +} + +.bordered { + border: 1px solid #e95d49; +}