Initial landing page layout with categories – needs further design improvements and content fixes

.bemlintrc.json

@@ -1,10 +1,7 @@
 {
   "elementDivider": "__",
   "modifierDivider": "--",
-  "ignore": [
-    "node_modules",
-    "dist"
-  ],
+  "ignore": ["node_modules", "dist"],
   "rules": {
     "one-block": true,
     "one-element": true,

.eslintignore

@@ -1,2 +1,2 @@
+/backstop_data
 /dist
-/node_modules

.github/workflows/test.yml

@@ -2,28 +2,27 @@ name: Test
 
 on:
   pull_request:
-    branches: [ master ]
+    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@v4
-      with:
-        name: report
-        path: backstop_data
+      - 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@v4
+        with:
+          name: report
+          path: backstop_data

.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

.gitignore

@@ -1,15 +1,15 @@
+# IDE
 .idea
 .vscode
-build
-dist
+
+# Node
 node_modules
-.DS_Store
 
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
+# MacOS
+.DS_Store
 
-raw_reports
-reports
-cypress/screenshots
-cypress/videos
+# Generated files
+backstop_data
+dist
+.cache
+.parcel-cache

.linthtmlrc.json

@@ -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,5 @@
 module.exports = {
-  extends: "@mate-academy/stylelint-config",
-  plugins: [
-    "stylelint-scss"
-  ],
-  rules: {}
+  extends: '@mate-academy/stylelint-config',
+  plugins: ['stylelint-scss'],
+  rules: {},
 };

README.md

@@ -10,6 +10,6 @@ In this task, you will learn how to implement a landing page. To do that:
   - [Nothing](https://www.figma.com/file/DtkQmQ797hk0nI4KfMi2Uq/BOSE-New-Version?type=design&node-id=6802-139&t=L7eKz5YKLN0m5WxR-0)
 - watch the lesson videos and implement your page blocks similarly to the videos;
 - **DON'T** try to do it `Pixel Perfect` - implement it the most `simple` way so it looks similar;
-- when you finish the first block of your page deploy it and create a Pull Request with a [DEMO LINK](https://<your_account>.github.io/layout_miami/) 
+- when you finish the first block of your page deploy it and create a Pull Request with a [DEMO LINK](https://tomek93x.github.io/layout_miami/)
 - after each next block do the same (add, commit and push the changes, and deploy the updated demo;
 - check yourself using the [CHECKLIST](https://github.com/mate-academy/layout_miami/blob/master/checklist.md) when finished;

checklist.md

@@ -15,6 +15,7 @@
 15. Page shouldn't be reloaded on form submit (https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault)
 16. Add a smooth scroll for the whole page
 17. Fix menu for small screens (if there is not enough space for all the menu items)
+
     ```css
     .menu {
       /* Move these rules from .menu__content */
@@ -29,6 +30,7 @@
 
       ...
     ```
+
 18. To disable page scrolling under the menu add the next code
     ```css
     .page__body--with-menu {
@@ -45,4 +47,5 @@
     });
     ```
 19. Remember to reset default margins for headings (h1, h2, h3, etc.).
-* Only for Miami: Make sure that ```<h1>``` is positioned exactly 80px from the bottom of the header.
+
+- Only for Miami: Make sure that `<h1>` is positioned exactly 80px from the bottom of the header.