diff options
| -rw-r--r-- | static/style.css | 13 | ||||
| -rw-r--r-- | templates.fnl | 2 |
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 "Солнцезащитные очки"}]) |