From 32d2170a1b424cf7766322f8a4767aac2d8e685b Mon Sep 17 00:00:00 2001 From: "matthias@matsewe.de" Date: Tue, 21 May 2024 14:38:42 +0200 Subject: [PATCH] update styles --- static/site.css | 12 ++++++++++-- templates/voting.html | 8 ++++---- 2 files changed, 14 insertions(+), 6 deletions(-) diff --git a/static/site.css b/static/site.css index 75fc18a..edfc744 100644 --- a/static/site.css +++ b/static/site.css @@ -23,7 +23,7 @@ .text { padding: 0.3em; - margin-bottom: 0.5em; + margin-bottom: 0.7em; display: inline-block; } @@ -225,10 +225,18 @@ h1 { padding-left: 0.2em; margin-bottom: 1rem; font-size: 1.5em; - background-color: hsl(calc(var(--hue) * 360), 100%, 70%); /*color-mix(in srgb, var(--main-color) 60%, transparent);*/ +} + +#songs h1 { + background-color: color-mix(in srgb, hsl(calc(var(--hue) * 360), 100%, 40%) 50%, transparent); border-bottom: 0.3rem solid hsl(calc(var(--hue) * 360), 100%, 40%); } +body > h1 { + background-color: color-mix(in srgb, hsl(0, 0%, 40%) 50%, transparent); + border-bottom: 0.3rem solid hsl(0, 0%, 40%); +} + #yt-player, #spotify-player { position: fixed; diff --git a/templates/voting.html b/templates/voting.html index 7c34a33..576fde5 100644 --- a/templates/voting.html +++ b/templates/voting.html @@ -79,7 +79,7 @@ } function vote(song_id, vote) { - var session_id = "{{ session_id }}"; + const session_id = "{{ session_id }}"; no_button = $("#song-" + song_id).find(".button-no") yes_button = $("#song-" + song_id).find(".button-yes") @@ -111,7 +111,7 @@ -

Hallo :)

+

Hallo :)

Du kannst die Liederwahl jederzeit unterbrechen und zu einem späteren Zeitpunkt weitermachen.
@@ -131,7 +131,8 @@ song.aca_artist != song.og_artist %} / {{ song.aca_artist }}{% endif %}{% else %}{{ song.aca_artist }}{% endif %}
{% for category_name, is_in_category in song.categories.items() %}{% - if is_in_category %}{{ category_name }}{% + if is_in_category %}{{ + category_name }}{% endif %}{% endfor %} 
@@ -151,7 +152,6 @@
{% endfor %} {% endfor %} -