Début d'animation

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;
+}

templates/demo.html

@@ -13,33 +13,43 @@
 		{% if date_str != "" : %}
 		<p>Le {{ date_str }}</p>
 		{% endif %}
-		<div class="slide-track">
+		<div class="slider">
-			{% if favs: %}
+			<div class="slide-track">
-				<!-- Afficher les favoris -->
+				{% if favs: %}
-				{% if favs_free_rooms|length>0: %}
+					<!-- Afficher les favoris -->
-					{% for room in favs_free_rooms : %}
+					<!-- Deux fois pour que l'animation loop -->
-						<div class="room-row">
+					{% for i in range(2):%}
-							{{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %}
+						{% if favs_free_rooms|length>0: %}
-							{% if not(room.noend) : %}
+							{% for room in favs_free_rooms : %}
-							<p class=details>Jusqu'à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</p>
+								<div class="room">
-							{% endif %}
+									{{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %}
-						</div>
+									{% 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 %}
+			</div>
-				<!-- 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>
+		<footer>
+		Propulsé par UniSquat!
+		</footer>
     </main>
   </body>
 </html>