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

Modification de l'affichage billboard :

Browse Source 
- Suppression du caroussel et passage à un affichage sur page statique
- Changement de la taille du texte et des marges
- Changement de l'alignement
This commit is contained in:
antux18 2024-03-31 19:17:26 +02:00
parent ac15771b37
commit 52f8945c2d
2 changed files with 26 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
static/billboardstyle.css
View File

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

23
templates/billboard.html
View File

@ -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):%}