mate-academy · mgsorigo · Nov 4, 2024 · Nov 4, 2024
diff --git a/.github/workflows/test.yml-template b/.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
diff --git a/README.md b/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://mgsorigo.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;
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -18,12 +18,11 @@
   "keywords": [],
   "author": "Mate Academy",
   "license": "GPL-3.0",
-  "dependencies": {},
   "devDependencies": {
     "@linthtml/linthtml": "^0.9.6",
     "@mate-academy/bemlint": "latest",
     "@mate-academy/linthtml-config": "latest",
-    "@mate-academy/scripts": "^1.8.6",
+    "@mate-academy/scripts": "^1.9.12",
     "@mate-academy/stylelint-config": "latest",
     "@parcel/transformer-sass": "^2.12.0",
     "jest": "^29.7.0",

diff --git a/src/fonts/manrope-bold.woff b/src/fonts/manrope-bold.woff
diff --git a/src/fonts/manrope-bold.woff2 b/src/fonts/manrope-bold.woff2
diff --git a/src/fonts/manrope-regular.woff b/src/fonts/manrope-regular.woff
diff --git a/src/fonts/manrope-regular.woff2 b/src/fonts/manrope-regular.woff2
diff --git a/src/gallery.html b/src/gallery.html
@@ -0,0 +1,104 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0"
+    />
+    <title>Bang & Olufsen</title>
+    <link
+      rel="icon"
+      href="./images/favicon.png"
+      type="image/png"
+    />
+    <link
+      rel="stylesheet"
+      href="./styles/main.css"
+    />
+    <script
+      src="scripts/main.js"
+      defer
+    ></script>
+  </head>
+  <body class="body-content">
+    <header
+      class="header-content body-content__header-content"
+      id="header"
+    >
+      <nav class="main-navigation">
+        <a
+          href="/src/index.html"
+          rel="home"
+        >
+          <img
+            class="main-navigation__logo"
+            src="./images/Logo.svg"
+            alt="bang&olufsen-logotype"
+          />
+        </a>
+        <ul class="main-navigation__list">
+          <li class="main-navigation__item">
+            <a
+              href="tel:+1 234 5555-55-55"
+              class="main-navigation__icon main-navigation__icon--phone"
+              alt="phone-icon"
+            >
+              <span class="main-navigation__icon--phone--label">
+                +1 234 5555-55-55
+              </span>
+            </a>
+          </li>
+        </ul>
+      </nav>
+    </header>
+  </body>
+
+  <h2 class="title body-content__title">All products</h2>
+
+  <section class="section-sale body-content__section-sale">
+    <div class="section-sale__wrapper">
+      <div class="section-sale__item">
+        <img
+          class="section-sale__product"
+          src="./images/photos/portable-speaker-1.png"
+          alt="rounded-black-portable-speaker"
+        />
+        <img
+          class="section-sale__product"
+          src="./images/photos/portable-speaker-2.png"
+          alt="cylindrical-black-portable-speaker"
+        />
+        <h4 class="section-sale__category">Portable speakers</h4>
+      </div>
+
+      <div class="section-sale__item">
+        <img
+          class="section-sale__product"
+          src="./images/photos/earphones-1.png"
+          alt="squared-black-earphones"
+        />
+        <img
+          class="section-sale__product"
+          src="./images/photos/earphones-2.png"
+          alt="wide-black-earphones"
+        />
+        <h4 class="section-sale__category">Earphones</h4>
+      </div>
+
+      <div class="section-sale__item">
+        <img
+          class="section-sale__product"
+          src="./images/photos/smart-home-1.png"
+          alt="black-and-white-standing-smart-home"
+        />
+        <img
+          class="section-sale__product"
+          src="./images/photos/smart-home-2.png"
+          alt="black-rounded-smart-home"
+        />
+        <h4 class="section-sale__category">Smart Home</h4>
+      </div>
+    </div>
+  </section>
+</html>
diff --git a/src/images/Favicon.ico b/src/images/Favicon.ico
diff --git a/src/images/Icon-Burger-menu-hover.svg b/src/images/Icon-Burger-menu-hover.svg
diff --git a/src/images/Icon-Burger-menu.svg b/src/images/Icon-Burger-menu.svg
diff --git a/src/images/Icon-Close.svg b/src/images/Icon-Close.svg
diff --git a/src/images/Icon-Phone-call.svg b/src/images/Icon-Phone-call.svg
diff --git a/src/images/Logo.svg b/src/images/Logo.svg
diff --git a/src/images/cross.svg b/src/images/cross.svg
diff --git a/src/images/crown.svg b/src/images/crown.svg
diff --git a/src/images/favicon.png b/src/images/favicon.png
diff --git a/src/images/logo.png b/src/images/logo.png
diff --git a/src/images/menu.svg b/src/images/menu.svg
diff --git a/src/images/menu_hover.svg b/src/images/menu_hover.svg
diff --git a/src/images/phone.svg b/src/images/phone.svg
diff --git a/src/images/photos/1.jpg b/src/images/photos/1.jpg
diff --git a/src/images/photos/2.jpg b/src/images/photos/2.jpg
diff --git a/src/images/photos/3.jpg b/src/images/photos/3.jpg
diff --git a/src/images/photos/4.jpg b/src/images/photos/4.jpg
diff --git a/src/images/photos/5.jpg b/src/images/photos/5.jpg
diff --git a/src/images/photos/6.jpg b/src/images/photos/6.jpg
diff --git a/src/images/photos/earphones-1.png b/src/images/photos/earphones-1.png
diff --git a/src/images/photos/earphones-2.png b/src/images/photos/earphones-2.png
diff --git a/src/images/photos/footer-photo.png b/src/images/photos/footer-photo.png
diff --git a/src/images/photos/header-photo.png b/src/images/photos/header-photo.png
diff --git a/src/images/photos/portable-speaker-1.png b/src/images/photos/portable-speaker-1.png
diff --git a/src/images/photos/portable-speaker-2.png b/src/images/photos/portable-speaker-2.png
diff --git a/src/images/photos/recommended-1.png b/src/images/photos/recommended-1.png
diff --git a/src/images/photos/recommended-2.png b/src/images/photos/recommended-2.png
diff --git a/src/images/photos/recommended-3.png b/src/images/photos/recommended-3.png
diff --git a/src/images/photos/smart-home-1.png b/src/images/photos/smart-home-1.png
diff --git a/src/images/photos/smart-home-2.png b/src/images/photos/smart-home-2.png