diff --git a/app.py b/app.py index f4a931a..23e01cc 100644 --- a/app.py +++ b/app.py @@ -412,7 +412,12 @@ def free_rooms(api = False, rq = None) : return response else : url_for("static", filename="style.css") - return render_template("free-rooms.html", **context, **GLOBAL_CONTEXT) + # Vérifie si le mode billboard est demandé : + billboard = str(rq.args.get("billboard")) + if billboard in ("1", "true", "True") : + return render_template("billboard.html", **context, **GLOBAL_CONTEXT) + else: + return render_template("free-rooms.html", **context, **GLOBAL_CONTEXT) @app.route("/app/date-select", methods=["POST", "GET"]) def date_select() : diff --git a/static/billboardstyle.css b/static/billboardstyle.css new file mode 100644 index 0000000..6558f36 --- /dev/null +++ b/static/billboardstyle.css @@ -0,0 +1,62 @@ +:root { + --bg: #ffffff; + --bg-dark: #303355; + --fg: #303355; + --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; +} + +h2 { + font-size: 90%; + font-weight: normal; +} + +.slider { + overflow: hidden; +} + +.slide-track { + display: flex; + flex-wrap: wrap; + gap: 50px; + animation: scroll 40s linear infinite; + width: 750%; /* Pas bô, mais on va faire avec en attendant... */ +} + +.room { + text-align: center; + background: var(--bg-dark); + border-style: solid; + border-width: 1px; + border-color: var(--bg-dark); + border-radius: 10px; + padding: 10px; + color: var(--bg); +} + +@keyframes scroll { + 0% { transform: translateX(0); } + 100% { transform: translateX(calc(-250px * 7)); } +} + +footer { + margin-top: 10px; + font-size: 50%; + text-align: center; +} diff --git a/templates/billboard.html b/templates/billboard.html new file mode 100644 index 0000000..706001b --- /dev/null +++ b/templates/billboard.html @@ -0,0 +1,52 @@ + + + + + UniSquat + + + + +
+

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 %} +
+
+ +
+ + diff --git a/templates/free-rooms.html b/templates/free-rooms.html index 54aa865..a3f1cfd 100644 --- a/templates/free-rooms.html +++ b/templates/free-rooms.html @@ -34,7 +34,7 @@ {% if favs: %}
- {% if favs_free_rooms|length>0: %} + {% if favs_free_rooms|length > 0 : %}

Favoris disponibles maintenant