diff --git a/.github/workflows/test.yml-template b/.github/workflows/test.yml-template new file mode 100644 index 0000000000..8b5743ecb4 --- /dev/null +++ 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/package-lock.json b/package-lock.json index 7eef7e5ecc..a105949c38 100644 --- a/package-lock.json +++ b/package-lock.json @@ -14,7 +14,7 @@ "@mate-academy/backstop-config": "latest", "@mate-academy/bemlint": "latest", "@mate-academy/linthtml-config": "latest", - "@mate-academy/scripts": "^1.8.6", + "@mate-academy/scripts": "^2.1.3", "@mate-academy/stylelint-config": "latest", "backstopjs": "6.3.23", "jest": "^29.7.0", @@ -1211,10 +1211,11 @@ "dev": true }, "node_modules/@mate-academy/scripts": { - "version": "1.8.6", - "resolved": "https://registry.npmjs.org/@mate-academy/scripts/-/scripts-1.8.6.tgz", - "integrity": "sha512-b4om/whj4G9emyi84ORE3FRZzCRwRIesr8tJHXa8EvJdOaAPDpzcJ8A0sFfMsWH9NUOVmOwkBtOXDu5eZZ00Ig==", + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/@mate-academy/scripts/-/scripts-2.1.3.tgz", + "integrity": "sha512-a07wHTj/1QUK2Aac5zHad+sGw4rIvcNl5lJmJpAD7OxeSbnCdyI6RXUHwXhjF5MaVo9YHrJ0xVahyERS2IIyBQ==", "dev": true, + "license": "MIT", "dependencies": { "@octokit/rest": "^17.11.2", "@types/get-port": "^4.2.0", diff --git a/package.json b/package.json index 45fd6b0d41..6c8f2aaa0e 100644 --- a/package.json +++ b/package.json @@ -17,13 +17,12 @@ "keywords": [], "author": "Mate Academy", "license": "GPL-3.0", - "dependencies": {}, "devDependencies": { "@linthtml/linthtml": "^0.9.6", "@mate-academy/backstop-config": "latest", "@mate-academy/bemlint": "latest", "@mate-academy/linthtml-config": "latest", - "@mate-academy/scripts": "^1.8.6", + "@mate-academy/scripts": "^2.1.3", "@mate-academy/stylelint-config": "latest", "backstopjs": "6.3.23", "jest": "^29.7.0", diff --git a/readme.md b/readme.md index fc0db80092..808b477c70 100644 --- a/readme.md +++ b/readme.md @@ -27,8 +27,8 @@ The page should match the design Pixel Perfect: all the sizes, colors and distan ❗️ Replace `` with your GitHub username and copy the links to the `Pull Request` description: -- [DEMO LINK](https://.github.io/layout_moyo-header/) -- [TEST REPORT LINK](https://.github.io/layout_moyo-header/report/html_report/) +- [DEMO LINK](https://AntoniTS999.github.io/layout_moyo-header/) +- [TEST REPORT LINK](https://AntoniTS999.github.io/layout_moyo-header/report/html_report/) ❗️ Copy this `Checklist` to the `Pull Request` description after links, and put `- [x]` before each point after you checked it. @@ -39,5 +39,5 @@ The page should match the design Pixel Perfect: all the sizes, colors and distan - [ ] **CSS Variable** is used for a blue color - [ ] Pseudo-element is used for a blue line below the active link - [ ] Code follows all the [Code Style Rules ❗️](./checklist.md) -- [ ] The Google Fonts Configuration follows requirements. -![alt text](./assets/image.png) \ No newline at end of file +- [ ] The Google Fonts Configuration follows requirements. +![alt text](./assets/image.png) diff --git a/src/Roboto/OFL.txt b/src/Roboto/OFL.txt new file mode 100644 index 0000000000..9c48e05a24 --- /dev/null +++ b/src/Roboto/OFL.txt @@ -0,0 +1,93 @@ +Copyright 2011 The Roboto Project Authors (https://github.com/googlefonts/roboto-classic) + +This Font Software is licensed under the SIL Open Font License, Version 1.1. +This license is copied below, and is also available with a FAQ at: +https://openfontlicense.org + + +----------------------------------------------------------- +SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 +----------------------------------------------------------- + +PREAMBLE +The goals of the Open Font License (OFL) are to stimulate worldwide +development of collaborative font projects, to support the font creation +efforts of academic and linguistic communities, and to provide a free and +open framework in which fonts may be shared and improved in partnership +with others. + +The OFL allows the licensed fonts to be used, studied, modified and +redistributed freely as long as they are not sold by themselves. The +fonts, including any derivative works, can be bundled, embedded, +redistributed and/or sold with any software provided that any reserved +names are not used by derivative works. The fonts and derivatives, +however, cannot be released under any other type of license. The +requirement for fonts to remain under this license does not apply +to any document created using the fonts or their derivatives. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright +Holder(s) under this license and clearly marked as such. This may +include source files, build scripts and documentation. + +"Reserved Font Name" refers to any names specified as such after the +copyright statement(s). + +"Original Version" refers to the collection of Font Software components as +distributed by the Copyright Holder(s). + +"Modified Version" refers to any derivative made by adding to, deleting, +or substituting -- in part or in whole -- any of the components of the +Original Version, by changing formats or by porting the Font Software to a +new environment. + +"Author" refers to any designer, engineer, programmer, technical +writer or other person who contributed to the Font Software. + +PERMISSION & CONDITIONS +Permission is hereby granted, free of charge, to any person obtaining +a copy of the Font Software, to use, study, copy, merge, embed, modify, +redistribute, and sell modified and unmodified copies of the Font +Software, subject to the following conditions: + +1) Neither the Font Software nor any of its individual components, +in Original or Modified Versions, may be sold by itself. + +2) Original or Modified Versions of the Font Software may be bundled, +redistributed and/or sold with any software, provided that each copy +contains the above copyright notice and this license. These can be +included either as stand-alone text files, human-readable headers or +in the appropriate machine-readable metadata fields within text or +binary files as long as those fields can be easily viewed by the user. + +3) No Modified Version of the Font Software may use the Reserved Font +Name(s) unless explicit written permission is granted by the corresponding +Copyright Holder. This restriction only applies to the primary font name as +presented to the users. + +4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font +Software shall not be used to promote, endorse or advertise any +Modified Version, except to acknowledge the contribution(s) of the +Copyright Holder(s) and the Author(s) or with their explicit written +permission. + +5) The Font Software, modified or unmodified, in part or in whole, +must be distributed entirely under this license, and must not be +distributed under any other license. The requirement for fonts to +remain under this license does not apply to any document created +using the Font Software. + +TERMINATION +This license becomes null and void if any of the above conditions are +not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT +OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE +COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, +INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL +DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM +OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/src/Roboto/README.txt b/src/Roboto/README.txt new file mode 100644 index 0000000000..26368fa8e2 --- /dev/null +++ b/src/Roboto/README.txt @@ -0,0 +1,118 @@ +Roboto Variable Font +==================== + +This download contains Roboto as both variable fonts and static fonts. + +Roboto is a variable font with these axes: + wdth + wght + +This means all the styles are contained in these files: + Roboto-VariableFont_wdth,wght.ttf + Roboto-Italic-VariableFont_wdth,wght.ttf + +If your app fully supports variable fonts, you can now pick intermediate styles +that aren’t available as static fonts. Not all apps support variable fonts, and +in those cases you can use the static font files for Roboto: + static/Roboto_Condensed-Thin.ttf + static/Roboto_Condensed-ExtraLight.ttf + static/Roboto_Condensed-Light.ttf + static/Roboto_Condensed-Regular.ttf + static/Roboto_Condensed-Medium.ttf + static/Roboto_Condensed-SemiBold.ttf + static/Roboto_Condensed-Bold.ttf + static/Roboto_Condensed-ExtraBold.ttf + static/Roboto_Condensed-Black.ttf + static/Roboto_SemiCondensed-Thin.ttf + static/Roboto_SemiCondensed-ExtraLight.ttf + static/Roboto_SemiCondensed-Light.ttf + static/Roboto_SemiCondensed-Regular.ttf + static/Roboto_SemiCondensed-Medium.ttf + static/Roboto_SemiCondensed-SemiBold.ttf + static/Roboto_SemiCondensed-Bold.ttf + static/Roboto_SemiCondensed-ExtraBold.ttf + static/Roboto_SemiCondensed-Black.ttf + static/Roboto-Thin.ttf + static/Roboto-ExtraLight.ttf + static/Roboto-Light.ttf + static/Roboto-Regular.ttf + static/Roboto-Medium.ttf + static/Roboto-SemiBold.ttf + static/Roboto-Bold.ttf + static/Roboto-ExtraBold.ttf + static/Roboto-Black.ttf + static/Roboto_Condensed-ThinItalic.ttf + static/Roboto_Condensed-ExtraLightItalic.ttf + static/Roboto_Condensed-LightItalic.ttf + static/Roboto_Condensed-Italic.ttf + static/Roboto_Condensed-MediumItalic.ttf + static/Roboto_Condensed-SemiBoldItalic.ttf + static/Roboto_Condensed-BoldItalic.ttf + static/Roboto_Condensed-ExtraBoldItalic.ttf + static/Roboto_Condensed-BlackItalic.ttf + static/Roboto_SemiCondensed-ThinItalic.ttf + static/Roboto_SemiCondensed-ExtraLightItalic.ttf + static/Roboto_SemiCondensed-LightItalic.ttf + static/Roboto_SemiCondensed-Italic.ttf + static/Roboto_SemiCondensed-MediumItalic.ttf + static/Roboto_SemiCondensed-SemiBoldItalic.ttf + static/Roboto_SemiCondensed-BoldItalic.ttf + static/Roboto_SemiCondensed-ExtraBoldItalic.ttf + static/Roboto_SemiCondensed-BlackItalic.ttf + static/Roboto-ThinItalic.ttf + static/Roboto-ExtraLightItalic.ttf + static/Roboto-LightItalic.ttf + static/Roboto-Italic.ttf + static/Roboto-MediumItalic.ttf + static/Roboto-SemiBoldItalic.ttf + static/Roboto-BoldItalic.ttf + static/Roboto-ExtraBoldItalic.ttf + static/Roboto-BlackItalic.ttf + +Get started +----------- + +1. Install the font files you want to use + +2. Use your app's font picker to view the font family and all the +available styles + +Learn more about variable fonts +------------------------------- + + https://developers.google.com/web/fundamentals/design-and-ux/typography/variable-fonts + https://variablefonts.typenetwork.com + https://medium.com/variable-fonts + +In desktop apps + + https://theblog.adobe.com/can-variable-fonts-illustrator-cc + https://helpx.adobe.com/nz/photoshop/using/fonts.html#variable_fonts + +Online + + https://developers.google.com/fonts/docs/getting_started + https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide + https://developer.microsoft.com/en-us/microsoft-edge/testdrive/demos/variable-fonts + +Installing fonts + + MacOS: https://support.apple.com/en-us/HT201749 + Linux: https://www.google.com/search?q=how+to+install+a+font+on+gnu%2Blinux + Windows: https://support.microsoft.com/en-us/help/314960/how-to-install-or-remove-a-font-in-windows + +Android Apps + + https://developers.google.com/fonts/docs/android + https://developer.android.com/guide/topics/ui/look-and-feel/downloadable-fonts + +License +------- +Please read the full license text (OFL.txt) to understand the permissions, +restrictions and requirements for usage, redistribution, and modification. + +You can use them in your products & projects – print or digital, +commercial or otherwise. + +This isn't legal advice, please consider consulting a lawyer and see the full +license for all details. diff --git a/src/Roboto/Roboto-Italic-VariableFont_wdth,wght.ttf b/src/Roboto/Roboto-Italic-VariableFont_wdth,wght.ttf new file mode 100644 index 0000000000..978e53a7de Binary files /dev/null and b/src/Roboto/Roboto-Italic-VariableFont_wdth,wght.ttf differ diff --git a/src/Roboto/Roboto-VariableFont_wdth,wght.ttf b/src/Roboto/Roboto-VariableFont_wdth,wght.ttf new file mode 100644 index 0000000000..bba55f616c Binary files /dev/null and b/src/Roboto/Roboto-VariableFont_wdth,wght.ttf differ diff --git a/src/Roboto/static/Roboto-Black.ttf b/src/Roboto/static/Roboto-Black.ttf new file mode 100644 index 0000000000..d51221af2b Binary files /dev/null and b/src/Roboto/static/Roboto-Black.ttf differ diff --git a/src/Roboto/static/Roboto-BlackItalic.ttf b/src/Roboto/static/Roboto-BlackItalic.ttf new file mode 100644 index 0000000000..c71c549d3f Binary files /dev/null and b/src/Roboto/static/Roboto-BlackItalic.ttf differ diff --git a/src/Roboto/static/Roboto-Bold.ttf b/src/Roboto/static/Roboto-Bold.ttf new file mode 100644 index 0000000000..4658f9a67b Binary files /dev/null and b/src/Roboto/static/Roboto-Bold.ttf differ diff --git a/src/Roboto/static/Roboto-BoldItalic.ttf b/src/Roboto/static/Roboto-BoldItalic.ttf new file mode 100644 index 0000000000..2ee0765ce1 Binary files /dev/null and b/src/Roboto/static/Roboto-BoldItalic.ttf differ diff --git a/src/Roboto/static/Roboto-ExtraBold.ttf b/src/Roboto/static/Roboto-ExtraBold.ttf new file mode 100644 index 0000000000..7092a880bb Binary files /dev/null and b/src/Roboto/static/Roboto-ExtraBold.ttf differ diff --git a/src/Roboto/static/Roboto-ExtraBoldItalic.ttf b/src/Roboto/static/Roboto-ExtraBoldItalic.ttf new file mode 100644 index 0000000000..a5536f5d54 Binary files /dev/null and b/src/Roboto/static/Roboto-ExtraBoldItalic.ttf differ diff --git a/src/Roboto/static/Roboto-ExtraLight.ttf b/src/Roboto/static/Roboto-ExtraLight.ttf new file mode 100644 index 0000000000..75608c6642 Binary files /dev/null and b/src/Roboto/static/Roboto-ExtraLight.ttf differ diff --git a/src/Roboto/static/Roboto-ExtraLightItalic.ttf b/src/Roboto/static/Roboto-ExtraLightItalic.ttf new file mode 100644 index 0000000000..23dbbef7ad Binary files /dev/null and b/src/Roboto/static/Roboto-ExtraLightItalic.ttf differ diff --git a/src/Roboto/static/Roboto-Italic.ttf b/src/Roboto/static/Roboto-Italic.ttf new file mode 100644 index 0000000000..c3abaefb28 Binary files /dev/null and b/src/Roboto/static/Roboto-Italic.ttf differ diff --git a/src/Roboto/static/Roboto-Light.ttf b/src/Roboto/static/Roboto-Light.ttf new file mode 100644 index 0000000000..6fcd5f964d Binary files /dev/null and b/src/Roboto/static/Roboto-Light.ttf differ diff --git a/src/Roboto/static/Roboto-LightItalic.ttf b/src/Roboto/static/Roboto-LightItalic.ttf new file mode 100644 index 0000000000..a6e504709f Binary files /dev/null and b/src/Roboto/static/Roboto-LightItalic.ttf differ diff --git a/src/Roboto/static/Roboto-Medium.ttf b/src/Roboto/static/Roboto-Medium.ttf new file mode 100644 index 0000000000..d629e98489 Binary files /dev/null and b/src/Roboto/static/Roboto-Medium.ttf differ diff --git a/src/Roboto/static/Roboto-MediumItalic.ttf b/src/Roboto/static/Roboto-MediumItalic.ttf new file mode 100644 index 0000000000..ef9ed1b441 Binary files /dev/null and b/src/Roboto/static/Roboto-MediumItalic.ttf differ diff --git a/src/Roboto/static/Roboto-Regular.ttf b/src/Roboto/static/Roboto-Regular.ttf new file mode 100644 index 0000000000..7e3bb2f8ce Binary files /dev/null and b/src/Roboto/static/Roboto-Regular.ttf differ diff --git a/src/Roboto/static/Roboto-SemiBold.ttf b/src/Roboto/static/Roboto-SemiBold.ttf new file mode 100644 index 0000000000..3f348341cb Binary files /dev/null and b/src/Roboto/static/Roboto-SemiBold.ttf differ diff --git a/src/Roboto/static/Roboto-SemiBoldItalic.ttf b/src/Roboto/static/Roboto-SemiBoldItalic.ttf new file mode 100644 index 0000000000..132cca1602 Binary files /dev/null and b/src/Roboto/static/Roboto-SemiBoldItalic.ttf differ diff --git a/src/Roboto/static/Roboto-Thin.ttf b/src/Roboto/static/Roboto-Thin.ttf new file mode 100644 index 0000000000..6ee97b8895 Binary files /dev/null and b/src/Roboto/static/Roboto-Thin.ttf differ diff --git a/src/Roboto/static/Roboto-ThinItalic.ttf b/src/Roboto/static/Roboto-ThinItalic.ttf new file mode 100644 index 0000000000..0381198d34 Binary files /dev/null and b/src/Roboto/static/Roboto-ThinItalic.ttf differ diff --git a/src/Roboto/static/Roboto_Condensed-Black.ttf b/src/Roboto/static/Roboto_Condensed-Black.ttf new file mode 100644 index 0000000000..7529d1b905 Binary files /dev/null and b/src/Roboto/static/Roboto_Condensed-Black.ttf differ diff --git a/src/Roboto/static/Roboto_Condensed-BlackItalic.ttf b/src/Roboto/static/Roboto_Condensed-BlackItalic.ttf new file mode 100644 index 0000000000..0c31e9f57c Binary files /dev/null and b/src/Roboto/static/Roboto_Condensed-BlackItalic.ttf differ diff --git a/src/Roboto/static/Roboto_Condensed-Bold.ttf b/src/Roboto/static/Roboto_Condensed-Bold.ttf new file mode 100644 index 0000000000..a7c3cdf62b Binary files /dev/null and b/src/Roboto/static/Roboto_Condensed-Bold.ttf differ diff --git a/src/Roboto/static/Roboto_Condensed-BoldItalic.ttf b/src/Roboto/static/Roboto_Condensed-BoldItalic.ttf new file mode 100644 index 0000000000..24513a5d24 Binary files /dev/null and b/src/Roboto/static/Roboto_Condensed-BoldItalic.ttf differ diff --git a/src/Roboto/static/Roboto_Condensed-ExtraBold.ttf b/src/Roboto/static/Roboto_Condensed-ExtraBold.ttf new file mode 100644 index 0000000000..782442a747 Binary files /dev/null and b/src/Roboto/static/Roboto_Condensed-ExtraBold.ttf differ diff --git a/src/Roboto/static/Roboto_Condensed-ExtraBoldItalic.ttf b/src/Roboto/static/Roboto_Condensed-ExtraBoldItalic.ttf new file mode 100644 index 0000000000..aeff7c299f Binary files /dev/null and b/src/Roboto/static/Roboto_Condensed-ExtraBoldItalic.ttf differ diff --git a/src/Roboto/static/Roboto_Condensed-ExtraLight.ttf b/src/Roboto/static/Roboto_Condensed-ExtraLight.ttf new file mode 100644 index 0000000000..16a1560e8d Binary files /dev/null and b/src/Roboto/static/Roboto_Condensed-ExtraLight.ttf differ diff --git a/src/Roboto/static/Roboto_Condensed-ExtraLightItalic.ttf b/src/Roboto/static/Roboto_Condensed-ExtraLightItalic.ttf new file mode 100644 index 0000000000..0f6fe709cd Binary files /dev/null and b/src/Roboto/static/Roboto_Condensed-ExtraLightItalic.ttf differ diff --git a/src/Roboto/static/Roboto_Condensed-Italic.ttf b/src/Roboto/static/Roboto_Condensed-Italic.ttf new file mode 100644 index 0000000000..3b387eb859 Binary files /dev/null and b/src/Roboto/static/Roboto_Condensed-Italic.ttf differ diff --git a/src/Roboto/static/Roboto_Condensed-Light.ttf b/src/Roboto/static/Roboto_Condensed-Light.ttf new file mode 100644 index 0000000000..e70c357377 Binary files /dev/null and b/src/Roboto/static/Roboto_Condensed-Light.ttf differ diff --git a/src/Roboto/static/Roboto_Condensed-LightItalic.ttf b/src/Roboto/static/Roboto_Condensed-LightItalic.ttf new file mode 100644 index 0000000000..9f623e0021 Binary files /dev/null and b/src/Roboto/static/Roboto_Condensed-LightItalic.ttf differ diff --git a/src/Roboto/static/Roboto_Condensed-Medium.ttf b/src/Roboto/static/Roboto_Condensed-Medium.ttf new file mode 100644 index 0000000000..dd2842b549 Binary files /dev/null and b/src/Roboto/static/Roboto_Condensed-Medium.ttf differ diff --git a/src/Roboto/static/Roboto_Condensed-MediumItalic.ttf b/src/Roboto/static/Roboto_Condensed-MediumItalic.ttf new file mode 100644 index 0000000000..80ff64eca9 Binary files /dev/null and b/src/Roboto/static/Roboto_Condensed-MediumItalic.ttf differ diff --git a/src/Roboto/static/Roboto_Condensed-Regular.ttf b/src/Roboto/static/Roboto_Condensed-Regular.ttf new file mode 100644 index 0000000000..5af42d4733 Binary files /dev/null and b/src/Roboto/static/Roboto_Condensed-Regular.ttf differ diff --git a/src/Roboto/static/Roboto_Condensed-SemiBold.ttf b/src/Roboto/static/Roboto_Condensed-SemiBold.ttf new file mode 100644 index 0000000000..4297f17386 Binary files /dev/null and b/src/Roboto/static/Roboto_Condensed-SemiBold.ttf differ diff --git a/src/Roboto/static/Roboto_Condensed-SemiBoldItalic.ttf b/src/Roboto/static/Roboto_Condensed-SemiBoldItalic.ttf new file mode 100644 index 0000000000..6cb4656c66 Binary files /dev/null and b/src/Roboto/static/Roboto_Condensed-SemiBoldItalic.ttf differ diff --git a/src/Roboto/static/Roboto_Condensed-Thin.ttf b/src/Roboto/static/Roboto_Condensed-Thin.ttf new file mode 100644 index 0000000000..1ccebccfea Binary files /dev/null and b/src/Roboto/static/Roboto_Condensed-Thin.ttf differ diff --git a/src/Roboto/static/Roboto_Condensed-ThinItalic.ttf b/src/Roboto/static/Roboto_Condensed-ThinItalic.ttf new file mode 100644 index 0000000000..e58e966e13 Binary files /dev/null and b/src/Roboto/static/Roboto_Condensed-ThinItalic.ttf differ diff --git a/src/Roboto/static/Roboto_SemiCondensed-Black.ttf b/src/Roboto/static/Roboto_SemiCondensed-Black.ttf new file mode 100644 index 0000000000..8eedb64afa Binary files /dev/null and b/src/Roboto/static/Roboto_SemiCondensed-Black.ttf differ diff --git a/src/Roboto/static/Roboto_SemiCondensed-BlackItalic.ttf b/src/Roboto/static/Roboto_SemiCondensed-BlackItalic.ttf new file mode 100644 index 0000000000..19a509641c Binary files /dev/null and b/src/Roboto/static/Roboto_SemiCondensed-BlackItalic.ttf differ diff --git a/src/Roboto/static/Roboto_SemiCondensed-Bold.ttf b/src/Roboto/static/Roboto_SemiCondensed-Bold.ttf new file mode 100644 index 0000000000..47d0afa62c Binary files /dev/null and b/src/Roboto/static/Roboto_SemiCondensed-Bold.ttf differ diff --git a/src/Roboto/static/Roboto_SemiCondensed-BoldItalic.ttf b/src/Roboto/static/Roboto_SemiCondensed-BoldItalic.ttf new file mode 100644 index 0000000000..319f62ef81 Binary files /dev/null and b/src/Roboto/static/Roboto_SemiCondensed-BoldItalic.ttf differ diff --git a/src/Roboto/static/Roboto_SemiCondensed-ExtraBold.ttf b/src/Roboto/static/Roboto_SemiCondensed-ExtraBold.ttf new file mode 100644 index 0000000000..36423c33fb Binary files /dev/null and b/src/Roboto/static/Roboto_SemiCondensed-ExtraBold.ttf differ diff --git a/src/Roboto/static/Roboto_SemiCondensed-ExtraBoldItalic.ttf b/src/Roboto/static/Roboto_SemiCondensed-ExtraBoldItalic.ttf new file mode 100644 index 0000000000..b40ce774d1 Binary files /dev/null and b/src/Roboto/static/Roboto_SemiCondensed-ExtraBoldItalic.ttf differ diff --git a/src/Roboto/static/Roboto_SemiCondensed-ExtraLight.ttf b/src/Roboto/static/Roboto_SemiCondensed-ExtraLight.ttf new file mode 100644 index 0000000000..e1c25a01c0 Binary files /dev/null and b/src/Roboto/static/Roboto_SemiCondensed-ExtraLight.ttf differ diff --git a/src/Roboto/static/Roboto_SemiCondensed-ExtraLightItalic.ttf b/src/Roboto/static/Roboto_SemiCondensed-ExtraLightItalic.ttf new file mode 100644 index 0000000000..929a0938bf Binary files /dev/null and b/src/Roboto/static/Roboto_SemiCondensed-ExtraLightItalic.ttf differ diff --git a/src/Roboto/static/Roboto_SemiCondensed-Italic.ttf b/src/Roboto/static/Roboto_SemiCondensed-Italic.ttf new file mode 100644 index 0000000000..23454ff1d8 Binary files /dev/null and b/src/Roboto/static/Roboto_SemiCondensed-Italic.ttf differ diff --git a/src/Roboto/static/Roboto_SemiCondensed-Light.ttf b/src/Roboto/static/Roboto_SemiCondensed-Light.ttf new file mode 100644 index 0000000000..b9aedcd49d Binary files /dev/null and b/src/Roboto/static/Roboto_SemiCondensed-Light.ttf differ diff --git a/src/Roboto/static/Roboto_SemiCondensed-LightItalic.ttf b/src/Roboto/static/Roboto_SemiCondensed-LightItalic.ttf new file mode 100644 index 0000000000..c096473e92 Binary files /dev/null and b/src/Roboto/static/Roboto_SemiCondensed-LightItalic.ttf differ diff --git a/src/Roboto/static/Roboto_SemiCondensed-Medium.ttf b/src/Roboto/static/Roboto_SemiCondensed-Medium.ttf new file mode 100644 index 0000000000..e9c34d6dd9 Binary files /dev/null and b/src/Roboto/static/Roboto_SemiCondensed-Medium.ttf differ diff --git a/src/Roboto/static/Roboto_SemiCondensed-MediumItalic.ttf b/src/Roboto/static/Roboto_SemiCondensed-MediumItalic.ttf new file mode 100644 index 0000000000..ab34b70cdb Binary files /dev/null and b/src/Roboto/static/Roboto_SemiCondensed-MediumItalic.ttf differ diff --git a/src/Roboto/static/Roboto_SemiCondensed-Regular.ttf b/src/Roboto/static/Roboto_SemiCondensed-Regular.ttf new file mode 100644 index 0000000000..36109bacf2 Binary files /dev/null and b/src/Roboto/static/Roboto_SemiCondensed-Regular.ttf differ diff --git a/src/Roboto/static/Roboto_SemiCondensed-SemiBold.ttf b/src/Roboto/static/Roboto_SemiCondensed-SemiBold.ttf new file mode 100644 index 0000000000..6d10b333a0 Binary files /dev/null and b/src/Roboto/static/Roboto_SemiCondensed-SemiBold.ttf differ diff --git a/src/Roboto/static/Roboto_SemiCondensed-SemiBoldItalic.ttf b/src/Roboto/static/Roboto_SemiCondensed-SemiBoldItalic.ttf new file mode 100644 index 0000000000..e88bc4af43 Binary files /dev/null and b/src/Roboto/static/Roboto_SemiCondensed-SemiBoldItalic.ttf differ diff --git a/src/Roboto/static/Roboto_SemiCondensed-Thin.ttf b/src/Roboto/static/Roboto_SemiCondensed-Thin.ttf new file mode 100644 index 0000000000..8ed8d79cb8 Binary files /dev/null and b/src/Roboto/static/Roboto_SemiCondensed-Thin.ttf differ diff --git a/src/Roboto/static/Roboto_SemiCondensed-ThinItalic.ttf b/src/Roboto/static/Roboto_SemiCondensed-ThinItalic.ttf new file mode 100644 index 0000000000..81afeea53c Binary files /dev/null and b/src/Roboto/static/Roboto_SemiCondensed-ThinItalic.ttf differ diff --git a/src/index.html b/src/index.html index b39fe97123..32cf94c83c 100644 --- a/src/index.html +++ b/src/index.html @@ -15,8 +15,101 @@ rel="stylesheet" href="./style.css" /> + + + -

Moyo header

+
+ + +
diff --git a/src/style.css b/src/style.css index 293d3b1f13..1b59292b39 100644 --- a/src/style.css +++ b/src/style.css @@ -1,3 +1,87 @@ body { margin: 0; + padding: 0; + font-family: Roboto, Arial, Helvetica, sans-serif; + font-style: normal; + font-weight: 500; + background-color: aliceblue; + + --color: #00acdc; +} + +.header_line { + width: 100%; + display: flex; + align-items: center; + background-color: white; + padding: 0 50px; + justify-content: space-between; + box-sizing: border-box; +} + +.logo_item { + display: block; + width: 40px; +} + +.navigation { + position: static; + display: flex; + align-items: center; + padding: 0; + margin: 0; +} + +.nav_list { + list-style: none; + display: flex; + align-items: center; + text-transform: uppercase; + padding: 0; + margin: 0; +} + +.nav__item { + margin-right: 20px; + display: flex; + align-items: center; + justify-content: center; + text-align: center; + +} + +.nav__item:last-child { + margin-right: 0; +} + +.nav__link.is-active { + position: relative; + color: var(--color); +} + +.nav__link.is-active::after { + content: ''; + position: absolute; + width: 100%; + height: 4px; + left: 0; + border-radius: 8px; + background-color: var(--color); + top: 56px; +} + +.nav__link { + text-decoration: none; + color: black; + font-size: 12px; + text-align: center; + + display: flex; + align-items: center; + justify-content: center; + height: 60px; +} + +.nav__link:hover { + color: var(--color); }