fix logo bg

2 files changed, 11 insertions, 4 deletions

diff --git a/static/style.css b/static/style.css
index 8f06a61..9beeaf5 100644
--- a/static/style.css
+++ b/static/style.css
@@ -146,6 +146,11 @@ nav a.active {
   gap: 0.5rem 2rem;
 }
 
+@keyframes logo-rotation {
+  from { transform: rotate(0); }
+  to { transform: rotate(360deg); }
+}
+
 .logo {
   height: 95px;
   position: relative;
@@ -165,14 +170,18 @@ nav a.active {
   font-weight: 900;
 }
 
-.logo-bg {
+.logo::before {
+  animation: infinite logo-rotation 120s;
+  background-image: url("/static/logo-bg.png");
+  background-repeat: no-repeat;
+  background-size: cover;
   position: absolute;
+  content: "";
   left: -50px;
   top: -58px;
   z-index: -1;
   width: 215px;
   height: 215px;
-  object-fit: cover;
 }
 
 .logo-glasses {
diff --git a/templates.fnl b/templates.fnl
index d0b74ae..d18770b 100644
--- a/templates.fnl
+++ b/templates.fnl
@@ -34,8 +34,6 @@
   (HTML
    [:article {:class "article"}
     [:div {:class "logo"}
-      (HTML [:img {:class "logo-bg" :src "/static/logo-bg.png"
-                   :alt "Солнце за логотипом, фон"}])
       (if authenticated?
         (HTML [:img {:class "logo-glasses" :src "/static/glasses.png"
                      :alt "Солнцезащитные очки"}])