diff --git a/v1-com-officielle/package-lock.json b/v1-com-officielle/package-lock.json index 696c363..828e366 100644 --- a/v1-com-officielle/package-lock.json +++ b/v1-com-officielle/package-lock.json @@ -8,6 +8,7 @@ "name": "v1-com-officielle", "version": "0.0.0", "dependencies": { + "vite-svg-loader": "^5.1.1", "vue": "^3.5.25" }, "devDependencies": { @@ -990,12 +991,185 @@ "integrity": "sha512-YXgQ7JjaO18NeK2K9VTbDHaFy62WrObMa6XERNfNOkAhD1F1oDSf3ZJ7K6GqabZ0BvSDHajp8qfS5Sa2I9n8uQ==", "license": "MIT" }, + "node_modules/boolbase": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz", + "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==", + "license": "ISC" + }, + "node_modules/commander": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz", + "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==", + "license": "MIT", + "engines": { + "node": ">= 10" + } + }, + "node_modules/css-select": { + "version": "5.2.2", + "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.2.2.tgz", + "integrity": "sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==", + "license": "BSD-2-Clause", + "dependencies": { + "boolbase": "^1.0.0", + "css-what": "^6.1.0", + "domhandler": "^5.0.2", + "domutils": "^3.0.1", + "nth-check": "^2.0.1" + }, + "funding": { + "url": "https://github.com/sponsors/fb55" + } + }, + "node_modules/css-tree": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz", + "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==", + "license": "MIT", + "dependencies": { + "mdn-data": "2.0.30", + "source-map-js": "^1.0.1" + }, + "engines": { + "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0" + } + }, + "node_modules/css-what": { + "version": "6.2.2", + "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.2.2.tgz", + "integrity": "sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==", + "license": "BSD-2-Clause", + "engines": { + "node": ">= 6" + }, + "funding": { + "url": "https://github.com/sponsors/fb55" + } + }, + "node_modules/csso": { + "version": "5.0.5", + "resolved": "https://registry.npmjs.org/csso/-/csso-5.0.5.tgz", + "integrity": "sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==", + "license": "MIT", + "dependencies": { + "css-tree": "~2.2.0" + }, + "engines": { + "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0", + "npm": ">=7.0.0" + } + }, + "node_modules/csso/node_modules/css-tree": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.2.1.tgz", + "integrity": "sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==", + "license": "MIT", + "dependencies": { + "mdn-data": "2.0.28", + "source-map-js": "^1.0.1" + }, + "engines": { + "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0", + "npm": ">=7.0.0" + } + }, + "node_modules/csso/node_modules/mdn-data": { + "version": "2.0.28", + "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.28.tgz", + "integrity": "sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==", + "license": "CC0-1.0" + }, "node_modules/csstype": { "version": "3.2.3", "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz", "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==", "license": "MIT" }, + "node_modules/debug": { + "version": "4.4.3", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz", + "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==", + "license": "MIT", + "dependencies": { + "ms": "^2.1.3" + }, + "engines": { + "node": ">=6.0" + }, + "peerDependenciesMeta": { + "supports-color": { + "optional": true + } + } + }, + "node_modules/dom-serializer": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz", + "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==", + "license": "MIT", + "dependencies": { + "domelementtype": "^2.3.0", + "domhandler": "^5.0.2", + "entities": "^4.2.0" + }, + "funding": { + "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1" + } + }, + "node_modules/dom-serializer/node_modules/entities": { + "version": "4.5.0", + "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz", + "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==", + "license": "BSD-2-Clause", + "engines": { + "node": ">=0.12" + }, + "funding": { + "url": "https://github.com/fb55/entities?sponsor=1" + } + }, + "node_modules/domelementtype": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz", + "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/fb55" + } + ], + "license": "BSD-2-Clause" + }, + "node_modules/domhandler": { + "version": "5.0.3", + "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz", + "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==", + "license": "BSD-2-Clause", + "dependencies": { + "domelementtype": "^2.3.0" + }, + "engines": { + "node": ">= 4" + }, + "funding": { + "url": "https://github.com/fb55/domhandler?sponsor=1" + } + }, + "node_modules/domutils": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.2.2.tgz", + "integrity": "sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==", + "license": "BSD-2-Clause", + "dependencies": { + "dom-serializer": "^2.0.0", + "domelementtype": "^2.3.0", + "domhandler": "^5.0.3" + }, + "funding": { + "url": "https://github.com/fb55/domutils?sponsor=1" + } + }, "node_modules/entities": { "version": "7.0.1", "resolved": "https://registry.npmjs.org/entities/-/entities-7.0.1.tgz", @@ -1098,6 +1272,18 @@ "@jridgewell/sourcemap-codec": "^1.5.5" } }, + "node_modules/mdn-data": { + "version": "2.0.30", + "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz", + "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==", + "license": "CC0-1.0" + }, + "node_modules/ms": { + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz", + "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==", + "license": "MIT" + }, "node_modules/nanoid": { "version": "3.3.11", "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz", @@ -1116,6 +1302,18 @@ "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" } }, + "node_modules/nth-check": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz", + "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==", + "license": "BSD-2-Clause", + "dependencies": { + "boolbase": "^1.0.0" + }, + "funding": { + "url": "https://github.com/fb55/nth-check?sponsor=1" + } + }, "node_modules/picocolors": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz", @@ -1208,6 +1406,15 @@ "fsevents": "~2.3.2" } }, + "node_modules/sax": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/sax/-/sax-1.6.0.tgz", + "integrity": "sha512-6R3J5M4AcbtLUdZmRv2SygeVaM7IhrLXu9BmnOGmmACak8fiUtOsYNWUS4uK7upbmHIBbLBeFeI//477BKLBzA==", + "license": "BlueOak-1.0.0", + "engines": { + "node": ">=11.0.0" + } + }, "node_modules/source-map-js": { "version": "1.2.1", "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz", @@ -1217,6 +1424,31 @@ "node": ">=0.10.0" } }, + "node_modules/svgo": { + "version": "3.3.3", + "resolved": "https://registry.npmjs.org/svgo/-/svgo-3.3.3.tgz", + "integrity": "sha512-+wn7I4p7YgJhHs38k2TNjy1vCfPIfLIJWR5MnCStsN8WuuTcBnRKcMHQLMM2ijxGZmDoZwNv8ipl5aTTen62ng==", + "license": "MIT", + "dependencies": { + "commander": "^7.2.0", + "css-select": "^5.1.0", + "css-tree": "^2.3.1", + "css-what": "^6.1.0", + "csso": "^5.0.5", + "picocolors": "^1.0.0", + "sax": "^1.5.0" + }, + "bin": { + "svgo": "bin/svgo" + }, + "engines": { + "node": ">=14.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/svgo" + } + }, "node_modules/tinyglobby": { "version": "0.2.15", "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz", @@ -1309,6 +1541,19 @@ } } }, + "node_modules/vite-svg-loader": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/vite-svg-loader/-/vite-svg-loader-5.1.1.tgz", + "integrity": "sha512-RPzcXA/EpKJA0585x58DBgs7my2VfeJ+j2j1EoHY4Zh82Y7hV4cR1fElgy2aZi85+QSrcLLoTStQ5uZjD68u+Q==", + "license": "MIT", + "dependencies": { + "debug": "^4.3.4", + "svgo": "^3.3.3" + }, + "peerDependencies": { + "vue": ">=3.2.13" + } + }, "node_modules/vue": { "version": "3.5.30", "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.30.tgz", diff --git a/v1-com-officielle/package.json b/v1-com-officielle/package.json index 9a62dcd..e2d39fa 100644 --- a/v1-com-officielle/package.json +++ b/v1-com-officielle/package.json @@ -9,6 +9,7 @@ "preview": "vite preview" }, "dependencies": { + "vite-svg-loader": "^5.1.1", "vue": "^3.5.25" }, "devDependencies": { diff --git a/v1-com-officielle/public/typo/Avara-Black.woff2 b/v1-com-officielle/public/typo/Avara-Black.woff2 new file mode 100644 index 0000000..24a6617 Binary files /dev/null and b/v1-com-officielle/public/typo/Avara-Black.woff2 differ diff --git a/v1-com-officielle/public/typo/Lineal-Heavy.ttf b/v1-com-officielle/public/typo/Lineal-Heavy.ttf new file mode 100644 index 0000000..ee6c18d Binary files /dev/null and b/v1-com-officielle/public/typo/Lineal-Heavy.ttf differ diff --git a/v1-com-officielle/public/typo/PressStart2P-Regular.ttf b/v1-com-officielle/public/typo/PressStart2P-Regular.ttf new file mode 100644 index 0000000..2442aff Binary files /dev/null and b/v1-com-officielle/public/typo/PressStart2P-Regular.ttf differ diff --git a/v1-com-officielle/public/typo/Velvelyne-Bold.ttf b/v1-com-officielle/public/typo/Velvelyne-Bold.ttf new file mode 100644 index 0000000..a9a4c84 Binary files /dev/null and b/v1-com-officielle/public/typo/Velvelyne-Bold.ttf differ diff --git a/v1-com-officielle/public/typo/Velvelyne-Light.ttf b/v1-com-officielle/public/typo/Velvelyne-Light.ttf new file mode 100644 index 0000000..8601c1d Binary files /dev/null and b/v1-com-officielle/public/typo/Velvelyne-Light.ttf differ diff --git a/v1-com-officielle/src/assets/icons/about.svg b/v1-com-officielle/src/assets/icons/about.svg new file mode 100644 index 0000000..edd3e8d --- /dev/null +++ b/v1-com-officielle/src/assets/icons/about.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/v1-com-officielle/src/assets/icons/back.svg b/v1-com-officielle/src/assets/icons/back.svg new file mode 100644 index 0000000..7ed3714 --- /dev/null +++ b/v1-com-officielle/src/assets/icons/back.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/v1-com-officielle/src/assets/icons/close.svg b/v1-com-officielle/src/assets/icons/close.svg new file mode 100644 index 0000000..3821cc9 --- /dev/null +++ b/v1-com-officielle/src/assets/icons/close.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/v1-com-officielle/src/assets/icons/contact.svg b/v1-com-officielle/src/assets/icons/contact.svg new file mode 100644 index 0000000..296b560 --- /dev/null +++ b/v1-com-officielle/src/assets/icons/contact.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/v1-com-officielle/src/assets/icons/file.svg b/v1-com-officielle/src/assets/icons/file.svg new file mode 100644 index 0000000..6f8cb9c --- /dev/null +++ b/v1-com-officielle/src/assets/icons/file.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/v1-com-officielle/src/assets/icons/folder.svg b/v1-com-officielle/src/assets/icons/folder.svg new file mode 100644 index 0000000..258f9f5 --- /dev/null +++ b/v1-com-officielle/src/assets/icons/folder.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/v1-com-officielle/src/assets/icons/info.svg b/v1-com-officielle/src/assets/icons/info.svg new file mode 100644 index 0000000..1262b3e --- /dev/null +++ b/v1-com-officielle/src/assets/icons/info.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/v1-com-officielle/src/assets/icons/link.svg b/v1-com-officielle/src/assets/icons/link.svg new file mode 100644 index 0000000..a2ed00b --- /dev/null +++ b/v1-com-officielle/src/assets/icons/link.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/v1-com-officielle/src/assets/icons/next.svg b/v1-com-officielle/src/assets/icons/next.svg new file mode 100644 index 0000000..ba6b56f --- /dev/null +++ b/v1-com-officielle/src/assets/icons/next.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/v1-com-officielle/src/assets/icons/play.svg b/v1-com-officielle/src/assets/icons/play.svg new file mode 100644 index 0000000..35f115d --- /dev/null +++ b/v1-com-officielle/src/assets/icons/play.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/v1-com-officielle/src/assets/icons/prev.svg b/v1-com-officielle/src/assets/icons/prev.svg new file mode 100644 index 0000000..904d3db --- /dev/null +++ b/v1-com-officielle/src/assets/icons/prev.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/v1-com-officielle/src/assets/icons/reload.svg b/v1-com-officielle/src/assets/icons/reload.svg new file mode 100644 index 0000000..af82d98 --- /dev/null +++ b/v1-com-officielle/src/assets/icons/reload.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/v1-com-officielle/src/assets/style.css b/v1-com-officielle/src/assets/style.css index b5607af..f039daa 100644 --- a/v1-com-officielle/src/assets/style.css +++ b/v1-com-officielle/src/assets/style.css @@ -64,6 +64,8 @@ html, body{ inset: 0; overflow-x: hidden; display: block; + scrollbar-color: var(--main-color) transparent; + scrollbar-width: thin; } canvas { @@ -107,6 +109,8 @@ canvas { overflow-y: scroll; } + +/*=============Classes générales*/ .uiStyle{ background-color: var(--back-color); border-style: solid; @@ -114,3 +118,52 @@ canvas { border-width: thin; border-radius: 0; } + +.icon{ + width: 16.1px; + height: auto; + fill: currentColor; +} + +.iconBtnStyle{ + background-color: var(--back-color); + color: var(--main-color); + border-color: var(--main-color); + border-width: thin; + border-style: solid; + border-radius: 16.1px; + display: flex; + justify-content: space-around; + align-items: center; +} + +.iconBtnStyle:hover{ + background-color: var(--main-color); + color: var(--back-color); +} + +.textBtnStyle{ + background-color: var(--back-color); + color: var(--main-color); + font-size: 13.12px; + font-family: 'lineal'; + border-color: var(--main-color); + border-width: thin; + border-style: solid; + border-radius: 16.1px; + display: flex; + justify-content: space-around; + align-items: center; +} + +/*================ PC LARGE*/ +@media(min-width:1000px){ + .textBtnStyle{ + font-size: 16.1px; + } +} + +.textBtnStyle:hover{ + background-color: var(--main-color); + color: var(--back-color); +} diff --git a/v1-com-officielle/src/components/Info/InfoMenu.vue b/v1-com-officielle/src/components/Info/InfoMenu.vue deleted file mode 100644 index 549fc14..0000000 --- a/v1-com-officielle/src/components/Info/InfoMenu.vue +++ /dev/null @@ -1,37 +0,0 @@ - - - - - diff --git a/v1-com-officielle/src/components/Info/InboxContent.vue b/v1-com-officielle/src/infoComponents/InboxContent.vue similarity index 100% rename from v1-com-officielle/src/components/Info/InboxContent.vue rename to v1-com-officielle/src/infoComponents/InboxContent.vue diff --git a/v1-com-officielle/src/infoComponents/InfoMenu.vue b/v1-com-officielle/src/infoComponents/InfoMenu.vue new file mode 100644 index 0000000..52d1e63 --- /dev/null +++ b/v1-com-officielle/src/infoComponents/InfoMenu.vue @@ -0,0 +1,130 @@ + + + + + + + diff --git a/v1-com-officielle/src/main.js b/v1-com-officielle/src/main.js index 983034a..1117fd0 100644 --- a/v1-com-officielle/src/main.js +++ b/v1-com-officielle/src/main.js @@ -6,11 +6,11 @@ import App from './App.vue' // import composants import TitleContent from './components/TitleContent.vue' import InfoContent from './components/InfoContent.vue' -import TitleText from './components/Title/TitleText.vue' -import GeneratedContent from './components/Title/GeneratedContent.vue' -import MusicPlayer from './components/Title/MusicPlayer.vue' -import InfoMenu from './components/Info/InfoMenu.vue' -import InboxContent from './components/Info/InboxContent.vue' +import TitleText from './titleComponents/TitleText.vue' +import GeneratedContent from './titleComponents/GeneratedContent.vue' +import MusicPlayer from './titleComponents/MusicPlayer.vue' +import InfoMenu from './infoComponents/InfoMenu.vue' +import InboxContent from './infoComponents/InboxContent.vue' // création app racine const app = createApp(App); diff --git a/v1-com-officielle/src/components/Title/GeneratedContent.vue b/v1-com-officielle/src/titleComponents/GeneratedContent.vue similarity index 100% rename from v1-com-officielle/src/components/Title/GeneratedContent.vue rename to v1-com-officielle/src/titleComponents/GeneratedContent.vue diff --git a/v1-com-officielle/src/components/Title/MusicPlayer.vue b/v1-com-officielle/src/titleComponents/MusicPlayer.vue similarity index 100% rename from v1-com-officielle/src/components/Title/MusicPlayer.vue rename to v1-com-officielle/src/titleComponents/MusicPlayer.vue diff --git a/v1-com-officielle/src/components/Title/TitleText.vue b/v1-com-officielle/src/titleComponents/TitleText.vue similarity index 100% rename from v1-com-officielle/src/components/Title/TitleText.vue rename to v1-com-officielle/src/titleComponents/TitleText.vue diff --git a/v1-com-officielle/vite.config.js b/v1-com-officielle/vite.config.js index 9f9a1ce..f2bbf65 100644 --- a/v1-com-officielle/vite.config.js +++ b/v1-com-officielle/vite.config.js @@ -1,9 +1,10 @@ import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' +import svgLoader from 'vite-svg-loader' // https://vite.dev/config/ export default defineConfig({ - plugins: [vue()], + plugins: [vue(), svgLoader()], server:{ host: '0.0.0.0', port:8080