summaryrefslogtreecommitdiff
path: root/src/pages
diff options
context:
space:
mode:
authorManurbhav Arya2024-06-24 16:10:10 +0530
committerManurbhav Arya2024-06-24 16:10:10 +0530
commitcaa72207d70ad8e965ef0b167b98f8b580820132 (patch)
tree3fbfd67c85cc531db6744770dde2e8a4975e004f /src/pages
parent0451fd96a5aa22410560a8e6ab77242d3ee0654a (diff)
downloadIotJS-Astro-main.tar.gz
IotJS-Astro-main.tar.bz2
IotJS-Astro-main.zip
Added intermediate route for results pageHEADmain
Diffstat (limited to 'src/pages')
-rw-r--r--src/pages/announce.astro74
-rw-r--r--src/pages/login.astro2
-rw-r--r--src/pages/results.astro6
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');
}
---