Wantoo
/
UniSquat_Python
5
2
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
static/demostyle.css
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;
}

58
templates/demo.html
View File

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