Début d'animation

This commit is contained in:
theo@manjaro 2024-02-12 16:34:10 +01:00
parent b4e1a0b9a4
commit b5ccf85a7d
2 changed files with 58 additions and 24 deletions

View File

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

View File

@ -13,33 +13,43 @@
{% if date_str != "" : %} {% if date_str != "" : %}
<p>Le {{ date_str }}</p> <p>Le {{ date_str }}</p>
{% endif %} {% 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 %} {% endfor %}
{% endif %} {% 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> </div>
<footer>
Propulsé par UniSquat!
</footer>
</main> </main>
</body> </body>
</html> </html>