From f79250216bf7f4bd90aacf53a317992852e965b3 Mon Sep 17 00:00:00 2001 From: "theo@manjaro" Date: Wed, 20 Mar 2024 20:41:07 +0100 Subject: [PATCH] Les tailles sont proportionnelles au viewport --- static/billboardstyle.css | 30 +++++++-------- templates/billboard.html | 78 +++++++++++++++++++-------------------- 2 files changed, 51 insertions(+), 57 deletions(-) diff --git a/static/billboardstyle.css b/static/billboardstyle.css index 6558f36..f8e6fe6 100644 --- a/static/billboardstyle.css +++ b/static/billboardstyle.css @@ -5,58 +5,54 @@ --special: #c09f80; } -main { - display: grid; - grid-template-rows: 2fr 1fr 5fr 1fr; -} - body { background: var(--bg); color: var(--fg); font-family: "ubuntu", sans-serif; - font-size: 200%; margin: 0px; } h1, h2 { text-align: center; + font-size: 7vh; } h2 { - font-size: 90%; + font-size: 6vh; font-weight: normal; + margin-bottom: 8vh; } -.slider { - overflow: hidden; +.slider { overflow: hidden; } .slide-track { display: flex; flex-wrap: wrap; - gap: 50px; + gap: 3vw; animation: scroll 40s linear infinite; - width: 750%; /* Pas bô, mais on va faire avec en attendant... */ + width: 3000vh; /* Pas bô, mais on va faire avec en attendant... */ } .room { text-align: center; background: var(--bg-dark); border-style: solid; - border-width: 1px; + border-width: 1vw; border-color: var(--bg-dark); - border-radius: 10px; - padding: 10px; + border-radius: 3vw; + padding: 2vw; color: var(--bg); + font-size: 8vh; } @keyframes scroll { 0% { transform: translateX(0); } - 100% { transform: translateX(calc(-250px * 7)); } + 100% { transform: translateX(calc(-25vw * 7)); } } footer { - margin-top: 10px; - font-size: 50%; + margin-top: 10vh; + font-size: 4vh; text-align: center; } diff --git a/templates/billboard.html b/templates/billboard.html index 706001b..c1df722 100644 --- a/templates/billboard.html +++ b/templates/billboard.html @@ -7,46 +7,44 @@ -
-

Salles disponibles

-

{{ depts_str }}

-
-
- {% if favs: %} - - - {% for i in range(2) : %} - {% if favs_free_rooms|length > 0 : %} - {% for room in favs_free_rooms : %} -
- {{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %} - {% if not(room.noend) : %} -

Jusqu'à {{ frooms_disp[room.name]["end"] }}

- {% endif %} -
- {% endfor %} - {% endif %} - {% endfor %} - {% else %} - - {% for i in range(2):%} - {% if free_rooms|length>0 %} - {% for room in free_rooms: %} -
- {{ room.name }} {% if DEBUG : %}( {{ room.id }} ){% endif %} - {% if not room.noend : %} -

Jusqu'à {{ frooms_disp[room.name]["end"] }}

- {% endif %} -
- {% endfor %} - {% endif %} - {% endfor %} - {% endif %} -
+

Salles disponibles

+

{{ depts_str }}

+
+
+ {% if favs: %} + + + {% for i in range(2) : %} + {% if favs_free_rooms|length > 0 : %} + {% for room in favs_free_rooms : %} +
+ {{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %} + {% if not(room.noend) : %} +

Jusqu'à {{ frooms_disp[room.name]["end"] }}

+ {% endif %} +
+ {% endfor %} + {% endif %} + {% endfor %} + {% else %} + + {% for i in range(2):%} + {% if free_rooms|length>0 %} + {% for room in free_rooms: %} +
+ {{ room.name }} {% if DEBUG : %}( {{ room.id }} ){% endif %} + {% if not room.noend : %} +

Jusqu'à {{ frooms_disp[room.name]["end"] }}

+ {% endif %} +
+ {% endfor %} + {% endif %} + {% endfor %} + {% endif %}
- -
+ +