From 9f20b636ca3117016ba2d620d3f0776c930f922b Mon Sep 17 00:00:00 2001 From: Antoine C Date: Tue, 17 Dec 2024 23:42:31 +0000 Subject: [PATCH] chore: update the Christmas logo with original assets Co-authored-by: Emilien Colombier --- theme/static/css/pages/christmas.css | 121 ++++++++++++++++++ theme/static/css/pages/index.css | 122 ------------------- theme/static/images/mixxx-logo-christmas.svg | 2 +- theme/templates/pages/index.html | 3 +- 4 files changed, 124 insertions(+), 124 deletions(-) create mode 100644 theme/static/css/pages/christmas.css diff --git a/theme/static/css/pages/christmas.css b/theme/static/css/pages/christmas.css new file mode 100644 index 000000000..9e0a27d62 --- /dev/null +++ b/theme/static/css/pages/christmas.css @@ -0,0 +1,121 @@ +/* Temporary Christmas theme - thanks to https://pajasevi.github.io/CSSnowflakes/ */ +.snowflake { + color: #fff; + font-size: 1em; + font-family: Arial, sans-serif; + text-shadow: 0 0 5px #000; + } + + .snowflakes { + position: relative; + overflow: hidden; + } + + .snowflake,.snowflake .inner{ + animation-iteration-count:infinite; + animation-play-state:running + } + @keyframes snowflakes-fall { + 0% { + transform:translateY(0) + } + 100% { + transform:translateY(50vh) + } + } + @keyframes snowflakes-shake { + 0%, 100% { + transform:translateX(0) + } + 50% { + transform:translateX(80px) + } + } + .snowflake { + position:absolute; + top:-10%; + z-index:9999; + -webkit-user-select:none; + user-select:none; + cursor:default; + animation-name:snowflakes-shake; + animation-duration:3s; + animation-timing-function:ease-in-out + } + .snowflake .inner { + animation-duration:10s; + animation-name:snowflakes-fall; + animation-timing-function:linear + } + .snowflake:nth-of-type(0) { + left:1%; + animation-delay:0s + } + .snowflake:nth-of-type(0) .inner { + animation-delay:0s + } + .snowflake:first-of-type { + left:10%; + animation-delay:1s + } + .snowflake:first-of-type .inner,.snowflake:nth-of-type(8) .inner { + animation-delay:1s + } + .snowflake:nth-of-type(2) { + left:20%; + animation-delay:.5s + } + .snowflake:nth-of-type(2) .inner,.snowflake:nth-of-type(6) .inner { + animation-delay:6s + } + .snowflake:nth-of-type(3) { + left:30%; + animation-delay:2s + } + .snowflake:nth-of-type(11) .inner,.snowflake:nth-of-type(3) .inner { + animation-delay:4s + } + .snowflake:nth-of-type(4) { + left:40%; + animation-delay:2s + } + .snowflake:nth-of-type(10) .inner,.snowflake:nth-of-type(4) .inner { + animation-delay:2s + } + .snowflake:nth-of-type(5) { + left:50%; + animation-delay:3s + } + .snowflake:nth-of-type(5) .inner { + animation-delay:8s + } + .snowflake:nth-of-type(6) { + left:60%; + animation-delay:2s + } + .snowflake:nth-of-type(7) { + left:70%; + animation-delay:1s + } + .snowflake:nth-of-type(7) .inner { + animation-delay:2.5s + } + .snowflake:nth-of-type(8) { + left:80%; + animation-delay:0s + } + .snowflake:nth-of-type(9) { + left:90%; + animation-delay:1.5s + } + .snowflake:nth-of-type(9) .inner { + animation-delay:3s + } + .snowflake:nth-of-type(10) { + left:25%; + animation-delay:0s + } + .snowflake:nth-of-type(11) { + left:65%; + animation-delay:2.5s + } diff --git a/theme/static/css/pages/index.css b/theme/static/css/pages/index.css index 91b214225..1c2cb8c0f 100644 --- a/theme/static/css/pages/index.css +++ b/theme/static/css/pages/index.css @@ -30,125 +30,3 @@ #opensource.cover-bg { background-image: url('/theme/images/cover/code-bg.jpg'); } - -/* Temporary Christmas theme - thanks to https://pajasevi.github.io/CSSnowflakes/ */ -.snowflake { - color: #fff; - font-size: 1em; - font-family: Arial, sans-serif; - text-shadow: 0 0 5px #000; -} - -.snowflakes { - position: relative; - overflow: hidden; -} - -.snowflake,.snowflake .inner{ - animation-iteration-count:infinite; - animation-play-state:running -} -@keyframes snowflakes-fall { - 0% { - transform:translateY(0) - } - 100% { - transform:translateY(50vh) - } -} -@keyframes snowflakes-shake { - 0%, 100% { - transform:translateX(0) - } - 50% { - transform:translateX(80px) - } -} -.snowflake { - position:absolute; - top:-10%; - z-index:9999; - -webkit-user-select:none; - user-select:none; - cursor:default; - animation-name:snowflakes-shake; - animation-duration:3s; - animation-timing-function:ease-in-out -} -.snowflake .inner { - animation-duration:10s; - animation-name:snowflakes-fall; - animation-timing-function:linear -} -.snowflake:nth-of-type(0) { - left:1%; - animation-delay:0s -} -.snowflake:nth-of-type(0) .inner { - animation-delay:0s -} -.snowflake:first-of-type { - left:10%; - animation-delay:1s -} -.snowflake:first-of-type .inner,.snowflake:nth-of-type(8) .inner { - animation-delay:1s -} -.snowflake:nth-of-type(2) { - left:20%; - animation-delay:.5s -} -.snowflake:nth-of-type(2) .inner,.snowflake:nth-of-type(6) .inner { - animation-delay:6s -} - .snowflake:nth-of-type(3) { - left:30%; - animation-delay:2s -} -.snowflake:nth-of-type(11) .inner,.snowflake:nth-of-type(3) .inner { - animation-delay:4s -} -.snowflake:nth-of-type(4) { - left:40%; - animation-delay:2s -} -.snowflake:nth-of-type(10) .inner,.snowflake:nth-of-type(4) .inner { - animation-delay:2s -} -.snowflake:nth-of-type(5) { - left:50%; - animation-delay:3s -} -.snowflake:nth-of-type(5) .inner { - animation-delay:8s -} -.snowflake:nth-of-type(6) { - left:60%; - animation-delay:2s -} -.snowflake:nth-of-type(7) { - left:70%; - animation-delay:1s -} -.snowflake:nth-of-type(7) .inner { - animation-delay:2.5s -} -.snowflake:nth-of-type(8) { - left:80%; - animation-delay:0s -} -.snowflake:nth-of-type(9) { - left:90%; - animation-delay:1.5s -} -.snowflake:nth-of-type(9) .inner { - animation-delay:3s -} -.snowflake:nth-of-type(10) { - left:25%; - animation-delay:0s -} -.snowflake:nth-of-type(11) { - left:65%; - animation-delay:2.5s -} diff --git a/theme/static/images/mixxx-logo-christmas.svg b/theme/static/images/mixxx-logo-christmas.svg index f8dd09977..77b3a208b 100644 --- a/theme/static/images/mixxx-logo-christmas.svg +++ b/theme/static/images/mixxx-logo-christmas.svg @@ -1,2 +1,2 @@ - + diff --git a/theme/templates/pages/index.html b/theme/templates/pages/index.html index 3487608af..666ba0d4e 100644 --- a/theme/templates/pages/index.html +++ b/theme/templates/pages/index.html @@ -4,6 +4,7 @@ {% block extra_head %} + {% endblock %} {% block header %} @@ -45,7 +46,7 @@
❅
- +

{% trans %}DJ Your Way{% endtrans %}

Free and open source DJ software for Windows, macOS, and Linux