diff --git a/static/css/style.css b/static/css/style.css index cf7a163..bf0446e 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -128,6 +128,12 @@ a { transform: translate(-50%, -50%); } +.vinyl-card { + background-image: url('/static/img/vinyl-card.png'); + background-position: right; + border-radius: 20px; +} + @keyframes spin-animation { 0% { transform: rotate(0deg); diff --git a/static/img/vinyl-card.jpg b/static/img/vinyl-card.jpg new file mode 100644 index 0000000..b2c74cc Binary files /dev/null and b/static/img/vinyl-card.jpg differ diff --git a/static/img/vinyl-card.png b/static/img/vinyl-card.png new file mode 100644 index 0000000..6a7c06b Binary files /dev/null and b/static/img/vinyl-card.png differ diff --git a/static/img/vinyl-card.xcf b/static/img/vinyl-card.xcf new file mode 100644 index 0000000..edc65bc Binary files /dev/null and b/static/img/vinyl-card.xcf differ diff --git a/templates/base.html b/templates/base.html index bfc5f5f..7505b05 100644 --- a/templates/base.html +++ b/templates/base.html @@ -34,9 +34,9 @@ - - - +{# #} +{# #} +{# #} diff --git a/templates/download_queue.html b/templates/download_queue.html index eea384e..ff8ad2b 100644 --- a/templates/download_queue.html +++ b/templates/download_queue.html @@ -7,7 +7,7 @@
- {% if not album_id.downloading %} + {% if album_id.downloading %}
@@ -17,17 +17,17 @@
-
+
-
{{ album_id.album }}
-

{{ album_id.artist }}

+ +

{{ album_id.album }}

+
+
{{ album_id.artist }}
{% if album_id.downloading %}

Downloading...

{% else %} -

Waiting to Download

+

Waiting to Download

{% endif %} -

Album Page