From 5664b3df749032df1a5e9e5deb6f71f52d842911 Mon Sep 17 00:00:00 2001 From: Jeet Bubna Date: Sun, 8 Mar 2026 09:05:24 +0530 Subject: [PATCH 1/3] Fixed the Animation Method using Translate --- db.sqlite3 | Bin 0 -> 221184 bytes pydis_site/static/css/home/index.css | 8 ++------ 2 files changed, 2 insertions(+), 6 deletions(-) create mode 100644 db.sqlite3 diff --git a/db.sqlite3 b/db.sqlite3 new file mode 100644 index 0000000000000000000000000000000000000000..59c572fb7557f1d8dbca2e33364a819d459a7ca4 GIT binary patch literal 221184 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 literal 0 HcmV?d00001 diff --git a/pydis_site/static/css/home/index.css b/pydis_site/static/css/home/index.css index f21263db8..cf588f27d 100644 --- a/pydis_site/static/css/home/index.css +++ b/pydis_site/static/css/home/index.css @@ -122,12 +122,8 @@ h1 { } @keyframes wave { - 0% { - margin-left: 0; - } - 100% { - margin-left: -1600px; - } + 0% { transform: translateX(0); } + 100% { transform: translateX(-1600px); } } /* Showcase */ From 123a4ee60e97d5e26f76365e15775fafbb2bbb73 Mon Sep 17 00:00:00 2001 From: Jeet Bubna Date: Sun, 8 Mar 2026 09:10:01 +0530 Subject: [PATCH 2/3] Fixed wave-hero animation --- pydis_site/static/css/home/index.css | 8 +++----- 1 file changed, 3 insertions(+), 5 deletions(-) diff --git a/pydis_site/static/css/home/index.css b/pydis_site/static/css/home/index.css index cf588f27d..8580a729b 100644 --- a/pydis_site/static/css/home/index.css +++ b/pydis_site/static/css/home/index.css @@ -77,13 +77,11 @@ h1 { #wave-hero .wave { background: url(../../images/waves/wave_dark.svg) repeat-x; + background-size: 1600px auto; position: absolute; bottom: 0; - width: 6400px; - animation-name: wave; - animation-timing-function: cubic-bezier(.36,.45,.63,.53); - animation-iteration-count: infinite; - transform: translate3d(0,0,0); /* Trigger 3D acceleration for smoother animation */ + left: 0; + width: 100%; } [data-theme="dark"] #wave-hero .wave { From b70a73a87a328d15de9f40ce2b2a70f344bb0e9c Mon Sep 17 00:00:00 2001 From: Jeet Bubna Date: Sun, 8 Mar 2026 09:38:46 +0530 Subject: [PATCH 3/3] Re-implimented the old wave-hero mechanism --- pydis_site/static/css/home/index.css | 17 ++++++++--------- 1 file changed, 8 insertions(+), 9 deletions(-) diff --git a/pydis_site/static/css/home/index.css b/pydis_site/static/css/home/index.css index 8580a729b..04a1c47c9 100644 --- a/pydis_site/static/css/home/index.css +++ b/pydis_site/static/css/home/index.css @@ -18,7 +18,7 @@ h1 { height: 32vw; min-height: 270px; max-height: 500px; - overflow-x: hidden; + overflow: hidden; width: 100%; padding: 0; } @@ -74,15 +74,14 @@ h1 { #wave-hero-right img:hover { box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); } - #wave-hero .wave { - background: url(../../images/waves/wave_dark.svg) repeat-x; - background-size: 1600px auto; - position: absolute; - bottom: 0; - left: 0; - width: 100%; -} + background: url(../../images/waves/wave_dark.svg) repeat-x; + position: absolute; + bottom: 0; width: 6400px; + animation-name: wave; + animation-timing-function: cubic-bezier(.36,.45,.63,.53); + animation-iteration-count: infinite; + transform: translate3d(0,0,0); /* Trigger 3D acceleration for smoother animation */ } [data-theme="dark"] #wave-hero .wave { background: url(../../images/waves_dark/wave_dark.svg) repeat-x;