Updates

zhuraveldasha · Dec 2, 2024 · e8eb737 · e8eb737
commit e8eb737
Show file tree

Hide file tree

Showing 16 changed files with 160 additions and 0 deletions.
diff --git a/.bemlintrc.json 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/.editorconfig b/.editorconfig
@@ -0,0 +1,10 @@
+#airbnb
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+end_of_line = lf
diff --git a/.eslintignore b/.eslintignore
@@ -0,0 +1,2 @@
+/backstop_data
+/dist
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -0,0 +1,3 @@
+module.exports = {
+  extends: '@mate-academy/eslint-config',
+};
diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
@@ -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@v4
+      with:
+        name: report
+        path: backstop_data
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,15 @@
+# IDE
+.idea
+.vscode
+
+# Node
+node_modules
+
+# MacOS
+.DS_Store
+
+# Generated files
+backstop_data
+dist
+.cache
+.parcel-cache
diff --git a/.linthtmlrc.json b/.linthtmlrc.json
@@ -0,0 +1,49 @@
+{
+  "attr-bans": [
+    "align",
+    "background",
+    "bgcolor",
+    "border",
+    "frameborder",
+    "style"
+  ],
+  "attr-name-ignore-regex": "viewBox",
+  "attr-no-dup": true,
+  "attr-quote-style": "double",
+  "attr-req-value": true,
+  "class-no-dup": true,
+  "doctype-first": true,
+  "doctype-html5": true,
+  "fig-req-figcaption": true,
+  "head-req-title": true,
+  "html-req-lang": true,
+  "id-class-style": false,
+  "id-no-dup": true,
+  "img-req-src": true,
+  "img-req-alt": "allownull",
+  "indent-width": 2,
+  "indent-style": "spaces",
+  "indent-width-cont": true,
+  "input-radio-req-name": true,
+  "spec-char-escape": true,
+  "tag-bans": [
+    "b",
+    "i",
+    "u",
+    "center",
+    "style",
+    "marquee",
+    "font",
+    "s"
+  ],
+  "tag-name-lowercase": true,
+  "tag-name-match": true,
+  "tag-self-close": false,
+  "tag-close": true,
+  "text-ignore-regex": "&",
+  "title-no-dup": true,
+  "line-end-style": "lf",
+  "attr-new-line": 2,
+  "attr-name-style": "dash",
+  "attr-no-unsafe-char": true
+}
diff --git a/.prettierignore b/.prettierignore
@@ -0,0 +1,3 @@
+/node_modules
+/dist
+**/*.test.js
diff --git a/.prettierrc b/.prettierrc
@@ -0,0 +1,20 @@
+{
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "printWidth": 80,
+  "overrides": [
+    {
+      "files": "*.html",
+      "options": {
+        "parser": "html",
+        "insertPragma": false,
+        "endOfLine": "auto",
+        "singleAttributePerLine": true,
+        "htmlWhitespaceSensitivity": "ignore"
+      }
+    }
+  ]
+}
diff --git a/.stylelintignore b/.stylelintignore
@@ -0,0 +1,2 @@
+/backstop_data/
+/dist
diff --git a/.stylelintrc.js b/.stylelintrc.js
@@ -0,0 +1,7 @@
+module.exports = {
+  extends: "@mate-academy/stylelint-config",
+  plugins: [
+    "stylelint-scss"
+  ],
+  rules: {}
+};
diff --git a/index.bd2a2584.css b/index.bd2a2584.css
diff --git a/index.bd2a2584.css.map b/index.bd2a2584.css.map
diff --git a/index.html b/index.html
@@ -0,0 +1 @@
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><link rel="stylesheet" href="index.bd2a2584.css"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet"><title>MOYO</title></head><body> <header class="container"> <div class="navbar"> <a href="#" class="logo"> <img src="logo.eddae0ff.png" alt="logo"> </a> <nav> <ul> <li> <a href="Apple" class="is-active"> Apple </a> </li> <li><a href="Samsung">Samsung</a></li> <li><a href="Smartphones">Smartphones</a></li> <li> <a href="Laptops & Computers" data-qa="hover"> Laptops & Computers </a> </li> <li><a href="Gadgets">Gadgets</a></li> <li><a href="Tablets">Tablets</a></li> <li><a href="Photo">Photo</a></li> <li><a href="Video">Video</a></li> </ul> </nav> </div> </header> </body></html>
diff --git a/logo.eddae0ff.png b/logo.eddae0ff.png
diff --git a/src/images/.gitkeep b/src/images/.gitkeep
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><link rel="stylesheet" href="index.bd2a2584.css"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet"><title>MOYO</title></head><body> <header class="container"> <div class="navbar"> <a href="#" class="logo"> <img src="logo.eddae0ff.png" alt="logo"> </a> <nav> <ul> <li> <a href="Apple" class="is-active"> Apple </a> </li> <li><a href="Samsung">Samsung</a></li> <li><a href="Smartphones">Smartphones</a></li> <li> <a href="Laptops & Computers" data-qa="hover"> Laptops & Computers </a> </li> <li><a href="Gadgets">Gadgets</a></li> <li><a href="Tablets">Tablets</a></li> <li><a href="Photo">Photo</a></li> <li><a href="Video">Video</a></li> </ul> </nav> </div> </header> </body></html>