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