From 42cecd1a96e8341f67cb907a87f877db617d9f10 Mon Sep 17 00:00:00 2001 From: Aroy-Art Date: Wed, 5 Jun 2024 22:27:56 +0200 Subject: [PATCH] Move wire background inline css to dedicated css file --- .../apps/templates/layouts/base-electric.html | 41 ++----------------- archivist/static/css/main.css | 39 ++++++++++++++++++ 2 files changed, 43 insertions(+), 37 deletions(-) diff --git a/archivist/apps/templates/layouts/base-electric.html b/archivist/apps/templates/layouts/base-electric.html index 69d0ddf..f932a6a 100644 --- a/archivist/apps/templates/layouts/base-electric.html +++ b/archivist/apps/templates/layouts/base-electric.html @@ -32,43 +32,6 @@ {% block stylesheets %}{% endblock stylesheets %} -
@@ -103,5 +66,9 @@ {% include "includes/scripts.html" %} + + + {% block scripts %}{% endblock scripts %} + diff --git a/archivist/static/css/main.css b/archivist/static/css/main.css index 0e26b6c..6977b6d 100644 --- a/archivist/static/css/main.css +++ b/archivist/static/css/main.css @@ -130,6 +130,45 @@ --bs-form-invalid-border-color: #dc3545; } */ +/*================================================================= + Electric container style +=================================================================*/ +@keyframes gradient { + 0% {background-position: 0% 50%;} + 50% {background-position: 0% 0%;} + 100% {background-position: 0% 50%;} +} + +@keyframes wiremove { + 0% {background-position: 0px 0px;} + 100% {background-position: 0px 1500px;} +} + +body{ + /*! color:#ffffff; */ + margin:0px; + background: linear-gradient(0deg, #9e14d0, #e73c7e, #23a6d5, #23d5ab, #23a6d5, #e73c7e, #9e14d0); + background-size: 100% 800%; + background-attachment:fixed; + animation: gradient 25s ease infinite; +} + +.everything{ + height: 100vh; + display: flex; + flex-flow: column; +} + +.wires{ + background-image: url( "/static/img/bg/wire-bg.png"); + background-attachment:fixed; + padding: 7rem 0; + animation: wiremove 44s linear infinite; + /*! text-align:center; */ + flex: 1 1 auto; +} + + /*================================================================= Electric container style =================================================================*/