From be2809455675693b249abb547f33449f78e4b9a6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Melaine=20G=C3=A9rard?= <pro@melaine-gerard.fr>
Date: Sat, 14 Sep 2024 20:09:50 +0200
Subject: [PATCH] :sparkles: finition

---
 css/style.css | 10 ++++++---
 index.html    |  6 +++---
 infos.html    | 11 +++++-----
 roulette.html | 57 ++++++++++++++++++++++++---------------------------
 4 files changed, 42 insertions(+), 42 deletions(-)

diff --git a/css/style.css b/css/style.css
index 1c2e10e..2a33ed5 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,8 +1,12 @@
 body{
 	font-family: 'Roboto', sans-serif;
-
 }
 
+.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper,.ui-page, .ui-content {
+	background: #c7bcad !important;
+}
+
+
 a {
 	color: #045;
 }
@@ -35,8 +39,8 @@ div#slider {
 }
 
 @keyframes slidy {
-  0% { left: 0%; }
-  20% { left: 0%; }
+  0% { left: 0; }
+  20% { left: 0; }
   25% { left: -100%; }
   45% { left: -100%; }
   50% { left: -200%; }
diff --git a/index.html b/index.html
index 3aed95a..4beb638 100644
--- a/index.html
+++ b/index.html
@@ -52,11 +52,11 @@
           <h2 class="lead text-muted">Ce site vous permet de consulter Écaflip, afin de savoir quel donjon aller faire avec votre guilde !</h2>
 
       			<p>
-      				<a href="roulette.html" target="_blank"><button target="_blank" id="quoteButton">Tourner la roulette</button></a>
+      				<a href="roulette.html" target="_blank"><button id="quoteButton" class="btn btn-light">Tourner la roulette</button></a>
       		 </p>
       		<p>Cet outil a été réalisé pour <a href="https://www.dofus.com/fr/forum/1599-guildes/2246631-guilde-compagnie-sufokia-10-ans" target="_blank">La Compagnie de Sufokia</a> (guilde sur le serveur Orukam). Vous pouvez retrouver plus de renseignements sur <a href="./infos.html">la page infos</a>.</p>
-          <p>Sauf mention contraire, toutes les illustrations présentes sur ce site sont la propriété d'<img src="img/logo_ankama.png"> <b>Ankama Games ©</b>, tous droits réservés.</p>
-          <p>Cet outil est distribué sous licence <img src="img/cc.png"> <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/legalcode.fr" target="_blank">Creative Commons 4.0</a></p>
+          <p>Sauf mention contraire, toutes les illustrations présentes sur ce site sont la propriété d'<img src="img/logo_ankama.png" alt="Logo Ankama"> <b>Ankama Games ©</b>, tous droits réservés.</p>
+          <p>Cet outil est distribué sous licence <img src="img/cc.png" alt="Creative Common"> <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/legalcode.fr" target="_blank">Creative Commons 4.0</a></p>
         </div>
       </section>
 
diff --git a/infos.html b/infos.html
index acab5b6..e94bd16 100644
--- a/infos.html
+++ b/infos.html
@@ -11,7 +11,6 @@
     <link rel="icon" href="favicon.ico"/>
     <link rel="stylesheet" href="css/bootstrap.min.css">
     <link rel="stylesheet" href="css/style.css">
-    <link rel="stylesheet" href="quote.css">
     <link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
 </head>
 
@@ -66,15 +65,15 @@
             Gitea</a></li>
     </ul>
     <h2>Remerciements</h2>
-    <p>
+    <p class="d-flex justify-content-around">
         <a href="http://camelia-studio.org" target="_blank">
-            <img src="img/logo_camelia.png">
+            <img src="img/logo_camelia.png" alt="Logo Camelia">
         </a>
         <a href="http://cila.camelia-studio.org" target="_blank">
-            <img src="img/logo_cila.png">
+            <img src="img/logo_cila.png" alt="Logo CILA">
         </a>
-        <a href="http://zaap.camelia-studio.org" target="_blank">
-            <img src="img/logo_zaap.png">
+        <a href="https://camelia-studio.org/branches/alt+tab/" target="_blank">
+            <img src="img/logo_zaap.png" alt="Logo Alt+Tab">
         </a>
     </p>
 
diff --git a/roulette.html b/roulette.html
index 403e7d7..761166c 100644
--- a/roulette.html
+++ b/roulette.html
@@ -12,46 +12,43 @@
     <link rel="stylesheet" href="css/bootstrap.min.css">
     <link rel="stylesheet" href="css/style.css">
     <script src="js/bootstrap.min.js"></script>
-
     <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
     <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
     <script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
 </head>
 
 <body>
-<div class="container">
-    <br/>
-    <h1>Vous ne savez pas quel donjon faire en guilde ?</h1>
-    <h2>Laissez Écaflip vous guider dans votre choix.</h2>
-    <h4>Commencez par choisir une tranche de niveau qui vous convient* :</h4>
-    <p><i>* Merci de choisir une fourchette de 10 niveaux minimum</i></p>
-    <div class="row">
-        <form method="post">
-            <div data-role="rangeslider">
-                <input type="range" name="min" id="min" value="1" min="1" max="189">
-                <input type="range" name="max" id="max" value="200" min="11" max="200">
-            </div>
+    <div class="container">
+        <br/>
+        <h1>Vous ne savez pas quel donjon faire en guilde ?</h1>
+        <h2>Laissez Écaflip vous guider dans votre choix.</h2>
+        <h4>Commencez par choisir une tranche de niveau qui vous convient* :</h4>
+        <p><i>* Merci de choisir une fourchette de 10 niveaux minimum</i></p>
+        <div class="row">
+            <form method="post">
+                <div data-role="rangeslider">
+                    <input type="range" name="min" id="min" value="1" min="1" max="189">
+                    <input type="range" name="max" id="max" value="200" min="11" max="200">
+                </div>
 
-            <div class="d-inline-block">
-                <button type="submit" id="quoteButton" class="btn btn-light">M'en remettre à Écaflip.</button>
-            </div>
-        </form>
-    </div>
-    <div>
-        <div id="quoteContainer">
-            <p></p>
-            <p id="quoteGenius"></p>
+                <div class="d-inline-block">
+                    <button type="submit" id="quoteButton" class="btn btn-light">M'en remettre à Écaflip.</button>
+                </div>
+            </form>
         </div>
-        <!--fin de quoteContainer-->
-    </div>
-    <div>
-        <div id="buttonContainer">
-
+        <div>
+            <div id="quoteContainer">
+                <p></p>
+                <p id="quoteGenius"></p>
+            </div>
         </div>
-        <!--fin de buttonContainer-->
-    </div>
+        <div>
+            <div id="buttonContainer">
 
-</div>
+            </div>
+        </div>
+
+    </div>
 <script src="js/liste.js"></script>
 </body>
 </html>
\ No newline at end of file