MODIFIED: chatbot bg

AquibPy · Apr 24, 2024 · 1a3f368 · 1a3f368
1 parent c1bfc51
commit 1a3f368
Showing 1 changed file with 28 additions and 4 deletions.
diff --git a/templates/index.html b/templates/index.html
@@ -14,6 +14,32 @@
       min-height: 100vh;
       background-color: #f2f2f2;
       transition: background-color 0.3s ease;
+      position: relative; /* Make body position relative */
+    }
+
+    .background-animation {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background: linear-gradient(45deg, #f0f, #0ff, #ff0, #f0f);
+      background-size: 400% 400%;
+      border-radius: 25px;
+      z-index: -1;
+      animation: gradientAnimation 15s ease infinite;
+    }
+
+    @keyframes gradientAnimation {
+      0% {
+        background-position: 0% 50%;
+      }
+      50% {
+        background-position: 100% 50%;
+      }
+      100% {
+        background-position: 0% 50%;
+      }
     }
 
     .chat-container {
@@ -226,10 +252,7 @@
 
     /* Background styles */
     body {
-      background-image: url('https://assets.codepen.io/1538476/patrick-tomasso-EjF_dLS-9C8-unsplash.jpg');
-      background-size: cover;
-      background-position: center;
-      background-attachment: fixed;
+      background-color: transparent; /* Make body background transparent */
     }
 
     /* Adjustments for larger screens */
@@ -241,6 +264,7 @@
   </style>
 </head>
 <body>
+  <div class="background-animation"></div> <!-- Background animation -->
   <div class="chat-container">
     <h1>Chat with LLAMA 3 🦙🦙🦙</h1>
     <div id="result"></div>