Develop

.hintrc

@@ -0,0 +1,16 @@
+{
+  "extends": [
+    "development"
+  ],
+  "hints": {
+    "axe/name-role-value": "off",
+    "axe/keyboard": "off",
+    "disown-opener": "off",
+    "axe/forms": "off"
+  },
+  "browserslist": [
+    "defaults",
+    "not ie 11",
+    "not ie <= 11"
+  ]
+}

.lh/.lhignore

@@ -0,0 +1,6 @@
+# list file to not track by the local-history extension. comment line starts with a '#' character
+# each line describe a regular expression pattern (search for 'Javascript regex')
+# it will relate to the workspace directory root. for example:
+# '.*\.txt' ignores any file with 'txt' extension
+# '/test/.*' ignores all the files under the 'test' directory
+# '.*/test/.*' ignores all the files under any 'test' directory (even under sub-folders)

.lh/README.md.json

@@ -0,0 +1,18 @@
+{
+    "sourceFile": "README.md",
+    "activeCommit": 0,
+    "commits": [
+        {
+            "activePatchIndex": 0,
+            "patches": [
+                {
+                    "date": 1717685926528,
+                    "content": "Index: \n===================================================================\n--- \n+++ \n"
+                }
+            ],
+            "date": 1717685926528,
+            "name": "Commit-0",
+            "content": "# Miami landing page\n\nIn this task, you will learn how to implement a landing page. To do that:\n\n- choose a landing page design from the list below;\n  - [BOSE landing](https://www.figma.com/file/DtkQmQ797hk0nI4KfMi2Uq/BOSE-New-Version?type=design&node-id=6703-88&t=L7eKz5YKLN0m5WxR-0)\n  - [MET landing](https://www.figma.com/file/lSR1m42L9YwzQwzzxKwHpw/THE-MET)\n  - [MYBIKE landing](https://www.figma.com/file/NZQAIydtHo5QkINyGLHNcq/BIKE-New-Version?node-id=0%3A1)\n  - [B&O](https://www.figma.com/file/DtkQmQ797hk0nI4KfMi2Uq/BOSE-New-Version?type=design&node-id=6817-212&t=ZTV6Gl8NzaWkJ4FK-0)\n  - [Nothing](https://www.figma.com/file/DtkQmQ797hk0nI4KfMi2Uq/BOSE-New-Version?type=design&node-id=6802-139&t=L7eKz5YKLN0m5WxR-0)\n- watch the lesson videos and implement your page blocks similarly to the videos;\n- **DON'T** try to do it `Pixel Perfect` - implement it the most `simple` way so it looks similar;\n- when you finish the first block of your page deploy it and create a Pull Request with a [DEMO LINK](https://Kacper.github.io/layout_miami/)\n- after each next block do the same (add, commit and push the changes, and deploy the updated demo;\n- check yourself using the [CHECKLIST](https://github.com/mate-academy/layout_miami/blob/master/checklist.md) when finished;\n"
+        }
+    ]
+}

.lh/src/scripts/main.js.json

@@ -0,0 +1,18 @@
+{
+    "sourceFile": "src/scripts/main.js",
+    "activeCommit": 0,
+    "commits": [
+        {
+            "activePatchIndex": 0,
+            "patches": [
+                {
+                    "date": 1717744149630,
+                    "content": "Index: \n===================================================================\n--- \n+++ \n"
+                }
+            ],
+            "date": 1717744149630,
+            "name": "Commit-0",
+            "content": "/* eslint-disable max-len */\nconst button = document.querySelector('.form__button');\n\nbutton.addEventListener('click', (event) => {\n  event.preventDefault();\n});\n\nwindow.addEventListener('hashchange', () => {\n  if (window.location.hash === '#menu') {\n    document.body.classList.add('.menu');\n  } else {\n    document.body.classList.remove('.menu');\n  }\n});\n"
+        }
+    ]
+}

.lh/src/styles/main.scss.json

@@ -0,0 +1,22 @@
+{
+    "sourceFile": "src/styles/main.scss",
+    "activeCommit": 0,
+    "commits": [
+        {
+            "activePatchIndex": 1,
+            "patches": [
+                {
+                    "date": 1717744343558,
+                    "content": "Index: \n===================================================================\n--- \n+++ \n"
+                },
+                {
+                    "date": 1717744351558,
+                    "content": "Index: \n===================================================================\n--- \n+++ \n@@ -0,0 +1,30 @@\n+@import \"./utils/reset\";\n+@import \"./blocks/title\";\n+@import \"./blocks/header\";\n+@import \"./blocks/navigation\";\n+@import \"./blocks/menu\";\n+@import \"./blocks/links\";\n+@import \"./blocks/main\";\n+@import \"./blocks/schedule\";\n+@import \"./blocks/article\";\n+@import \"./blocks/view\";\n+\n+@import \"./blocks/text\";\n+@import \"./blocks/statue\";\n+@import \"./blocks/inspire\";\n+@import \"./blocks/button\";\n+@import \"./blocks/explore\";\n+@import \"./blocks/contact\";\n+@import \"./blocks/address\";\n+@import \"./blocks/form\";\n+@import \"./blocks/footer\";\n+@import \"./blocks/phone\";\n+@import \"./blocks/second-head\";@import \"./blocks/newLook\";\n+html {\n+  scroll-behavior: smooth;\n+}\n+\n+body {\n+  background-color: #fff;\n+  color: #161616;\n+}\n"
+                }
+            ],
+            "date": 1717744343558,
+            "name": "Commit-0",
+            "content": "@import \"./utils/reset\";\n@import \"./blocks/title\";\n\n@import \"./blocks/header\";\n@import \"./blocks/navigation\";\n@import \"./blocks/menu\";\n@import \"./blocks/links\";\n@import \"./blocks/main\";\n@import \"./blocks/schedule\";\n@import \"./blocks/article\";\n@import \"./blocks/view\";\n@import \"./blocks/newLook\";\n@import \"./blocks/text\";\n@import \"./blocks/statue\";\n@import \"./blocks/inspire\";\n@import \"./blocks/button\";\n@import \"./blocks/explore\";\n@import \"./blocks/contact\";\n@import \"./blocks/address\";\n@import \"./blocks/form\";\n@import \"./blocks/footer\";\n@import \"./blocks/phone\";\n@import \"./blocks/second-head\";\nhtml {\n  scroll-behavior: smooth;\n}\n\nbody {\n  background-color: #fff;\n  color: #161616;\n}\n"
+        }
+    ]
+}

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://Kacper7001.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;