diff --git a/.eslintrc.json b/.eslintrc.json index 44a1aa1..69cf9c0 100644 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -1,22 +1,22 @@ { - "env": { - "browser": true, - "es6": true, - "jest": true - }, - "parser": "babel-eslint", - "parserOptions": { - "ecmaVersion": 2018, - "sourceType": "module" - }, - "extends": ["airbnb-base"], - "rules": { - "no-shadow": "off", - "no-param-reassign": "off", - "eol-last": "off" - }, - "ignorePatterns": [ - "dist/", - "build/" - ] - } \ No newline at end of file + "env": { + "browser": true, + "es6": true, + "jest": true + }, + "parser": "babel-eslint", + "parserOptions": { + "ecmaVersion": 2018, + "sourceType": "module" + }, + "extends": ["airbnb-base"], + "rules": { + "no-shadow": "off", + "no-param-reassign": "off", + "eol-last": "off" + }, + "ignorePatterns": [ + "dist/", + "build/" + ] +} \ No newline at end of file diff --git a/.gitignore b/.gitignore index 940b7f4..18566ec 100644 --- a/.gitignore +++ b/.gitignore @@ -1,5 +1,2 @@ node_modules/ -/.eslintrc.json -/.hintrc -/.stylelintrc.json .vscode \ No newline at end of file diff --git a/.stylelintrc.json b/.stylelintrc.json index 1a8ef45..6f09b86 100644 --- a/.stylelintrc.json +++ b/.stylelintrc.json @@ -1,10 +1,10 @@ { - "extends": ["stylelint-config-standard"], - "plugins": ["stylelint-scss", "stylelint-csstree-validator"], - "rules": { - "at-rule-no-unknown": null, - "scss/at-rule-no-unknown": true, - "csstree/validator": true - }, - "ignoreFiles": ["build/**", "dist/**", "**/reset*.css", "**/bootstrap*.css"] - } \ No newline at end of file + "extends": ["stylelint-config-standard"], + "plugins": ["stylelint-scss", "stylelint-csstree-validator"], + "rules": { + "at-rule-no-unknown": null, + "scss/at-rule-no-unknown": true, + "csstree/validator": true + }, + "ignoreFiles": ["build/**", "dist/**", "**/reset*.css", "**/bootstrap*.css"] +} \ No newline at end of file diff --git a/dist/main.js b/dist/main.js index e5fa2fd..90a2e7c 100644 --- a/dist/main.js +++ b/dist/main.js @@ -16,7 +16,7 @@ \*************************************************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n___CSS_LOADER_EXPORT___.push([module.id, \"@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap);\"]);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"* {\\r\\n padding: 0;\\r\\n margin: 0;\\r\\n box-sizing: border-box;\\r\\n font-family: 'Courier New', Courier, monospace;\\r\\n font-weight: bold;\\r\\n}\\r\\n\\r\\nbody {\\r\\n padding: 0;\\r\\n margin: 0;\\r\\n background-color: #e5e5e5;\\r\\n}\\r\\n\\r\\n#header {\\r\\n width: 100%;\\r\\n background-color: #fff;\\r\\n}\\r\\n\\r\\n.logo {\\r\\n font-family: \\\"Poppins\\\", sans-serif;\\r\\n font-style: normal;\\r\\n font-weight: bold;\\r\\n font-size: 15px;\\r\\n line-height: 20px;\\r\\n color: hsl(0, 0%, 11%);\\r\\n}\\r\\n\\r\\n.logo a {\\r\\n text-decoration: none;\\r\\n}\\r\\n\\r\\n.header-container {\\r\\n display: flex;\\r\\n justify-content: space-between;\\r\\n width: 90%;\\r\\n align-items: center;\\r\\n margin: 0 auto;\\r\\n height: 4rem;\\r\\n}\\r\\n\\r\\n.navbar {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n line-height: 4rem;\\r\\n height: 100%;\\r\\n}\\r\\n\\r\\n.d-navbar {\\r\\n display: flex;\\r\\n list-style-type: none;\\r\\n height: 100%;\\r\\n}\\r\\n\\r\\n.d-navbar li {\\r\\n margin-left: 1rem;\\r\\n}\\r\\n\\r\\n.d-navbar li a {\\r\\n color: hsl(0, 0%, 3%);\\r\\n}\\r\\n\\r\\n.a-navbar {\\r\\n text-decoration: none;\\r\\n height: 2em;\\r\\n padding: 0.5em 1em;\\r\\n}\\r\\n\\r\\n.navbar .humberger i {\\r\\n font-size: 22px;\\r\\n font-weight: 600;\\r\\n color: hsl(0, 0%, 4%);\\r\\n}\\r\\n\\r\\nul {\\r\\n list-style: none;\\r\\n margin: 0;\\r\\n padding: 0;\\r\\n display: flex;\\r\\n gap: 16px;\\r\\n padding-top: 12px;\\r\\n padding-bottom: 12px;\\r\\n}\\r\\n\\r\\nfooter {\\r\\n width: 100%;\\r\\n justify-content: center;\\r\\n margin: auto;\\r\\n margin-top: 10px;\\r\\n flex-shrink: 0;\\r\\n background-color: white;\\r\\n bottom: 0;\\r\\n text-align: center;\\r\\n border-style: solid;\\r\\n}\\r\\n\\r\\n@media screen and (max-width: 600px) {\\r\\n .d-navbar {\\r\\n display: none;\\r\\n }\\r\\n}\\r\\n\\r\\n@media screen and (min-width: 600px) {\\r\\n .humberger {\\r\\n display: none;\\r\\n }\\r\\n}\\r\\n\", \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://JS-Capstone/./src/style.css?./node_modules/css-loader/dist/cjs.js"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n___CSS_LOADER_EXPORT___.push([module.id, \"@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap);\"]);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"* {\\r\\n padding: 0;\\r\\n margin: 0;\\r\\n box-sizing: border-box;\\r\\n font-family: 'Courier New', Courier, monospace;\\r\\n font-weight: bold;\\r\\n}\\r\\n\\r\\nbody {\\r\\n padding: 0;\\r\\n margin: 0;\\r\\n background-color: #e5e5e5;\\r\\n}\\r\\n\\r\\n#header {\\r\\n width: 100%;\\r\\n background-color: #fff;\\r\\n}\\r\\n\\r\\n.logo {\\r\\n font-family: \\\"Poppins\\\", sans-serif;\\r\\n font-style: normal;\\r\\n font-weight: bold;\\r\\n font-size: 15px;\\r\\n line-height: 20px;\\r\\n color: hsl(0, 0%, 11%);\\r\\n}\\r\\n\\r\\n.logo a {\\r\\n text-decoration: none;\\r\\n}\\r\\n\\r\\n.header-container {\\r\\n display: flex;\\r\\n justify-content: space-between;\\r\\n width: 90%;\\r\\n align-items: center;\\r\\n margin: 0 auto;\\r\\n height: 4rem;\\r\\n}\\r\\n\\r\\n.navbar {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n line-height: 4rem;\\r\\n height: 100%;\\r\\n}\\r\\n\\r\\n.d-navbar {\\r\\n display: flex;\\r\\n list-style-type: none;\\r\\n height: 100%;\\r\\n}\\r\\n\\r\\n.d-navbar li {\\r\\n margin-left: 1rem;\\r\\n}\\r\\n\\r\\n.d-navbar li a {\\r\\n color: hsl(0, 0%, 3%);\\r\\n}\\r\\n\\r\\n.a-navbar {\\r\\n text-decoration: none;\\r\\n height: 2em;\\r\\n padding: 0.5em 1em;\\r\\n}\\r\\n\\r\\n.navbar .humberger i {\\r\\n font-size: 22px;\\r\\n font-weight: 600;\\r\\n color: hsl(0, 0%, 4%);\\r\\n}\\r\\n\\r\\nul {\\r\\n list-style: none;\\r\\n margin: 0;\\r\\n padding: 0;\\r\\n display: flex;\\r\\n gap: 16px;\\r\\n padding-top: 12px;\\r\\n padding-bottom: 12px;\\r\\n}\\r\\n\\r\\nfooter {\\r\\n width: 100%;\\r\\n justify-content: center;\\r\\n margin: auto;\\r\\n margin-top: 10px;\\r\\n flex-shrink: 0;\\r\\n background-color: white;\\r\\n bottom: 0;\\r\\n border-style: solid;\\r\\n}\\r\\n\\r\\n@media screen and (max-width: 600px) {\\r\\n .d-navbar {\\r\\n display: none;\\r\\n }\\r\\n}\\r\\n\\r\\n@media screen and (min-width: 600px) {\\r\\n .humberger {\\r\\n display: none;\\r\\n }\\r\\n}\\r\\n\", \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://JS-Capstone/./src/style.css?./node_modules/css-loader/dist/cjs.js"); /***/ }), @@ -106,7 +106,7 @@ eval("\n\n/* istanbul ignore next */\nfunction styleTagTransform(css, style) {\ \**********************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _style_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./style.css */ \"./src/style.css\");\n\r\n\n\n//# sourceURL=webpack://JS-Capstone/./src/index.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _style_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./style.css */ \"./src/style.css\");\n\n\n\n//# sourceURL=webpack://JS-Capstone/./src/index.js?"); /***/ }) diff --git a/hint-report/file--C--Users-Envy-Documents-GitHub-JS-Capstone.html b/hint-report/file--C--Users-Envy-Documents-GitHub-JS-Capstone.html deleted file mode 100644 index 83dd08e..0000000 --- a/hint-report/file--C--Users-Envy-Documents-GitHub-JS-Capstone.html +++ /dev/null @@ -1,2710 +0,0 @@ - - - - - Webhint - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
-
-

scanning 100%

-

- scan time: 00:08 -

-
-
-
-

hints

-

7

-
-
-
-
-

url: file:///C:/Users/Envy/Documents/GitHub/JS-Capstone

-
- -
-

Date: 2021-09-14T22:53:03.928Z

-
- -
- -
-
-
-

webhint version: 6.1.4

-
- -
-
-
- -
-

Hints

-
-
- - -
-
-
-
-

Accessibility

- -
- -
-
-

No issues

-
-
- - -
- -
-
-

PWA

- -
- -
-
-

No issues

-
-
- - -
- -
-
-

Pitfalls

- - - - -
- - -
- no-inline-styles: 1 hints -
- -
- - Why is this important - - - - How to fix it - -
- - -
-

- hint #1: CSS inline styles should not be used, move styles to an external CSS file -

- -

- - file:///C:/Users/Envy … GitHub-JS-Capstone.html - -

- - -
- <div id="scan-percentage-bar" class="scan-overview__progress-bar end-animation" style="width: 100%"> -
- - -
- - -
-
- - -
- button-type: 2 hints -
- -
- - Why is this important - - - - How to fix it - -
- - -
-

- hint #1: Button type attribute has not been set. -

- -

- - file:///C:/Users/Envy … GitHub-JS-Capstone.html - -

- - -
- <button aria-control="categories-list" class="show-categories" id="show-categories"> -
- - -
- - -
-

- hint #2: Button type attribute has not been set. -

- -

- - file:///C:/Users/Envy … GitHub-JS-Capstone.html - -

- - -
- <button title="expand" class="button-expand-all expanded">close all</button> -
- - -
- - -
-
- - - -
- -
-
-

Compatibility

- - - - -
- - -
- highest-available-document-mode: 2 hints -
- -
- - Why is this important - - - - How to fix it - -
- - -
-

- hint #1: The 'x-ua-compatible' meta element should not be specified as it is not needed. -

- -

- - file:///C:/Users/Envy … Capstone/dist/index.html - -

- - -
- <meta http-equiv="X-UA-Compatible" content="IE=edge"> -
- - -
- - -
-

- hint #2: The 'x-ua-compatible' meta element should not be specified as it is not needed. -

- -

- - file:///C:/Users/Envy … Capstone/src/index.html - -

- - -
- <meta http-equiv="X-UA-Compatible" content="IE=edge"> -
- - -
- - -
-
- - -
- compat-api/css: 4 hints -
- -
- - Why is this important - - - - How to fix it - -
- - -
-

- hint #1: 'justify-content: space-evenly' is not supported by Internet Explorer. -

- -

- - file:///C:/Users/Envy … GitHub-JS-Capstone.html - -

- - -
- .rule-tile { - justify-content: space-evenly; -} -
- - -
-

Further Reading

- -
- -
- - -
-

- hint #2: 'position: sticky' is not supported by Internet Explorer. -

- -

- - file:///C:/Users/Envy … GitHub-JS-Capstone.html - -

- - -
- @media (min-width: 48em) { - .module.module--categories { - position: sticky; - } -} -
- - -
-

Further Reading

- -
- -
- - -
-

- hint #3: 'position: sticky' is not supported by Internet Explorer. -

- -

- - file:///C:/Users/Envy … GitHub-JS-Capstone.html - -

- - -
- .rule-doc-buttons { - position: sticky; -} -
- - -
-

Further Reading

- -
- -
- - -
-

- hint #4: 'word-break: break-word' is not supported by Internet Explorer. -

- -

- - file:///C:/Users/Envy … GitHub-JS-Capstone.html - -

- - -
- .rule-result__code { - word-break: break-word; -} -
- - -
-

Further Reading

- -
- -
- - -
-
- - -
- compat-api/html: 2 hints -
- -
- - Why is this important - - - - How to fix it - -
- - -
-

- hint #1: 'details' is not supported by Internet Explorer. -

- -

- - file:///C:/Users/Envy … GitHub-JS-Capstone.html - -

- - -
- <details open="" class="rule-result--details" id="highest-available-document-mode" aria-expanded="true" role="group"> -
- - -
-

Further Reading

- -
- -
- - -
-

- hint #2: 'summary' is not supported by Internet Explorer. -

- -

- - file:///C:/Users/Envy … GitHub-JS-Capstone.html - -

- - -
- <summary class="rule-title" title="show highest-available-document-mode's result details" role="button"> -
- - -
-

Further Reading

- -
- -
- - -
-
- - - -
- -
-
-

Security

- -
- -
-
-

No issues

-
-
- - -
- -
-
-

Development

- -
- -
-
-

No issues

-
-
- - -
- - -
-
-
- -
- - - - - - - - - - - - - - - - - - - -