Scheduling page done

6 files changed, 102 insertions, 11 deletions

diff --git a/src/components/HomeContent.astro b/src/components/HomeContent.astro
index 47a6763..d4575d4 100644
--- a/src/components/HomeContent.astro
+++ b/src/components/HomeContent.astro
@@ -20,16 +20,16 @@ const props = Astro.props
     <p class="significance-end"> Join us on this extraordinary journey, where innovation knows no bounds. Together, let's turn ideas into actions and make a lasting impact on society and the environment. The Open Source Hardware IoT GIS Hackathon is your stage to shine, and the world is waiting to witness your brilliance.</p>
 </div>
 <div class="body-container">
-    <h1 class="intro">Purpose</h1>
+    <h1 class="intro" id = "purpose">Purpose</h1>
     <p class="significance-end"> This hackathon is more than just a competition; it's a platform for innovators, creators, and visionaries to come together and pioneer solutions for a brighter future. Our purpose is to harness the power of open source hardware, the Internet of Things (IoT), and Geographic Information Systems (GIS) to address some of the world's most pressing challenges..</p>
     <p class="significance-end"> The FOSSEE project, IIT Bombay promotes the use of Free/ Libre Open Source Software in academia and Industry. The FOSSEE project  is funded through the National Mission on Education through ICT (NMEICT), Ministry of Education, Government of India. The FOSSEE-GIS team manages the overall coordination of the "IIT Bombay FOSSEE GIS Internship in Geospatial Dashboard Design and Implementation". </p>
 </div>
-<div class="registration-container">
+<div class="registration-container" id = "register">
     <h1 class="intro">Registration</h1>
     <p>Please click on the following button to register yourself for the Hackathon</p>
     <div class="hack-button"> <a href="https://forms.gle/aVopwiwmRM35FXQT8"><button class="btn-register slide-right">Register</button></a></div>
 </div>
-<div class="pno-container">
+<div class="pno-container" id = "partners">
     <h1 class="intro">Partner and Organisers</h1>
     <p>
         <span class="subheading">Technical Partner:   </span>
@@ -45,7 +45,7 @@ const props = Astro.props
     </p>
 </div>
 
-<div class="coreteam-container">
+<div class="coreteam-container" id ="contact-us">
     <h1>Core Team and Contact Us <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}>
         <path fill="currentColor" d="M4.05 21q-.45 0-.75-.3t-.3-.75V15.9q0-.325.225-.587t.575-.363l3.45-.7q.35-.05.713.063t.587.337L10.9 17q.95-.55 1.8-1.213t1.625-1.437q.825-.8 1.513-1.662t1.187-1.788L14.6 8.45q-.2-.2-.275-.475T14.3 7.3l.65-3.5q.05-.325.325-.562T15.9 3h4.05q.45 0 .75.3t.3.75q0 3.125-1.362 6.175t-3.863 5.55t-5.55 3.863T4.05 21" />
     </svg></h1>
diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index 5a69eb4..26891e8 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -4,12 +4,12 @@ import 'bootstrap/dist/css/bootstrap.css'
 
 <div class="navbar">
   <a href="/" class="text-blue-800">Home</a>
-  <a href="/" class="text-blue-800">About</a>
+  <a href="#purpose" class="text-blue-800">About</a>
   <a href="/resources" class="text-blue-800">Resources</a>
   <a href="/schedule" class="text-blue-800">Schedule</a>
