diff --git a/maloja/web/jinja/partials/album_showcase.jinja b/maloja/web/jinja/partials/album_showcase.jinja index ab53070..30b178c 100644 --- a/maloja/web/jinja/partials/album_showcase.jinja +++ b/maloja/web/jinja/partials/album_showcase.jinja @@ -11,7 +11,7 @@   -
+
@@ -23,11 +23,12 @@ {% endfor %} {% for album in otheralbums %} +{% set info = dbc.album_info({'album':album}) %} diff --git a/maloja/web/jinja/partials/info_artist.jinja b/maloja/web/jinja/partials/info_artist.jinja index cf2db9c..761938d 100644 --- a/maloja/web/jinja/partials/info_artist.jinja +++ b/maloja/web/jinja/partials/info_artist.jinja @@ -22,12 +22,12 @@ diff --git a/maloja/web/jinja/partials/info_track.jinja b/maloja/web/jinja/partials/info_track.jinja index 5c753bf..a7d794f 100644 --- a/maloja/web/jinja/partials/info_track.jinja +++ b/maloja/web/jinja/partials/info_track.jinja @@ -12,12 +12,12 @@ diff --git a/maloja/web/static/css/maloja.css b/maloja/web/static/css/maloja.css index 6241168..4766a20 100644 --- a/maloja/web/static/css/maloja.css +++ b/maloja/web/static/css/maloja.css @@ -18,21 +18,28 @@ body { */ } + body.certified { - background: radial-gradient(circle at top left, rgba(var(--bg_special_color),0.5) 0%, var(--current-bg-color) 20%); - background-position: top left; + background: radial-gradient(circle at top left, rgba(var(--shine_color),0.2) 0%, var(--current-bg-color) 20%); + background-position: 0px 0px; background-repeat: no-repeat; background-attachment: fixed; height:100%; } -body.certified.certified_diamond { - --bg_special_color: var(--color-diamond); + + +.certified_diamond { + --shine_color: var(--color-diamond); } -body.certified.certified_platinum{ - --bg_special_color: var(--color-platinum); +.certified_platinum{ + --shine_color: var(--color-platinum); } -body.certified.certified_gold { - --bg_special_color: var(--color-gold); +.certified_gold { + --shine_color: var(--color-gold); +} + +body.certified .top_info .image div { + position: relative; } @@ -498,6 +505,8 @@ h2.headerwithextra+span.afterheader { padding:3px; margin:2px; border-radius:2px; + color:black; + --shine_color: 255, 255, 255; } .shiny { overflow: hidden; @@ -518,13 +527,13 @@ h2.headerwithextra+span.afterheader { background: rgba(255, 255, 255, 0.13); background: linear-gradient( to right, - rgba(255, 255, 255, 0.13) 0%, - rgba(255, 255, 255, 0.13) 77%, - rgba(255, 255, 255, 0.5) 92%, - rgba(255, 255, 255, 0.0) 100% + rgba(var(--shine_color), 0.0) 0%, + rgba(var(--shine_color), 0.13) 77%, + rgba(var(--shine_color), 0.5) 92%, + rgba(var(--shine_color), 0.0) 100% ); } -.shiny:hover:after { +.shiny.hovershiny:hover:after { opacity: 1; top: -30%; left: -30%; @@ -532,24 +541,43 @@ h2.headerwithextra+span.afterheader { transition-duration: 0.7s, 0.7s, 0.15s; transition-timing-function: ease; } -.shiny:active:after { +.shiny.hovershiny:active:after { opacity: 0; } +.shiny.alwaysshiny:after { + animation: shiny 9s infinite linear; +} -a.gold { +.shiny.gold { background-color:gold; - color:black; } -a.silver { +.shiny.silver { background-color:silver; - color:black; } -a.bronze { +.shiny.bronze { background-color:#cd7f32; - color:black; } +@keyframes shiny { + 0% { + top: -110%; + left: -210%; + opacity: 0; + } + 50% { + top: -30%; + left: -30%; + opacity: 1; + } + 100% { + top: -30%; + left: -30%; + opacity: 0; + } +} + + img.certrecord {
Appears on
-
+
diff --git a/maloja/web/jinja/partials/awards_album.jinja b/maloja/web/jinja/partials/awards_album.jinja index d83f0e0..668bce5 100644 --- a/maloja/web/jinja/partials/awards_album.jinja +++ b/maloja/web/jinja/partials/awards_album.jinja @@ -4,17 +4,17 @@ {% for year in info.medals.gold -%} - + {{ year }} {%- endfor %} {% for year in info.medals.silver -%} - + {{ year }} {%- endfor %} {% for year in info.medals.bronze -%} - + {{ year }} {%- endfor %} diff --git a/maloja/web/jinja/partials/awards_artist.jinja b/maloja/web/jinja/partials/awards_artist.jinja index 9492633..30db53e 100644 --- a/maloja/web/jinja/partials/awards_artist.jinja +++ b/maloja/web/jinja/partials/awards_artist.jinja @@ -5,17 +5,17 @@ {% for year in info.medals.gold -%} - + {{ year }} {%- endfor %} {% for year in info.medals.silver -%} - + {{ year }} {%- endfor %} {% for year in info.medals.bronze -%} - + {{ year }} {%- endfor %} diff --git a/maloja/web/jinja/partials/awards_track.jinja b/maloja/web/jinja/partials/awards_track.jinja index 12a1948..907d52a 100644 --- a/maloja/web/jinja/partials/awards_track.jinja +++ b/maloja/web/jinja/partials/awards_track.jinja @@ -2,17 +2,17 @@ {% for year in info.medals.gold -%} - + {{ year }} {%- endfor %} {% for year in info.medals.silver -%} - + {{ year }} {%- endfor %} {% for year in info.medals.bronze -%} - + {{ year }} {%- endfor %} diff --git a/maloja/web/jinja/partials/info_album.jinja b/maloja/web/jinja/partials/info_album.jinja index ccf680f..ed65744 100644 --- a/maloja/web/jinja/partials/info_album.jinja +++ b/maloja/web/jinja/partials/info_album.jinja @@ -11,12 +11,12 @@ {% if adminmode %}
{% else %} -
+
{% endif %}
{% if adminmode %}
{% else %} -
+
{% endif %}
{% if adminmode %}
{% else %} -
+
{% endif %}