From 8accaa58f43790d0eb01378eae99363d46442c37 Mon Sep 17 00:00:00 2001
From: AkisYTB3 <akisytbsteamy@gmail.com>
Date: Thu, 25 Jan 2024 21:11:41 +0100
Subject: [PATCH] made the anim work for admins too

---
 pages/admin/index.html       |  4 ++--
 scripts/pages/admin/main.js  | 14 ++++++++------
 styles/pages/admin/style.css |  7 +------
 3 files changed, 11 insertions(+), 14 deletions(-)

diff --git a/pages/admin/index.html b/pages/admin/index.html
index 2019b80..76f2be9 100644
--- a/pages/admin/index.html
+++ b/pages/admin/index.html
@@ -3,8 +3,8 @@
 
 <header class="admin-index-header">
     <div class="admin-index-header-text" id="headerText">
-        <h1 class="admin-index-h1 fade-in">Hello,</h1>
-        <h2 class="admin-index-h2 fade-in">Admin <span class="outlined-text"><template name="username"></span>!</h2>
+        <h1 class="admin-index-h1">Hello,</h1>
+        <h2 class="admin-index-h2">Admin <span class="outlined-text"><template name="username"></span>!</h2>
     </div>
 </header>
 
diff --git a/scripts/pages/admin/main.js b/scripts/pages/admin/main.js
index 331c227..d47db29 100644
--- a/scripts/pages/admin/main.js
+++ b/scripts/pages/admin/main.js
@@ -14,11 +14,13 @@ document.addEventListener('DOMContentLoaded', function () {
     void h2.offsetWidth;
 
     // Apply the fade-in effect
-    h1.style.transition = 'opacity 0.8s ease, transform 0.6s ease';
-    h1.style.opacity = '1';
-    h1.style.transform = 'translateX(0)';
+    setTimeout(function () {
+        h1.style.transition = 'opacity 0.8s ease, transform 0.6s ease';
+        h1.style.opacity = '1';
+        h1.style.transform = 'translateX(0)';
 
-    h2.style.transition = 'opacity 0.8s ease, transform 0.6s ease';
-    h2.style.opacity = '1';
-    h2.style.transform = 'translateX(0)';
+        h2.style.transition = 'opacity 0.8s ease, transform 0.6s ease';
+        h2.style.opacity = '1';
+        h2.style.transform = 'translateX(0)';
+    }, 250);
 });
diff --git a/styles/pages/admin/style.css b/styles/pages/admin/style.css
index ac6fa2a..5a8c039 100644
--- a/styles/pages/admin/style.css
+++ b/styles/pages/admin/style.css
@@ -30,9 +30,4 @@ body {
     opacity: 0;
     transform: translateX(-35px);
     transition: opacity 0.8s ease, transform 0.6s ease;
-}
-
-.fade-in {
-    opacity: 1;
-    transform: translateX(0);
-}
+}
\ No newline at end of file