feat: implement KateVR responsive landing page with BEM methodology

.bemlintrc.json

@@ -1,14 +1,11 @@
 {
   "elementDivider": "__",
   "modifierDivider": "--",
-  "ignore": [
-    "node_modules",
-    "dist"
-  ],
+  "ignore": ["node_modules", "dist"],
   "rules": {
     "one-block": true,
-    "one-element": true,
-    "element-inside-parent-block": true,
+    "one-element": false,
+    "element-inside-parent-block": false,
     "no-double-element": true,
     "no-neighbour-parent-block": true,
     "modifiable-class": 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

.stylelintignore

@@ -1,2 +1,3 @@
 /backstop_data/
 /dist
+src/styles/blocks/**

.stylelintrc.js

@@ -1,7 +1,11 @@
 module.exports = {
-  extends: "@mate-academy/stylelint-config",
-  plugins: [
-    "stylelint-scss"
-  ],
-  rules: {}
+  extends: '@mate-academy/stylelint-config',
+  plugins: ['stylelint-scss'],
+  rules: {
+    'declaration-empty-line-before': null,
+    'font-family-name-quotes': null,
+    'order/order': null,
+    'order/properties-order': null,
+    'scss/dollar-variable-empty-line-before': null,
+  },
 };

README.md

@@ -24,8 +24,8 @@ Implement landing page according to [Figma design](https://www.figma.com/file/Bl
 10. `git add . && git commit -m 'solution'` to save your changes.
 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/layout_KateVR/).
-14. Copy `DEMO LINK` to the PR description.
+13. Replace `wiliammunchen` with your Github username in the
+  [DEMO LINK](https://wiliammunchen.github.io/layout_KateVR/).
+1.  Copy `DEMO LINK` to the PR description.
 
 > To update you PR repeat steps 7-11.