From 52f8945c2d3eaf832abff245db91d92dbe4f7da9 Mon Sep 17 00:00:00 2001
From: antux18 <antux18@gmail.com>
Date: Sun, 31 Mar 2024 19:17:26 +0200
Subject: [PATCH] =?UTF-8?q?Modification=20de=20l'affichage=20billboard=20:?=
 =?UTF-8?q?=20-=20Suppression=20du=20caroussel=20et=20passage=20=C3=A0=20u?=
 =?UTF-8?q?n=20affichage=20sur=20page=20statique=20-=20Changement=20de=20l?=
 =?UTF-8?q?a=20taille=20du=20texte=20et=20des=20marges=20-=20Changement=20?=
 =?UTF-8?q?de=20l'alignement?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/billboardstyle.css | 31 ++++++++++++++++---------------
 templates/billboard.html  | 23 ++++++++++-------------
 2 files changed, 26 insertions(+), 28 deletions(-)

diff --git a/static/billboardstyle.css b/static/billboardstyle.css
index edf9064..be2b636 100644
--- a/static/billboardstyle.css
+++ b/static/billboardstyle.css
@@ -9,29 +9,30 @@ body {
 	background: var(--bg);
     color: var(--fg);
 	font-family: "ubuntu", sans-serif;
-	margin: 0px;
 }
 
 h1, h2 {
 	text-align: center;
-	font-size: 6vh;
+	font-size: 5vh;
 }
 
 h2 {
-	font-size: 5vh;
+	font-size: 4vh;
 	font-weight: normal;
-	margin-bottom: 8vh;
+	/* margin-bottom: 8vh; */
 }
 
-.slider { overflow: hidden;
-}
+/* .slider {
+	overflow: hidden;
+} */
 
 .slide-track {
 	display: flex;
 	flex-wrap: wrap;
-	gap: 3vw;
-	animation: scroll 40s linear infinite;
-	width: 3000vh; /* Pas bô, mais on va faire avec en attendant... */
+	justify-content: space-evenly;
+	gap: 2vw;
+	/* animation: scroll 40s linear infinite; */
+	/* width: 3000vh; Pas bô, mais on va faire avec en attendant... */
 }
 
 .room {
@@ -42,26 +43,26 @@ h2 {
     border-color: var(--bg-dark);
     border-radius: 3vw;
 	padding: 1vw;
-	height: 17vh;
+	height: 10vh;
     color: var(--bg);
-	font-size: 8vh;
+	font-size: 5vh;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 }
 
-@keyframes scroll {
+/* @keyframes scroll {
 	0% { transform: translateX(0); }
 	100% { transform: translateX(calc(-25vw * 7)); }
-}
+} */
 
 .details {
 	margin: 1vh;
-	font-size: 6vh;
+	font-size: 4vh;
 }
 
 footer {
-	margin-top: 8vh;
+	margin-top: 5vh;
 	font-size: 3vh;
 	text-align: center;
 }
diff --git a/templates/billboard.html b/templates/billboard.html
index c1df722..b393037 100644
--- a/templates/billboard.html
+++ b/templates/billboard.html
@@ -13,19 +13,16 @@
 		<div class="slide-track">
 			{% if favs: %}
 				<!-- Afficher les favoris -->
-				<!-- Deux fois pour que l'animation boucle -->
-				{% for i in range(2) : %}
-					{% if favs_free_rooms|length > 0 : %}
-						{% for room in favs_free_rooms : %}
-							<div class="room">
-								<b>{{ room.name }}</b> {% if DEBUG :%}( {{ room.id }} ){% endif %}
-								{% if not(room.noend) : %}
-								<p class=details>Jusqu'à {{ frooms_disp[room.name]["end"] }}</p>
-								{% endif %}
-							</div>
-						{% endfor %}
-					{% endif %}
-				{% endfor %}
+				{% if favs_free_rooms|length > 0 : %}
+					{% for room in favs_free_rooms : %}
+						<div class="room">
+							<b>{{ room.name }}</b> {% if DEBUG :%}( {{ room.id }} ){% endif %}
+							{% if not(room.noend) : %}
+							<p class=details>Jusqu'à {{ frooms_disp[room.name]["end"] }}</p>
+							{% endif %}
+						</div>
+					{% endfor %}
+				{% endif %}
 			{% else %}
 				<!-- Si les favoris ne sont pas définis, afficher les salles classiques -->
 				{% for i in range(2):%}