Update templates/splash.html

templates/splash.html

@@ -15,19 +15,16 @@
         align-items: center;
         justify-content: center;
         z-index: 9999;
-        transition: opacity 1s ease, visibility 1s ease;
+        transition: opacity 1s ease;
     }
-
     .splash-logo {
         text-align: center;
         animation: float 2s ease-in-out infinite;
     }
-
     @keyframes float {
-        0%, 100% { transform: translateY(0px); }
+        0%, 100% { transform: translateY(0); }
         50% { transform: translateY(-10px); }
     }
-
     .splash-logo-icon {
         width: 120px;
         height: 120px;
@@ -39,33 +36,19 @@
         margin: 0 auto 2rem;
         animation: pulse 1.5s ease-in-out infinite;
     }
-
     @keyframes pulse {
         0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 #3b82f640; }
         50% { transform: scale(1.05); box-shadow: 0 0 0 20px #3b82f600; }
     }
-
-    .splash-logo-icon i {
-        font-size: 4rem;
-        color: white;
-    }
-
+    .splash-logo-icon i { font-size: 4rem; color: white; }
     .splash-title {
         font-size: 3rem;
         font-weight: 800;
         background: linear-gradient(135deg, #60a5fa, #c084fc);
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
-        letter-spacing: 2px;
-        margin-bottom: 0.5rem;
-    }
-
-    .splash-subtitle {
-        color: #94a3b8;
-        font-size: 0.875rem;
-        letter-spacing: 2px;
     }
-
+    .splash-subtitle { color: #94a3b8; font-size: 0.875rem; letter-spacing: 2px; margin-top: 0.5rem; }
     .progress-bar {
         width: 200px;
         height: 2px;
@@ -74,17 +57,14 @@
         margin: 2rem auto 0;
         overflow: hidden;
     }
-
     .progress-fill {
         width: 0%;
         height: 100%;
         background: linear-gradient(90deg, #3b82f6, #8b5cf6);
         animation: loading 2s ease-out forwards;
     }
-
     @keyframes loading {
         0% { width: 0%; }
-        50% { width: 70%; }
         100% { width: 100%; }
     }
 </style>
@@ -93,14 +73,10 @@
 {% block content %}
 <div class="splash-screen" id="splashScreen">
     <div class="splash-logo">
-        <div class="splash-logo-icon">
-            <i class="fas fa-shield-alt"></i>
-        </div>
+        <div class="splash-logo-icon"><i class="fas fa-shield-alt"></i></div>
         <h1 class="splash-title">D'TECTOR.AI</h1>
         <p class="splash-subtitle">AI CONTENT DETECTOR</p>
-        <div class="progress-bar">
-            <div class="progress-fill"></div>
-        </div>
+        <div class="progress-bar"><div class="progress-fill"></div></div>
     </div>
 </div>
 
@@ -108,10 +84,10 @@
     setTimeout(() => {
         const splash = document.getElementById('splashScreen');
         splash.style.opacity = '0';
-        splash.style.visibility = 'hidden';
         setTimeout(() => {
+            splash.style.display = 'none';
             window.location.href = '/landing';
-        }, 500);
+        }, 1000);
     }, 2000);
 </script>
 {% endblock %}