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

Modification de l'affichage billboard : 

- 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); background: var(--bg);
color: var(--fg); color: var(--fg);
font-family: "ubuntu", sans-serif; font-family: "ubuntu", sans-serif;
margin: 0px;
} }
h1, h2 { h1, h2 {
text-align: center; text-align: center;
font-size: 6vh; font-size: 5vh;
} }
h2 { h2 {
font-size: 5vh; font-size: 4vh;
font-weight: normal; font-weight: normal;
margin-bottom: 8vh; /* margin-bottom: 8vh; */
} }
.slider { overflow: hidden; /* .slider {
} overflow: hidden;
} */
.slide-track { .slide-track {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 3vw; justify-content: space-evenly;
animation: scroll 40s linear infinite; gap: 2vw;
width: 3000vh; /* Pas bô, mais on va faire avec en attendant... */ /* animation: scroll 40s linear infinite; */
/* width: 3000vh; Pas bô, mais on va faire avec en attendant... */
} }
.room { .room {
@ -42,26 +43,26 @@ h2 {
border-color: var(--bg-dark); border-color: var(--bg-dark);
border-radius: 3vw; border-radius: 3vw;
padding: 1vw; padding: 1vw;
height: 17vh; height: 10vh;
color: var(--bg); color: var(--bg);
font-size: 8vh; font-size: 5vh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
} }
@keyframes scroll { /* @keyframes scroll {
0% { transform: translateX(0); } 0% { transform: translateX(0); }
100% { transform: translateX(calc(-25vw * 7)); } 100% { transform: translateX(calc(-25vw * 7)); }
} } */
.details { .details {
margin: 1vh; margin: 1vh;
font-size: 6vh; font-size: 4vh;
} }
footer { footer {
margin-top: 8vh; margin-top: 5vh;
font-size: 3vh; font-size: 3vh;
text-align: center; text-align: center;
} }

23
templates/billboard.html
View File

@ -13,19 +13,16 @@
<div class="slide-track"> <div class="slide-track">
{% if favs: %} {% if favs: %}
<!-- Afficher les favoris --> <!-- Afficher les favoris -->
<!-- Deux fois pour que l'animation boucle --> {% if favs_free_rooms|length > 0 : %}
{% for i in range(2) : %} {% for room in favs_free_rooms : %}
{% if favs_free_rooms|length > 0 : %} <div class="room">
{% for room in favs_free_rooms : %} <b>{{ room.name }}</b> {% if DEBUG :%}( {{ room.id }} ){% endif %}
<div class="room"> {% if not(room.noend) : %}
<b>{{ room.name }}</b> {% if DEBUG :%}( {{ room.id }} ){% endif %} <p class=details>Jusqu'à {{ frooms_disp[room.name]["end"] }}</p>
{% if not(room.noend) : %} {% endif %}
<p class=details>Jusqu'à {{ frooms_disp[room.name]["end"] }}</p> </div>
{% endif %} {% endfor %}
</div> {% endif %}
{% endfor %}
{% endif %}
{% endfor %}
{% else %} {% else %}
<!-- Si les favoris ne sont pas définis, afficher les salles classiques --> <!-- Si les favoris ne sont pas définis, afficher les salles classiques -->
{% for i in range(2):%} {% for i in range(2):%}