Added intermediate route for results pageHEADmain

3 files changed, 78 insertions, 4 deletions

diff --git a/src/pages/announce.astro b/src/pages/announce.astro
new file mode 100644
index 0000000..7cb85bc
--- /dev/null
+++ b/src/pages/announce.astro
@@ -0,0 +1,74 @@
+---
+import Layout from '../layouts/Layout.astro';
+---
+
+<Layout title="Welcome to FOSSEE.">
+  <main class="flex flex-col items-center justify-center min-h-screen bg-slate-800">
+    <div class="flex flex-col items-center">
+      <h1 class="text-6xl font-bold relative">
+        <!-- Congratulations -->
+        <span class="inline-block text-pink-500 transform transition-all duration-500 ease-in-out animate-bounce">C</span>
+        <span class="inline-block text-pink-500 transform transition-all duration-500 ease-in-out animate-bounce">o</span>
+        <span class="inline-block text-pink-500 transform transition-all duration-500 ease-in-out animate-bounce">n</span>
+        <span class="inline-block text-pink-500 transform transition-all duration-500 ease-in-out animate-bounce">g</span>
+        <span class="inline-block text-pink-500 transform transition-all duration-500 ease-in-out animate-bounce">r</span>
+        <span class="inline-block text-pink-500 transform transition-all duration-500 ease-in-out animate-bounce">a</span>
+        <span class="inline-block text-pink-500 transform transition-all duration-500 ease-in-out animate-bounce">t</span>
+        <span class="inline-block text-pink-500 transform transition-all duration-500 ease-in-out animate-bounce">u</span>
+        <span class="inline-block text-pink-500 transform transition-all duration-500 ease-in-out animate-bounce">l</span>
+        <span class="inline-block text-pink-500 transform transition-all duration-500 ease-in-out animate-bounce">a</span>
+        <span class="inline-block text-pink-500 transform transition-all duration-500 ease-in-out animate-bounce">t</span>
+        <span class="inline-block text-pink-500 transform transition-all duration-500 ease-in-out animate-bounce">i</span>
+        <span class="inline-block text-pink-500 transform transition-all duration-500 ease-in-out animate-bounce">o</span>
+        <span class="inline-block text-pink-500 transform transition-all duration-500 ease-in-out animate-bounce">n</span>
+        <span class="inline-block text-pink-500 transform transition-all duration-500 ease-in-out animate-bounce">s</span>
+      </h1>
+    </div>
+  </main>
+</Layout>
+
+<style>
+  @keyframes bounce {
+    0%, 100% {
+      transform: translateY(0);
+    }
+    50% {
+      transform: translateY(-20px);
+    }
+  }
+
+  h1 span {
+    animation: bounce 1s infinite;
+  }
+</style>
+
+<script>
+
+  // Animation for each letter
+  const spans = document.querySelectorAll('h1 span');
+    // console.log(spans);
+    spans.forEach((span, index) => {
+      (span as HTMLElement).style.animationDelay = `${index * 0.1}s`;
+  });
+
+
+ // Confetti Animation
+  import { confetti } from "../utils/confetti";
+  
+  const startConfetti = () => {
+    setTimeout(function () {
+        confetti.start();
+    }, 1000);
+  };
+  
+  const stopConfettiAndRedirect = () => {
+    setTimeout(function () {
+        confetti.stop();
+      window.location.href = '/admin';
+    }, 5000); // Change this duration as needed
+  };
+  
+  startConfetti();
+  stopConfettiAndRedirect();
+
+</script>
diff --git a/src/pages/login.astro b/src/pages/login.astro
index f57d6ca..51644a5 100644
--- a/src/pages/login.astro
+++ b/src/pages/login.astro
@@ -3,7 +3,7 @@
 const user = Astro.locals.user; // Fetch the user from session or locals
 
 if (user) {		// If user is already logged in, redirect to admin page
-  return Astro.redirect("/admin");
+  return Astro.redirect("/announce");
 }
 import Layout from '../layouts/Layout.astro';
 import TopBar from '../components/TopBar.astro';
diff --git a/src/pages/results.astro b/src/pages/results.astro
index 15b6c49..df229c7 100644
--- a/src/pages/results.astro
+++ b/src/pages/results.astro
@@ -5,10 +5,10 @@ import Navbar from '../components/Navbar.astro';
 import Footer from '../components/Footer.astro';
 import ResultsBody from '../components/ResultsBody.astro';
 import IconBar from '../components/IconBar.astro';
-import configFile from '../../config.json';
 
 // Import your configuration file
-const config = configFile
+import config from '../../config.json';
+
 const resultDate = config.resultDate;
 
 // Calculate current time
@@ -23,7 +23,7 @@ console.log("Current date: ", currentDate);
 // Check if current time is past target time
 if (currentDate >= targetTime) {
   // Redirect if condition met
-  return Astro.redirect('/admin');
+  return Astro.redirect('/announce');
 }
 ---