diff options
author | Manurbhav Arya | 2024-06-24 16:10:10 +0530 |
---|---|---|
committer | Manurbhav Arya | 2024-06-24 16:10:10 +0530 |
commit | caa72207d70ad8e965ef0b167b98f8b580820132 (patch) | |
tree | 3fbfd67c85cc531db6744770dde2e8a4975e004f /src/pages | |
parent | 0451fd96a5aa22410560a8e6ab77242d3ee0654a (diff) | |
download | IotJS-Astro-main.tar.gz IotJS-Astro-main.tar.bz2 IotJS-Astro-main.zip |
Diffstat (limited to 'src/pages')
-rw-r--r-- | src/pages/announce.astro | 74 | ||||
-rw-r--r-- | src/pages/login.astro | 2 | ||||
-rw-r--r-- | src/pages/results.astro | 6 |
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'); } --- |