From 302eb34efbf1b405e805dd73a4aab981df69d7f1 Mon Sep 17 00:00:00 2001
From: Jeremy <empty@zkd.ca>
Date: Wed, 26 Nov 2025 13:59:58 -0500
Subject: [PATCH] Correctif des boutons dans la page de histoire DE

---
 README.md         |  2 ++
 www/css/style.css | 40 ++++++++++++++++++++++++++++++++++++----
 www/histoire.html |  2 +-
 3 files changed, 39 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 0aad0f3..102735b 100644
--- a/README.md
+++ b/README.md
@@ -4,6 +4,8 @@
 
 ## TODO Lists
 
+- [ ] 💣💥💥Corriger bouton du nav (note perso Jeremy) 💥💥💣
+
 - [x] Planification du travail connecté - Par Stan
 - [x] Coder le menu de navigation commun a toutes les pages - Jeremy
 - [ ] Coder le pied de page commun a toutes les pages - Jeremy
diff --git a/www/css/style.css b/www/css/style.css
index 62df947..76ea734 100644
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -263,16 +263,22 @@ footer {
     display: block;
     text-align: center;
     align-content: center;
+}
+
+.histoire header.introduction h1,
+.histoire header.introduction p {
     line-height: 5;
     font-size: 2rem;
 }
 
+
 .histoire header.introduction div.introduction {
     background-color: #13172cd5;
     height: 100vh;
 }
 
-.histoire header.introduction button {
+/*
+.histoire header.introduction div {
     color: #ffefe5;
     padding: 0 16px;
     margin: 0 4px;
@@ -283,16 +289,42 @@ footer {
     background-color: #13172c;
 }
 
-.histoire header.introduction button a {
+.histoire header.introduction div a {
     display: flex;
     align-items: center;
     align-content: center;
     text-decoration: none;
+}*/
+/*.histoire header.introduction div.bouton {
+    height: 40px;
 }
 
+.histoire header.introduction div.bouton a {
+    border: none;
+    background-color: #13172c;
+    text-decoration: none;
+    border-radius: 20px;
+    font-size: 1rem;
 
-.histoire header.introduction button:hover {
-    height: 40px;
+    display: inline-block;
+    align-items: center;
+    text-decoration: none;
+    color: #ffefe5;
+    padding: 0 16px;
+    margin: 0 4px;
+}*/
+
+.histoire header.introduction div.introduction a {
+    display: inline-block;
+    text-decoration: none;
+    color: #ffefe5;
+    padding: 10.8px 16px;
+    margin: 0 4px;
+    background-color: #13172c;
+    border-radius: 20px;
+}
+
+.histoire header.introduction div.introduction a:hover {
     border-radius: 20px;
     background-color: #b47871;
 }
diff --git a/www/histoire.html b/www/histoire.html
index d745954..a491902 100644
--- a/www/histoire.html
+++ b/www/histoire.html
@@ -29,7 +29,7 @@
             <div class="introduction">
                 <h1>L'histoire de Digital Extremes</h1>
                 <p>Plonger dans l'histoire fascinante de Digital Extremes</p>
-                <a href="#goToTitre"><button>Plus d'infos</button></a>
+                <a href="#goToTitre">Plus d'infos</a>
             </div>
         </header>