From abd77c9bc7424fa876b0d95ad964a58248c1198c Mon Sep 17 00:00:00 2001
From: blek <me@blek.codes>
Date: Sat, 11 Nov 2023 18:27:32 +1000
Subject: [PATCH] add animation to the header

---
 filed/templates/source/base.html | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/filed/templates/source/base.html b/filed/templates/source/base.html
index 2c9afeb..b69526f 100644
--- a/filed/templates/source/base.html
+++ b/filed/templates/source/base.html
@@ -17,14 +17,15 @@
 
         <style> .footer svg { height: 32px; margin: 10px 0 } </style>
         <style>
+        .header .header-text, .header .header-home, .header .header-bg { transition: 250ms ease; }
         @media (max-width:667px) {
 
-            .header-text { text-align: center }
-            .header-home { width: 100% }
-            .header-bg   { left: 50% !important; transform: translateX(-50%); -webkit-mask-image: linear-gradient(90deg, #0000, #000, #0000); }
+            .header .header-text { text-align: center }
+            .header .header-home { width: 100% }
+            .header .header-bg   { left: 50% !important; transform: translateX(-50%); -webkit-mask-image: linear-gradient(90deg, #0000, #000, #0000); }
 
             {%- if conf.brand.instance_motto.len() != 0 -%}
-                .header-home-motto {
+                .header .header-home-motto {
                     display:none
                 }
             {%- endif -%}