Ready Landing

.eslintrc.js

@@ -1,3 +1,6 @@
 module.exports = {
   extends: '@mate-academy/eslint-config',
+  env: {
+    browser: true,
+  },
 };

.github/workflows/test.yml-template

@@ -0,0 +1,29 @@
+name: Test
+
+on:
+  pull_request:
+    branches: [ master ]
+
+jobs:
+  build:
+
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [20.x]
+
+    steps:
+    - uses: actions/checkout@v2
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v1
+      with:
+        node-version: ${{ matrix.node-version }}
+    - run: npm install
+    - run: npm test
+    - name: Upload HTML report(backstop data)
+      if: ${{ always() }}
+      uses: actions/upload-artifact@v2
+      with:
+        name: report
+        path: backstop_data

.linthtmlrc.json

@@ -9,7 +9,7 @@
   ],
   "attr-name-ignore-regex": "viewBox",
   "attr-no-dup": true,
-  "attr-quote-style": "double",
+  "attr-quote-style": ["double", "single"],
   "attr-req-value": true,
   "class-no-dup": true,
   "doctype-first": true,
@@ -26,16 +26,7 @@
   "indent-width-cont": true,
   "input-radio-req-name": true,
   "spec-char-escape": true,
-  "tag-bans": [
-    "b",
-    "i",
-    "u",
-    "center",
-    "style",
-    "marquee",
-    "font",
-    "s"
-  ],
+  "tag-bans": ["b", "i", "u", "center", "style", "marquee", "font", "s"],
   "tag-name-lowercase": true,
   "tag-name-match": true,
   "tag-self-close": false,

.stylelintrc.js

@@ -1,7 +1,17 @@
 module.exports = {
-  extends: "@mate-academy/stylelint-config",
-  plugins: [
-    "stylelint-scss"
-  ],
-  rules: {}
+  extends: '@mate-academy/stylelint-config',
+  plugins: ['stylelint-scss'],
+  rules: {
+    'at-rule-empty-line-before': [
+      'always',
+      {
+        ignore: [
+          'inside-block',
+          'first-nested',
+          'blockless-after-same-name-blockless',
+        ],
+        ignoreAtRules: ['@else'],
+      },
+    ],
+  },
 };

README.md

@@ -1,8 +1,9 @@
 # Kickstarter landing page (HARD)
 
-**⚠️ Attention: this is a hard landing page for development. We highly recommend choosing this landing page only if you didn't have a lot of troubles with previous homework tasks and if you sent all homework in time (didn't miss deadlines).** 
+**⚠️ Attention: this is a hard landing page for development. We highly recommend choosing this landing page only if you didn't have a lot of troubles with previous homework tasks and if you sent all homework in time (didn't miss deadlines).**
+
+Implement landing page according to [Figma design](<https://www.figma.com/file/Ujp7bCFuvuJlkn8TSbQPSZ/%E2%84%9611-(kickstarter)?node-id=19655%3A33>) - Use BEM and SCSS
 
-Implement landing page according to [Figma design](https://www.figma.com/file/Ujp7bCFuvuJlkn8TSbQPSZ/%E2%84%9611-(kickstarter)?node-id=19655%3A33) - Use BEM and SCSS
 - The design 1440px
 - Desktop 1280px
 - Tablet 640px
@@ -18,7 +19,6 @@ Implement landing page according to [Figma design](https://www.figma.com/file/Uj
 1. Implement `Questions` block
 1. Implement the footer.
 
-
 ## Github flow
 
 1. **Fork** the repo.
@@ -34,7 +34,7 @@ Implement landing page according to [Figma design](https://www.figma.com/file/Uj
 11. `git push origin develop` - to send you code for PR
 12. Create a Pull Request (PR) from your branch `develop` to branch `master` of original repo.
 13. Replace `<your_account>` with your Github username in the
-  [DEMO LINK](https://<your_account>.github.io/Kickstarter/)
+    [DEMO LINK](https://podvax.github.io/Kickstarter/)
 14. Copy `DEMO LINK` to the PR description
 
 > To update you PR repeat steps 7-11