From 2c6082950a4626a7ef36c9d28ce5858e5c82443e Mon Sep 17 00:00:00 2001
From: Andres <sr92.cegep1-andres@sr-netw.ca>
Date: Sun, 30 Nov 2025 17:40:30 -0500
Subject: [PATCH] ajout d'ombrage sur le background

---
 www/armures.html  | 14 ++++++++++++++
 www/css/style.css | 10 ++++++++++
 2 files changed, 24 insertions(+)

diff --git a/www/armures.html b/www/armures.html
index eeddcea..9cb0f06 100644
--- a/www/armures.html
+++ b/www/armures.html
@@ -66,6 +66,8 @@
                 <source src="./medias/mediasAndres/EmberVid.webm" type="video/webm">
             </video>
 
+            <div class="bg-overlay"></div>
+
             <div class="content">
                 <h2>Ember</h2>
                 <p>
@@ -100,6 +102,8 @@
                 <source src="./medias/mediasAndres/equinox.webm" type="video/webm">
             </video>
 
+            <div class="bg-overlay"></div>
+
             <div class="content">
                 <h2>Equinox</h2>
                 <p>
@@ -131,6 +135,8 @@
                 <source src="./medias/mediasAndres/FrostVid.webm" type="video/webm">
             </video>
 
+            <div class="bg-overlay"></div>
+
             <div class="content">
                 <h2>Frost</h2>
                 <p>
@@ -162,6 +168,8 @@
                 <source src="./medias/mediasAndres/KoumeiVid.webm" type="video/webm">
             </video>
 
+            <div class="bg-overlay"></div>
+
             <div class="content">
                 <h2>Koumei</h2>
                 <p>
@@ -194,6 +202,8 @@
                 <source src="./medias/mediasAndres/RhinoVid.webm" type="video/webm">
             </video>
 
+            <div class="bg-overlay"></div>
+
             <div class="content">
                 <h2>Rhino</h2>
                 <p>Rhino est un Warframe lourdement blindé, doté de la force et de la robustesse de son homonyme
@@ -225,6 +235,8 @@
                 <source src="./medias/mediasAndres/SevagothVid.webm" type="video/webm">
             </video>
 
+            <div class="bg-overlay"></div>
+
             <div class="content">
                 <h2>Sevagoth</h2>
                 <p>
@@ -256,6 +268,8 @@
                 <source src="./medias/mediasAndres/VorunaVid.webm" type="video/webm">
             </video>
 
+            <div class="bg-overlay"></div>
+
             <div class="content">
                 <h2>Voruna</h2>
                 <p>
diff --git a/www/css/style.css b/www/css/style.css
index d3e2dc6..f7dc723 100644
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -859,6 +859,16 @@ footer {
     z-index: 0;
 }
 
+.perso .bg-overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.80);
+    z-index: 1;
+}
+
 .armures .perso .content {
     position: relative;
     z-index: 10;