diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..02be578 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "chatgpt.openOnStartup": true +} \ No newline at end of file diff --git a/README.md b/README.md index 02ebfad..d840ce2 100644 --- a/README.md +++ b/README.md @@ -52,8 +52,9 @@ git push origin main 6. clique sur **Sync Changes** ## Du Gitea vers VPS -cd /var/www/wondif_vue - +1. Se connecter au VPS +2. cd /var/www/wondif_vue +3. git pull origin main # récupère le dernier code npm ci # installe / met à jour les dépendances (à exécuter uniquement si nouvelle dépendances installées dans package json) npm run build # rebuild Nuxt diff --git a/app/assets/scss/base/_img.scss b/app/assets/scss/base/_img.scss index 32e0438..287c122 100644 --- a/app/assets/scss/base/_img.scss +++ b/app/assets/scss/base/_img.scss @@ -19,4 +19,8 @@ width: 100%; height: 100%; background: rgba(0, 0, 0, 0.04); +} + +.img_darkness::after { + background: rgba(0, 0, 0, var(--overlay-opacity, 0.4)); } \ No newline at end of file diff --git a/app/assets/scss/component/_header_nav.scss b/app/assets/scss/component/_header_nav.scss index 78210ea..111d646 100644 --- a/app/assets/scss/component/_header_nav.scss +++ b/app/assets/scss/component/_header_nav.scss @@ -333,6 +333,15 @@ margin-top: -4px; } } + + .nav_focus_black { + background-color: var(--c-text); + color: var(--c-text-invert); + padding-left: 5px; + padding-top: 3px; + padding-bottom: 1px; + padding-right: 6px; + } } /* accessibilité pour que les écran est le message "ouvrir le menu" mais non visible sur l'écran en mode normal*/ @@ -523,6 +532,13 @@ } } } + .nav_focus_invert { + background-color: var(--c-text-invert); + color: var(--c-text); + padding-inline: 5px; + padding-top: 2px; + padding-bottom: 1px; + } } diff --git a/app/assets/scss/component/_orbites.scss b/app/assets/scss/component/_orbites.scss deleted file mode 100644 index 180d264..0000000 --- a/app/assets/scss/component/_orbites.scss +++ /dev/null @@ -1,33 +0,0 @@ -.bg-orbs { - position: absolute; - inset: 0; - z-index: 0; - //transform: translateZ(0); - overflow: hidden; -} - -.orb { - position: absolute; - border-radius: 999px; - //filter: blur(3px); - opacity: 0.5; - //will-change: transform; - //transform: translate3d(0,0,0); - - //background: radial-gradient(circle, rgba(255,255,255,0.20), rgba(255,255,255,0) 60%); - background: red; -} - -.orb--1 { width: 100px; height: 100px; top: 2%; left: 18%; animation: orb1 6s ease-in-out infinite alternate; } -.orb--2 { width: 320px; height: 320px; top: 6%; left: 72%; animation: orb2 6s ease-in-out infinite alternate; } - -//@keyframes orb1 { to { transform: translate3d(30px, 18px, 0); } } -//@keyframes orb2 { to { transform: translate3d(-26px, 34px, 0); } } -//@keyframes orb3 { to { transform: translate3d(22px, -28px, 0); } } -//@keyframes orb4 { to { transform: translate3d(34px, -14px, 0); } } -//@keyframes orb5 { to { transform: translate3d(-18px, -18px, 0); } } -//@keyframes orb6 { to { transform: translate3d(-34px, 12px, 0); } } - -@media (prefers-reduced-motion: reduce) { - .orb { animation: none !important; } -} \ No newline at end of file diff --git a/app/assets/scss/main.scss b/app/assets/scss/main.scss index fe420f1..12cc1e6 100644 --- a/app/assets/scss/main.scss +++ b/app/assets/scss/main.scss @@ -16,4 +16,3 @@ @use 'component/_header_layout'; @use 'component/header_nav'; -@use 'component/orbites'; \ No newline at end of file diff --git a/app/components/Chiffres.vue b/app/components/Chiffres.vue new file mode 100644 index 0000000..53763f0 --- /dev/null +++ b/app/components/Chiffres.vue @@ -0,0 +1,104 @@ + + + + + \ No newline at end of file diff --git a/app/components/header/HeaderNav.vue b/app/components/header/HeaderNav.vue index 81a394a..9e030b0 100644 --- a/app/components/header/HeaderNav.vue +++ b/app/components/header/HeaderNav.vue @@ -30,7 +30,9 @@