From 65302350708df218ebd0594577a6f431c0785845 Mon Sep 17 00:00:00 2001
From: Andres <sr92.cegep1-andres@sr-netw.ca>
Date: Sun, 30 Nov 2025 12:15:50 -0500
Subject: [PATCH] nav des armures et css

---
 www/armures.html  | 14 +++++++-------
 www/css/style.css | 19 +++++++++++++++++++
 2 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/www/armures.html b/www/armures.html
index 320de11..0ee2e8a 100644
--- a/www/armures.html
+++ b/www/armures.html
@@ -41,7 +41,7 @@
             </nav>
         </header>
 
-        <section class="perso">
+        <section id="Ember" class="perso">
 
             <video class="bg-video" autoplay muted loop playsinline>
                 <source src="./medias/mediasAndres/EmberVid.webm" type="video/webm">
@@ -84,7 +84,7 @@
             </div>
         </section>
 
-        <section class="perso">
+        <section id="Equinox" class="perso">
 
             <video class="bg-video" autoplay muted loop playsinline>
                 <source src="./medias/mediasAndres/equinox.webm" type="video/webm">
@@ -135,7 +135,7 @@
             </div>
         </section>
 
-        <section class="perso">
+        <section id="Frost" class="perso">
 
             <video class="bg-video" autoplay muted loop playsinline>
                 <source src="./medias/mediasAndres/FrostVid.webm" type="video/webm">
@@ -172,7 +172,7 @@
             </div>
         </section>
 
-        <section class="perso">
+        <section id="Koumei" class="perso">
 
             <video class="bg-video" autoplay muted loop playsinline>
                 <source src="./medias/mediasAndres/KoumeiVid.webm" type="video/webm">
@@ -219,7 +219,7 @@
             </div>
         </section>
 
-        <section class="perso">
+        <section id="Rhino" class="perso">
 
             <video class="bg-video" autoplay muted loop playsinline>
                 <source src="./medias/mediasAndres/RhinoVid.webm" type="video/webm">
@@ -255,7 +255,7 @@
             </div>
         </section>
 
-        <section class="perso">
+        <section id="Sevagoth" class="perso">
 
             <video class="bg-video" autoplay muted loop playsinline>
                 <source src="./medias/mediasAndres/SevagothVid.webm" type="video/webm">
@@ -297,7 +297,7 @@
             </div>
         </section>
 
-        <section class="perso">
+        <section id="Voruna" class="perso">
 
             <video class="bg-video" autoplay muted loop playsinline>
                 <source src="./medias/mediasAndres/VorunaVid.webm" type="video/webm">
diff --git a/www/css/style.css b/www/css/style.css
index 1b8318f..c852013 100644
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -891,6 +891,25 @@ footer {
     z-index: 15;
 }
 
+.armures .wf-nav {
+    position: fixed;
+    bottom: 20px;
+    left: 50%;
+    top: 80px;
+    transform: translateX(-50%);
+    background: rgba(0, 0, 0, 0.4);
+    padding: 10px 25px;
+    border-radius: 10px;
+    backdrop-filter: blur(5px);
+    z-index: 999;
+}
+
+.armures .perso {
+    scroll-margin-top: 140px;
+}
+
+
+
 /****************************/
 /* PAGE: Crédits */
 /* AUTEUR: Jeremy */