From b5ccf85a7dafeb659e3e89d3422e8a37449ed026 Mon Sep 17 00:00:00 2001
From: "theo@manjaro" <ayte@tutanota.com>
Date: Mon, 12 Feb 2024 16:34:10 +0100
Subject: [PATCH] =?UTF-8?q?D=C3=A9but=20d'animation?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/demostyle.css | 24 ++++++++++++++++++
 templates/demo.html  | 58 ++++++++++++++++++++++++++------------------
 2 files changed, 58 insertions(+), 24 deletions(-)

diff --git a/static/demostyle.css b/static/demostyle.css
index e69de29..af12252 100644
--- a/static/demostyle.css
+++ b/static/demostyle.css
@@ -0,0 +1,24 @@
+:root {
+	--bg: #ffffff;
+	--fg: #303355;
+	--special: #c09f80;
+}
+
+body {
+	background: var(--bg);
+    color: var(--fg);
+}
+
+.slide-track {
+	animation: scroll 40s linear infinite;
+	display: flex;
+}
+
+@keyframes scroll {
+	0% { transform: translateX(0); }
+	100% { transform: translateX(calc(-250px * 7))}
+}
+
+.slider {
+	overflow:hidden;
+}
diff --git a/templates/demo.html b/templates/demo.html
index 38dfef7..b0101a0 100644
--- a/templates/demo.html
+++ b/templates/demo.html
@@ -13,33 +13,43 @@
 		{% if date_str != "" : %}
 		<p>Le {{ date_str }}</p>
 		{% endif %}
-		<div class="slide-track">
-			{% if favs: %}
-				<!-- Afficher les favoris -->
-				{% if favs_free_rooms|length>0: %}
-					{% for room in favs_free_rooms : %}
-						<div class="room-row">
-							{{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %}
-							{% if not(room.noend) : %}
-							<p class=details>Jusqu'à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</p>
-							{% endif %}
-						</div>
+		<div class="slider">
+			<div class="slide-track">
+				{% if favs: %}
+					<!-- Afficher les favoris -->
+					<!-- Deux fois pour que l'animation loop -->
+					{% for i in range(2):%}
+						{% if favs_free_rooms|length>0: %}
+							{% for room in favs_free_rooms : %}
+								<div class="room">
+									{{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %}
+									{% if not(room.noend) : %}
+									<p class=details>Jusqu'à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</p>
+									{% endif %}
+								</div>
+							{% endfor %}
+						{% endif %}
+					{% endfor %}
+				{% else %}
+					<!-- Si les favoris ne sont pas définis, afficher les salles classiques -->
+					{% for i in range(2):%}
+						{% if free_rooms|length>0 %}
+							{% for room in free_rooms: %}
+								<div class="room">
+									{{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %}
+									{% if not room.noend : %}
+									<p class=details>Jusqu'à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</p>
+									{% endif %}
+								</div>
+							{% endfor %}
+						{% endif %}
 					{% endfor %}
 				{% endif %}
-			{% else %}
-				<!-- Si les favoris ne sont pas définis, afficher les salles classiques -->
-				{% if free_rooms|length>0 %}
-					{% for room in free_rooms: %}
-						<div class="room-row">
-							{{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %}
-							{% if not room.noend : %}
-							<p class=details>Jusqu'à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</p>
-							{% endif %}
-						</div>
-					{% endfor %}
-				{% endif %}
-			{% endif %}
+			</div>
 		</div>
+		<footer>
+		Propulsé par UniSquat!
+		</footer>
     </main>
   </body>
 </html>