-  <a href="/" class="text-blue-800">Register</a>
-  <a href="/" class="text-blue-800">Partners</a>
-  <a href="/" class="text-blue-800">Contact Us</a>
+  <a href="#register" class="text-blue-800">Register</a>
+  <a href="#partners" class="text-blue-800">Partners</a>
+  <a href="#contact-us" class="text-blue-800">Contact Us</a>
 </div>
   <style>
     .navbar {
diff --git a/src/components/ScheduleBody.astro b/src/components/ScheduleBody.astro
new file mode 100644
index 0000000..64e1331
--- /dev/null
+++ b/src/components/ScheduleBody.astro
@@ -0,0 +1,89 @@
+---
+import 'bootstrap/dist/css/bootstrap.css'
+---
+
+<div class="schedule-main">
+    <div class="schedule-heading">
+        <h1>National Level Open Hardware-IoT Geospatial Hackathon</h1>
+    </div>
+    <hr>
+    <div class="schedule-content">
+        <h2>Week 1: Kickoff and Orientation [March 01 to 07, 2024]</h2>
+        <div class="weeks">
+            <p>Working Day 1: Registration and Welcome Ceremony</p>
+            <p>Working Day 2: Opening Keynote and Theme Announcement</p>
+            <p>Working Day 3: Workshop 1 - Introduction to Open Hardware and IoT</p>
+            <p>Working Day 4: Workshop 2 - Geospatial Technology Fundamentals</p>
+            <p>Working Day 5: Team Formation and Ideation Session</p>
+            <p>Working Day 6-7: Self-Study and Project Brainstorming</p>
+        </div>
+        <h2>Week 2: Deep Dive into IoT and GIS [March 08 to 14, 2024]</h2>
+        <div class="weeks">
+            <p>Working Day 8: Workshop 3 - IoT Sensors and Data Collection</p>
+            <p>Working Day 9: Workshop 4 - Advanced GIS Applications</p>
+            <p>Working Day 10: Hacking Session Begins</p>
+            <p>Working Day 11-14: Guided Hacking, Team Check-Ins, and Progress Reports</p>
+        </div>
+        <h2>Week 3: Prototyping and Development [March 15 to 21, 2024]</h2>
+        <div class="weeks">
+            <p>Working Day 15: Workshop 5 - Data Visualization with GIS</p>
+            <p>Working Day 16: Workshop 6 - Open Source Hardware Prototyping</p>
+            <p>Working Day 17-21: Dedicated Hacking and Prototype Development</p>
+        </div>
+        <h2>Week 4: Final Touches and Presentations [March 22 to April 05, 2024]</h2>
+        <div class="weeks">
+            <p>Working Day 22: Workshop 7 - IoT Data Analysis</p>
+            <p>Working Day 23-25: Final Project Development and Testing</p>
+            <p>Working Day 26: Project Submissions</p>
+            <p>Working Day 27-28: Team Rehearsals and Presentation Prep</p>
+        </div>
+        <h2>Week 5: Grand Finale and Awards</h2>
+        <div class="weeks">
+            <p>Working Day 29: Presentations by Hackathon Teams</p>
+            <p>April 12, 2023 (tentative): Judging and Results Declaration</p>
+            <p>Date to be announced: Awards Ceremony and Celebration</p>
+        </div>
+    </div>
+</div>
+  <style>
+
+    .schedule-heading h1{
+        color: rgb(2, 2, 110);
+        font-size: 7.5vh;
+        font-family: 'Roboto', sans-serif;
+        padding: 3vh 6vw;
+        font-weight: 700;
+        text-align: center;
+    }
+    .schedule-heading:hover{
+        color: blue;
+    }
+    .schedule-content{
+        padding: 0 0 0 25%;
+    }
+    .schedule-content h2{
+        font-size: 3.6vh;
+        width: 70%;
+        background-color: rgb(252, 230, 188);
+        padding: 1vh;
+        margin-bottom: 2vh;
+        color:rgb(2, 2, 110);
+    }
+    .weeks p{
+        font-size: 3vh;
+        padding: 1vh 2.6vh;
+        border-left: 4px solid blue;
+    }
+    @media screen and (max-width: 915px) {
+        .schedule-content{
+            padding: 0 0 0 12%;
+        }
+        .schedule-heading h1{
+            font-size: 5vh;
+        }
+        .weeks p{
+            border-left: 2px solid blue;
+        }
+  }
+  </style>
+
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 76d2314..61c826e 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -7,7 +7,7 @@ import Footer from '../components/Footer.astro';
 import HomeContent from '../components/HomeContent.astro';
 ---
 
-<Layout title="Welcome to Astro.">
+<Layout title="Welcome to FOSSEE.">
 	<main>
 		<TopBar />
 		<Navbar />
diff --git a/src/pages/resources.astro b/src/pages/resources.astro
index 1cc6b87..064519b 100644
--- a/src/pages/resources.astro
+++ b/src/pages/resources.astro
@@ -5,7 +5,7 @@ import Navbar from '../components/Navbar.astro';
 import Footer from '../components/Footer.astro';
 ---
 
-<Layout title="Welcome to Astro.">
+<Layout title="Welcome to FOSSEE.">
 	<main>
 		<TopBar />
 		<Navbar />
diff --git a/src/pages/schedule.astro b/src/pages/schedule.astro
index 1cc6b87..ab2f5a4 100644
--- a/src/pages/schedule.astro
+++ b/src/pages/schedule.astro
@@ -3,12 +3,14 @@ import Layout from '../layouts/Layout.astro';
 import TopBar from '../components/TopBar.astro';
 import Navbar from '../components/Navbar.astro';
 import Footer from '../components/Footer.astro';
+import ScheduleBody from '../components/ScheduleBody.astro';
 ---
 
-<Layout title="Welcome to Astro.">
+<Layout title="Welcome to FOSSEE.">
 	<main>
 		<TopBar />
 		<Navbar />
+		<ScheduleBody/>
 		<Footer/>
 	</main>
 </Layout>