diff --git a/package-lock.json b/package-lock.json index fd6083e..2073bfb 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,7 +8,8 @@ "name": "router-ui-frontend", "version": "0.0.0", "dependencies": { - "vue": "^3.4.37" + "vue": "^3.4.37", + "vue-router": "^4.4.3" }, "devDependencies": { "@vitejs/plugin-vue": "^5.1.2", @@ -742,6 +743,11 @@ "he": "^1.2.0" } }, + "node_modules/@vue/devtools-api": { + "version": "6.6.3", + "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.3.tgz", + "integrity": "sha512-0MiMsFma/HqA6g3KLKn+AGpL1kgKhFWszC9U29NfpWK5LE7bjeXxySWJrOJ77hBz+TBrBQ7o4QJqbPbqbs8rJw==" + }, "node_modules/@vue/language-core": { "version": "2.0.29", "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-2.0.29.tgz", @@ -1165,6 +1171,20 @@ } } }, + "node_modules/vue-router": { + "version": "4.4.3", + "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.4.3.tgz", + "integrity": "sha512-sv6wmNKx2j3aqJQDMxLFzs/u/mjA9Z5LCgy6BE0f7yFWMjrPLnS/sPNn8ARY/FXw6byV18EFutn5lTO6+UsV5A==", + "dependencies": { + "@vue/devtools-api": "^6.6.3" + }, + "funding": { + "url": "https://github.com/sponsors/posva" + }, + "peerDependencies": { + "vue": "^3.2.0" + } + }, "node_modules/vue-tsc": { "version": "2.0.29", "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-2.0.29.tgz", diff --git a/package.json b/package.json index 038370b..c680e12 100644 --- a/package.json +++ b/package.json @@ -9,7 +9,8 @@ "preview": "vite preview" }, "dependencies": { - "vue": "^3.4.37" + "vue": "^3.4.37", + "vue-router": "^4.4.3" }, "devDependencies": { "@vitejs/plugin-vue": "^5.1.2", diff --git a/src/App.vue b/src/App.vue index 158c52a..9d20447 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,3 +1,12 @@ + + diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue index e69de29..5008f28 100644 --- a/src/components/Navbar.vue +++ b/src/components/Navbar.vue @@ -0,0 +1,32 @@ + + + \ No newline at end of file diff --git a/src/fonts/NotoSans/NotoSans-Italic-VariableFont_wdth,wght.ttf b/src/fonts/NotoSans/NotoSans-Italic-VariableFont_wdth,wght.ttf new file mode 100644 index 0000000..4e962ee Binary files /dev/null and b/src/fonts/NotoSans/NotoSans-Italic-VariableFont_wdth,wght.ttf differ diff --git a/src/fonts/NotoSans/NotoSans-VariableFont_wdth,wght.ttf b/src/fonts/NotoSans/NotoSans-VariableFont_wdth,wght.ttf new file mode 100644 index 0000000..f7d0d78 Binary files /dev/null and b/src/fonts/NotoSans/NotoSans-VariableFont_wdth,wght.ttf differ diff --git a/src/fonts/NotoSans/OFL.txt b/src/fonts/NotoSans/OFL.txt new file mode 100644 index 0000000..09f020b --- /dev/null +++ b/src/fonts/NotoSans/OFL.txt @@ -0,0 +1,93 @@ +Copyright 2022 The Noto Project Authors (https://github.com/notofonts/latin-greek-cyrillic) + +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/fonts/NotoSans/README.txt b/src/fonts/NotoSans/README.txt new file mode 100644 index 0000000..4958bee --- /dev/null +++ b/src/fonts/NotoSans/README.txt @@ -0,0 +1,136 @@ +Noto Sans Variable Font +======================= + +This download contains Noto Sans as both variable fonts and static fonts. + +Noto Sans is a variable font with these axes: + wdth + wght + +This means all the styles are contained in these files: + NotoSans-VariableFont_wdth,wght.ttf + NotoSans-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 Noto Sans: + static/NotoSans_ExtraCondensed-Thin.ttf + static/NotoSans_ExtraCondensed-ExtraLight.ttf + static/NotoSans_ExtraCondensed-Light.ttf + static/NotoSans_ExtraCondensed-Regular.ttf + static/NotoSans_ExtraCondensed-Medium.ttf + static/NotoSans_ExtraCondensed-SemiBold.ttf + static/NotoSans_ExtraCondensed-Bold.ttf + static/NotoSans_ExtraCondensed-ExtraBold.ttf + static/NotoSans_ExtraCondensed-Black.ttf + static/NotoSans_Condensed-Thin.ttf + static/NotoSans_Condensed-ExtraLight.ttf + static/NotoSans_Condensed-Light.ttf + static/NotoSans_Condensed-Regular.ttf + static/NotoSans_Condensed-Medium.ttf + static/NotoSans_Condensed-SemiBold.ttf + static/NotoSans_Condensed-Bold.ttf + static/NotoSans_Condensed-ExtraBold.ttf + static/NotoSans_Condensed-Black.ttf + static/NotoSans_SemiCondensed-Thin.ttf + static/NotoSans_SemiCondensed-ExtraLight.ttf + static/NotoSans_SemiCondensed-Light.ttf + static/NotoSans_SemiCondensed-Regular.ttf + static/NotoSans_SemiCondensed-Medium.ttf + static/NotoSans_SemiCondensed-SemiBold.ttf + static/NotoSans_SemiCondensed-Bold.ttf + static/NotoSans_SemiCondensed-ExtraBold.ttf + static/NotoSans_SemiCondensed-Black.ttf + static/NotoSans-Thin.ttf + static/NotoSans-ExtraLight.ttf + static/NotoSans-Light.ttf + static/NotoSans-Regular.ttf + static/NotoSans-Medium.ttf + static/NotoSans-SemiBold.ttf + static/NotoSans-Bold.ttf + static/NotoSans-ExtraBold.ttf + static/NotoSans-Black.ttf + static/NotoSans_ExtraCondensed-ThinItalic.ttf + static/NotoSans_ExtraCondensed-ExtraLightItalic.ttf + static/NotoSans_ExtraCondensed-LightItalic.ttf + static/NotoSans_ExtraCondensed-Italic.ttf + static/NotoSans_ExtraCondensed-MediumItalic.ttf + static/NotoSans_ExtraCondensed-SemiBoldItalic.ttf + static/NotoSans_ExtraCondensed-BoldItalic.ttf + static/NotoSans_ExtraCondensed-ExtraBoldItalic.ttf + static/NotoSans_ExtraCondensed-BlackItalic.ttf + static/NotoSans_Condensed-ThinItalic.ttf + static/NotoSans_Condensed-ExtraLightItalic.ttf + static/NotoSans_Condensed-LightItalic.ttf + static/NotoSans_Condensed-Italic.ttf + static/NotoSans_Condensed-MediumItalic.ttf + static/NotoSans_Condensed-SemiBoldItalic.ttf + static/NotoSans_Condensed-BoldItalic.ttf + static/NotoSans_Condensed-ExtraBoldItalic.ttf + static/NotoSans_Condensed-BlackItalic.ttf + static/NotoSans_SemiCondensed-ThinItalic.ttf + static/NotoSans_SemiCondensed-ExtraLightItalic.ttf + static/NotoSans_SemiCondensed-LightItalic.ttf + static/NotoSans_SemiCondensed-Italic.ttf + static/NotoSans_SemiCondensed-MediumItalic.ttf + static/NotoSans_SemiCondensed-SemiBoldItalic.ttf + static/NotoSans_SemiCondensed-BoldItalic.ttf + static/NotoSans_SemiCondensed-ExtraBoldItalic.ttf + static/NotoSans_SemiCondensed-BlackItalic.ttf + static/NotoSans-ThinItalic.ttf + static/NotoSans-ExtraLightItalic.ttf + static/NotoSans-LightItalic.ttf + static/NotoSans-Italic.ttf + static/NotoSans-MediumItalic.ttf + static/NotoSans-SemiBoldItalic.ttf + static/NotoSans-BoldItalic.ttf + static/NotoSans-ExtraBoldItalic.ttf + static/NotoSans-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/fonts/NotoSans/static/NotoSans-Black.ttf b/src/fonts/NotoSans/static/NotoSans-Black.ttf new file mode 100644 index 0000000..e52bac2 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans-Black.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans-BlackItalic.ttf b/src/fonts/NotoSans/static/NotoSans-BlackItalic.ttf new file mode 100644 index 0000000..8a430ec Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans-BlackItalic.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans-Bold.ttf b/src/fonts/NotoSans/static/NotoSans-Bold.ttf new file mode 100644 index 0000000..d84248e Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans-Bold.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans-BoldItalic.ttf b/src/fonts/NotoSans/static/NotoSans-BoldItalic.ttf new file mode 100644 index 0000000..3a34c4c Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans-BoldItalic.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans-ExtraBold.ttf b/src/fonts/NotoSans/static/NotoSans-ExtraBold.ttf new file mode 100644 index 0000000..b416f0b Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans-ExtraBold.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans-ExtraBoldItalic.ttf b/src/fonts/NotoSans/static/NotoSans-ExtraBoldItalic.ttf new file mode 100644 index 0000000..181846f Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans-ExtraBoldItalic.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans-ExtraLight.ttf b/src/fonts/NotoSans/static/NotoSans-ExtraLight.ttf new file mode 100644 index 0000000..81f0958 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans-ExtraLight.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans-ExtraLightItalic.ttf b/src/fonts/NotoSans/static/NotoSans-ExtraLightItalic.ttf new file mode 100644 index 0000000..0d7c13a Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans-ExtraLightItalic.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans-Italic.ttf b/src/fonts/NotoSans/static/NotoSans-Italic.ttf new file mode 100644 index 0000000..c40c356 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans-Italic.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans-Light.ttf b/src/fonts/NotoSans/static/NotoSans-Light.ttf new file mode 100644 index 0000000..f7a67d7 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans-Light.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans-LightItalic.ttf b/src/fonts/NotoSans/static/NotoSans-LightItalic.ttf new file mode 100644 index 0000000..d51fb25 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans-LightItalic.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans-Medium.ttf b/src/fonts/NotoSans/static/NotoSans-Medium.ttf new file mode 100644 index 0000000..a799b74 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans-Medium.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans-MediumItalic.ttf b/src/fonts/NotoSans/static/NotoSans-MediumItalic.ttf new file mode 100644 index 0000000..2ccbc5b Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans-MediumItalic.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans-Regular.ttf b/src/fonts/NotoSans/static/NotoSans-Regular.ttf new file mode 100644 index 0000000..fa4cff5 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans-Regular.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans-SemiBold.ttf b/src/fonts/NotoSans/static/NotoSans-SemiBold.ttf new file mode 100644 index 0000000..d3ed423 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans-SemiBold.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans-SemiBoldItalic.ttf b/src/fonts/NotoSans/static/NotoSans-SemiBoldItalic.ttf new file mode 100644 index 0000000..c83e750 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans-SemiBoldItalic.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans-Thin.ttf b/src/fonts/NotoSans/static/NotoSans-Thin.ttf new file mode 100644 index 0000000..1459e79 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans-Thin.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans-ThinItalic.ttf b/src/fonts/NotoSans/static/NotoSans-ThinItalic.ttf new file mode 100644 index 0000000..14deac8 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans-ThinItalic.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_Condensed-Black.ttf b/src/fonts/NotoSans/static/NotoSans_Condensed-Black.ttf new file mode 100644 index 0000000..0e1f611 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_Condensed-Black.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_Condensed-BlackItalic.ttf b/src/fonts/NotoSans/static/NotoSans_Condensed-BlackItalic.ttf new file mode 100644 index 0000000..99f7a21 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_Condensed-BlackItalic.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_Condensed-Bold.ttf b/src/fonts/NotoSans/static/NotoSans_Condensed-Bold.ttf new file mode 100644 index 0000000..71e7396 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_Condensed-Bold.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_Condensed-BoldItalic.ttf b/src/fonts/NotoSans/static/NotoSans_Condensed-BoldItalic.ttf new file mode 100644 index 0000000..e948404 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_Condensed-BoldItalic.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_Condensed-ExtraBold.ttf b/src/fonts/NotoSans/static/NotoSans_Condensed-ExtraBold.ttf new file mode 100644 index 0000000..38520d9 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_Condensed-ExtraBold.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_Condensed-ExtraBoldItalic.ttf b/src/fonts/NotoSans/static/NotoSans_Condensed-ExtraBoldItalic.ttf new file mode 100644 index 0000000..e4421af Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_Condensed-ExtraBoldItalic.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_Condensed-ExtraLight.ttf b/src/fonts/NotoSans/static/NotoSans_Condensed-ExtraLight.ttf new file mode 100644 index 0000000..f47e49e Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_Condensed-ExtraLight.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_Condensed-ExtraLightItalic.ttf b/src/fonts/NotoSans/static/NotoSans_Condensed-ExtraLightItalic.ttf new file mode 100644 index 0000000..f13c880 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_Condensed-ExtraLightItalic.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_Condensed-Italic.ttf b/src/fonts/NotoSans/static/NotoSans_Condensed-Italic.ttf new file mode 100644 index 0000000..8e5c0f7 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_Condensed-Italic.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_Condensed-Light.ttf b/src/fonts/NotoSans/static/NotoSans_Condensed-Light.ttf new file mode 100644 index 0000000..0b5c4f6 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_Condensed-Light.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_Condensed-LightItalic.ttf b/src/fonts/NotoSans/static/NotoSans_Condensed-LightItalic.ttf new file mode 100644 index 0000000..a88fe4d Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_Condensed-LightItalic.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_Condensed-Medium.ttf b/src/fonts/NotoSans/static/NotoSans_Condensed-Medium.ttf new file mode 100644 index 0000000..582b88a Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_Condensed-Medium.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_Condensed-MediumItalic.ttf b/src/fonts/NotoSans/static/NotoSans_Condensed-MediumItalic.ttf new file mode 100644 index 0000000..a882179 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_Condensed-MediumItalic.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_Condensed-Regular.ttf b/src/fonts/NotoSans/static/NotoSans_Condensed-Regular.ttf new file mode 100644 index 0000000..78cc2f5 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_Condensed-Regular.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_Condensed-SemiBold.ttf b/src/fonts/NotoSans/static/NotoSans_Condensed-SemiBold.ttf new file mode 100644 index 0000000..f724bf7 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_Condensed-SemiBold.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_Condensed-SemiBoldItalic.ttf b/src/fonts/NotoSans/static/NotoSans_Condensed-SemiBoldItalic.ttf new file mode 100644 index 0000000..c7b50d2 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_Condensed-SemiBoldItalic.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_Condensed-Thin.ttf b/src/fonts/NotoSans/static/NotoSans_Condensed-Thin.ttf new file mode 100644 index 0000000..fb47447 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_Condensed-Thin.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_Condensed-ThinItalic.ttf b/src/fonts/NotoSans/static/NotoSans_Condensed-ThinItalic.ttf new file mode 100644 index 0000000..0fcffa5 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_Condensed-ThinItalic.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-Black.ttf b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-Black.ttf new file mode 100644 index 0000000..32a8793 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-Black.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-BlackItalic.ttf b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-BlackItalic.ttf new file mode 100644 index 0000000..d3769cc Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-BlackItalic.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-Bold.ttf b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-Bold.ttf new file mode 100644 index 0000000..32d50e7 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-Bold.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-BoldItalic.ttf b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-BoldItalic.ttf new file mode 100644 index 0000000..92599d2 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-BoldItalic.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-ExtraBold.ttf b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-ExtraBold.ttf new file mode 100644 index 0000000..07e8a8c Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-ExtraBold.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-ExtraBoldItalic.ttf b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-ExtraBoldItalic.ttf new file mode 100644 index 0000000..b4fd5de Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-ExtraBoldItalic.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-ExtraLight.ttf b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-ExtraLight.ttf new file mode 100644 index 0000000..7bd15ad Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-ExtraLight.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-ExtraLightItalic.ttf b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-ExtraLightItalic.ttf new file mode 100644 index 0000000..8d7dac1 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-ExtraLightItalic.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-Italic.ttf b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-Italic.ttf new file mode 100644 index 0000000..e264b8b Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-Italic.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-Light.ttf b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-Light.ttf new file mode 100644 index 0000000..5e960da Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-Light.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-LightItalic.ttf b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-LightItalic.ttf new file mode 100644 index 0000000..ca4f813 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-LightItalic.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-Medium.ttf b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-Medium.ttf new file mode 100644 index 0000000..3be216e Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-Medium.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-MediumItalic.ttf b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-MediumItalic.ttf new file mode 100644 index 0000000..a022777 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-MediumItalic.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-Regular.ttf b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-Regular.ttf new file mode 100644 index 0000000..e805601 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-Regular.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-SemiBold.ttf b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-SemiBold.ttf new file mode 100644 index 0000000..930d29e Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-SemiBold.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-SemiBoldItalic.ttf b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-SemiBoldItalic.ttf new file mode 100644 index 0000000..1f9d8d4 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-SemiBoldItalic.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-Thin.ttf b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-Thin.ttf new file mode 100644 index 0000000..f31235b Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-Thin.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-ThinItalic.ttf b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-ThinItalic.ttf new file mode 100644 index 0000000..b79d614 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_ExtraCondensed-ThinItalic.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_SemiCondensed-Black.ttf b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-Black.ttf new file mode 100644 index 0000000..215e6b5 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-Black.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_SemiCondensed-BlackItalic.ttf b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-BlackItalic.ttf new file mode 100644 index 0000000..a741345 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-BlackItalic.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_SemiCondensed-Bold.ttf b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-Bold.ttf new file mode 100644 index 0000000..1cad850 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-Bold.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_SemiCondensed-BoldItalic.ttf b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-BoldItalic.ttf new file mode 100644 index 0000000..aa925bb Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-BoldItalic.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_SemiCondensed-ExtraBold.ttf b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-ExtraBold.ttf new file mode 100644 index 0000000..369bcb2 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-ExtraBold.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_SemiCondensed-ExtraBoldItalic.ttf b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-ExtraBoldItalic.ttf new file mode 100644 index 0000000..0f029d2 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-ExtraBoldItalic.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_SemiCondensed-ExtraLight.ttf b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-ExtraLight.ttf new file mode 100644 index 0000000..5ddd589 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-ExtraLight.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_SemiCondensed-ExtraLightItalic.ttf b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-ExtraLightItalic.ttf new file mode 100644 index 0000000..777c9a0 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-ExtraLightItalic.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_SemiCondensed-Italic.ttf b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-Italic.ttf new file mode 100644 index 0000000..705a144 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-Italic.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_SemiCondensed-Light.ttf b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-Light.ttf new file mode 100644 index 0000000..a276aa4 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-Light.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_SemiCondensed-LightItalic.ttf b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-LightItalic.ttf new file mode 100644 index 0000000..da4ffea Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-LightItalic.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_SemiCondensed-Medium.ttf b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-Medium.ttf new file mode 100644 index 0000000..13774a4 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-Medium.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_SemiCondensed-MediumItalic.ttf b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-MediumItalic.ttf new file mode 100644 index 0000000..8188ae3 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-MediumItalic.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_SemiCondensed-Regular.ttf b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-Regular.ttf new file mode 100644 index 0000000..a2d0fd4 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-Regular.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_SemiCondensed-SemiBold.ttf b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-SemiBold.ttf new file mode 100644 index 0000000..edb0018 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-SemiBold.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_SemiCondensed-SemiBoldItalic.ttf b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-SemiBoldItalic.ttf new file mode 100644 index 0000000..bf96c72 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-SemiBoldItalic.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_SemiCondensed-Thin.ttf b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-Thin.ttf new file mode 100644 index 0000000..1591087 Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-Thin.ttf differ diff --git a/src/fonts/NotoSans/static/NotoSans_SemiCondensed-ThinItalic.ttf b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-ThinItalic.ttf new file mode 100644 index 0000000..1f2cfae Binary files /dev/null and b/src/fonts/NotoSans/static/NotoSans_SemiCondensed-ThinItalic.ttf differ diff --git a/src/main.ts b/src/main.ts index b670de8..f2ed699 100644 --- a/src/main.ts +++ b/src/main.ts @@ -1,4 +1,9 @@ import { createApp } from "vue"; import App from "./App.vue"; +import router from './routes/router' +import './styles/main.css' -createApp(App).mount("#app"); + +createApp(App) + .use(router) + .mount("#app"); diff --git a/src/pages/AdvancedDashboard.vue b/src/pages/AdvancedDashboard.vue index e69de29..66694ca 100644 --- a/src/pages/AdvancedDashboard.vue +++ b/src/pages/AdvancedDashboard.vue @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/src/pages/BasicDashboard.vue b/src/pages/BasicDashboard.vue index e69de29..2022092 100644 --- a/src/pages/BasicDashboard.vue +++ b/src/pages/BasicDashboard.vue @@ -0,0 +1,14 @@ + + + \ No newline at end of file diff --git a/src/pages/LoginPage.vue b/src/pages/LoginPage.vue index e69de29..efac37b 100644 --- a/src/pages/LoginPage.vue +++ b/src/pages/LoginPage.vue @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/src/pages/RegisterPage.vue b/src/pages/RegisterPage.vue index e69de29..cb1aa1c 100644 --- a/src/pages/RegisterPage.vue +++ b/src/pages/RegisterPage.vue @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/src/routes/router.ts b/src/routes/router.ts new file mode 100644 index 0000000..66b96ad --- /dev/null +++ b/src/routes/router.ts @@ -0,0 +1,36 @@ +import { createRouter, createWebHistory } from "vue-router"; +import AdvanceDashboard from '../pages/AdvancedDashboard.vue'; +import BasicDashboard from "../pages/BasicDashboard.vue"; +import LoginPage from "../pages/LoginPage.vue"; +import RegisterPage from "../pages/RegisterPage.vue"; + +const routes = [ + { + path: '/', + component: BasicDashboard + }, + { + path: '/advance', + component: AdvanceDashboard + }, + { + path: '/basic', + component: BasicDashboard + }, + { + path: '/login', + component: LoginPage + }, + { + path: '/register', + component: RegisterPage + }, +]; + + +const router = createRouter({ + history: createWebHistory(), + routes, +}); + +export default router; \ No newline at end of file diff --git a/src/scripts/App.ts b/src/scripts/App.ts new file mode 100644 index 0000000..e69de29 diff --git a/src/styles/advancedDashboard.css b/src/styles/advancedDashboard.css new file mode 100644 index 0000000..e69de29 diff --git a/src/styles/basicDashboard.css b/src/styles/basicDashboard.css new file mode 100644 index 0000000..e69de29 diff --git a/src/styles/main.css b/src/styles/main.css new file mode 100644 index 0000000..f4c174a --- /dev/null +++ b/src/styles/main.css @@ -0,0 +1,80 @@ +@font-face { + font-family: Noto-Sans; + src: url('../fonts/NotoSans/NotoSans-VariableFont_wdth\,wght.ttf'); +} + +:root { + --padding: 20px; + --border-radius: 20px; +} + +* { + margin: 0; + padding: 0; +} + +body { + background-color: rgb(22, 22, 22); + color: white; + margin: 20px; + font-family: Noto-Sans, sans-serif; +} + +#navbar { + display: flex; + align-items: center; + justify-content: space-between; + background-color: #0f0f0f; + height: 40px; + padding: 10px; + border-radius: 20px; + + div { + display: inherit; + align-items: center; + gap: 10px; + float: right; + } + ul { + display: inherit; + list-style: none; + gap: 10px; + + li { + cursor: pointer; + transition: 0.3s color; + } + li:hover { + color: aqua; + } + } + svg { + width: 25px; + color: white; + cursor: pointer; + transition: 0.3s color; + } + svg:hover { + color: aqua; + } +} + +.popup { + position: relative; + height: min-content; + + span { + display: inline-block; + width: max-content; + background-color: #000; + text-align: center; + border-radius: 5px; + padding: 5px; + position: absolute; + z-index: 1; + top: 100%; + left: 50%; + transform: translate(-50%, 0); + margin-top: 5px; + } +} \ No newline at end of file