Some refactorings

12 files changed, 475 insertions, 314 deletions

diff --git a/src/components/Carousel.astro b/src/components/Carousel.astro
index b848510..76ef582 100644
--- a/src/components/Carousel.astro
+++ b/src/components/Carousel.astro
@@ -135,7 +135,7 @@ const carouselSlide: Carousel[] = [
 
   @media screen and (max-width: 868px){
     .gallery div{
-      grid-gap: 20px;
+      grid-gap: 70px;
     }
     /* #backBtn, #nextBtn{
       margin: 0;
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 55edea7..aa38cfb 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -1,37 +1,113 @@
 ---
+
+interface aboutList {
+    name: string;
+    link: string;
+}
+
+interface footerContent {
+    about: aboutList[];
+    resources: aboutList[];
+}
+
+const footerData: footerContent = {
+    about: [
+        {
+            name: 'IIT Bombay',
+            link: 'https://www.iitb.ac.in/'
+        },
+        {
+            name: 'FOSSEE',
+            link: 'https://fossee.in/'
+        },
+        {
+            name: 'NMEICT',
+            link: 'https://www.nmeict.ac.in/'
+        },
+        {
+            name: 'The RuDRA Lab',
+            link: 'https://www.rudra.iitb.ac.in/'
+        },
+        {
+            name: 'IITTNiF',
+            link: 'https://www.iittnif.org/'
+        },
+        {
+            name: 'ICFOSS',
+            link: 'https://www.icfoss.in/'
+        },
+        {
+            name: 'Spoken Tutorial',
+            link: 'https://spoken-tutorial.org/'
+        }
+    ],
+    resources: [
+        {
+            name: 'QGIS',
+            link: 'https://qgis.org/en/site/forusers/download.html'
+        },
+        {
+            name: 'Spoken Tutorials - FOSSEE - GIS',
+            link: 'https://spoken-tutorial.org/tutorial-search/?search_foss=QGIS&search_language=English'
+        }
+    ]
+}
+
 ---
 
 <div class="footer">
     <div class="footer-content">
         <ul class="about-list">
-            <h2>About</h2>
-            <li><a class="footer-links" href="https://www.iitb.ac.in/" target="_blank">IIT Bombay</a></li>
-            <li><a class="footer-links" href="https://fossee.in/" target="_blank">FOSSEE</a></li>
-            <li><a class="footer-links" href="https://www.iittnif.org/" target="_blank">IITTNiF</a></li>
-            <li><a class="footer-links" href="https://spoken-tutorial.org/" target="_blank">Spoken Tutorial</a></li>
+            <h2>About</h2>{
+                footerData.about.map((item) => {
+                    return (
+                        <li><a class="footer-links" href={item.link} target="_blank">{item.name}</a></li>
+                    )
+                })
+            }
         </ul>
     </div>
     <div class="footer-content">
         <ul>
-            <h2>Resources</h2>
-            <li><a class="footer-links" href="https://qgis.org/en/site/forusers/download.html" target="_blank">QGIS</a></li>
-            <li><a class="footer-links" href="https://spoken-tutorial.org/tutorial-search/?search_foss=QGIS&search_language=English" target="_blank">Spoken Tutorials - FOSSEE - QGIS</a></li>
+            <h2>Resources</h2>{
+                footerData.resources.map((item) => {
+                    return (
+                        <li><a class="footer-links" href={item.link} target="_blank">{item.name}</a></li>
+                    )
+                })
+            }
         </ul>
     </div>
     <div class="license-container">
         <a href="http://creativecommons.org/licenses/by-sa/4.0/" target="_blank">
             <img class ="license-img" alt="Creative Commons License" style="border-width:0" src="https://iitb-isro-aicte-mapathon.fossee.in/static/cms/uploads/images/88x31.png">
         </a>
-        <p class="license">This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.</p>    
+        <p class="license">
+            <span>
+                This work is licensed under a 
+            </span>
+            <a href="http://creativecommons.org/licenses/by-sa/4.0/">
+                Creative Commons Attribution-ShareAlike 4.0 International License.</p>    
+            </a>
     </divmcl>
 </div>
 
   <style>
+
+    a{
+        text-decoration: none;
+        color: white;
+    }
+
+    a:hover{
+        color: #f2f2f2;
+        text-decoration: underline;
+    }
     .footer {
         display: flex;
         justify-content: space-between;
         align-items: flex-start;
-        background-color: #060606;
+        background-color: #3374ff;
         color: white;
         flex-direction: row;
         padding: 4vh;
@@ -42,7 +118,6 @@
         padding: 3vw;
         justify-content: center;
         align-items: center;
-        background-color: #000000;
         flex-direction: column;
     }
     li{
@@ -50,11 +125,20 @@
     }
     .footer-links{
         text-decoration: none;
-        color: aliceblue
+        color: aliceblue;
+        font-weight: 700;
     }
 
     .license-container{
-        padding: 3vw;
+        padding: 2vw;
+    }
+
+    .about-list a{
+        color: white;
+    }
+
+    .license span{
+        color: black;
     }
 
     @media screen and (max-width: 554px) {
diff --git a/src/components/Header.astro b/src/components/Header.astro
index 9961c8c..bce5716 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -9,9 +9,20 @@ import 'bootstrap/dist/css/bootstrap.css'
     <div class="registration">
         <h2 class="hack-heading" style="color: #000080ff;">IIT Bombay-FOSSEE-GIS/OSHW, IITTNiF &amp; <br> ICFOSS presents</h2>
         <div class="hack-img"><img src="https://iot-gis-hackathon.fossee.org/static/cms/uploads/images/right-img.png" id="right-img"></div>
-        <div class="hack-button">
-            <div id="slide"></div>
-            <a href="#register">Register</a>
+        <div class="btn-Container">
+            <p>
+                Registration opens: April 29, 2023 <br>
+
+                Registration closes: June 10, 2024 <br>
+                
+                Hackathon start date : June 12, 2024 <br>
+                
+                Result Declaration: July 31, 2024
+            </p>
+            <div class="hack-button">
+                <div id="slide"></div>
+                <a href="#register">Register</a>
+            </div>
         </div>
     </div>
 </div>
@@ -22,9 +33,10 @@ import 'bootstrap/dist/css/bootstrap.css'
         flex-direction: row;
         justify-content: space-around;
         align-items: center;
+        padding-top: 20vh;
         width: 100%;
-        height: 80vh;
-        padding: 1vh;
+        height: 100vh;
+        padding: 1vh;;
         background-color: rgb(252, 230, 188);
         animation: zoomIn 3s; 
         z-index: 1000;
@@ -44,7 +56,6 @@ import 'bootstrap/dist/css/bootstrap.css'
         flex-wrap: wrap;
     }
     .hack-heading{
-        font-family: 'Roboto Slab', serif !important;
         font-size: 4.6vh;
         text-align: center;
         word-wrap: break-word;
@@ -55,29 +66,20 @@ import 'bootstrap/dist/css/bootstrap.css'
         width: 100%;
     }
 
-    
-    /* .btn-register{
-        background-color: #000080ff;
-        width: 30vw;
+    .btn-Container{
+        background-color: rgb(86, 50, 1);
         color: white;
-        border: 3px solid white;
-        padding: 1.5vh;
-        font-size: 20px;
-        font-weight: 600;
-        border-radius: 5px;
-        cursor: pointer;
-        border-radius: 12px;
-        font-family: "Lucida Console", Monaco, 
-    } */
-    
-    /* .hack-button{
-        margin: 2vh;
-        width: 50vw;
+        font-weight: 700;
+        font-size: 3vh;
+        padding: 1vh 10vw;
+        border-radius: 20px;
         display: flex;
+        flex-direction: column;
         justify-content: center;
         align-items: center;
-        padding: 1vh 2vw;
-    } */
+        margin: 2vh;
+    }
+
     .hack-button {
         display: flex;
         flex-direction: column;
@@ -96,6 +98,7 @@ import 'bootstrap/dist/css/bootstrap.css'
         justify-content: center;
         font-weight: 500;
         overflow: hidden;
+        box-shadow: 0 0 5px #000080, 0 0 5px #000080 inset;
     }
 
     .hack-button {
@@ -138,11 +141,8 @@ import 'bootstrap/dist/css/bootstrap.css'
     }
 
     @media screen and (max-width: 754px) {
-        .registration{
-            margin-top: 10vh;
-        }
         .head{
-            flex-direction: column-reverse;
+            flex-direction: row;
             height: 100vh;
         }
 
@@ -164,10 +164,20 @@ import 'bootstrap/dist/css/bootstrap.css'
         }
     }
 
-    @media screen and (max-width: 982px) {
+    @media screen and (min-width: 748px) and (max-width: 982px) {
+        
         .head{
             margin-top: 6vh;
-            /* margin-top: 8vh; */
+        }
+    }
+    @media screen and (max-width: 982px) {
+        
+        .hack-heading{
+            font-size: 3vh;
+        }
+        .btn-Container{
+            font-size: 2vh;
+            padding: 0vh 3vw;
         }
     }
 
diff --git a/src/components/HomeBody.astro b/src/components/HomeBody.astro
index 8a23718..eb122bb 100644
--- a/src/components/HomeBody.astro
+++ b/src/components/HomeBody.astro
@@ -15,6 +15,16 @@ interface Significance{
     end: string;
 }
 
+interface PartnerAndOrganisations{
+    name: string;
+    description: string;
+}
+
+interface Faq{
+    question: string;
+    answer: string;
+}
+
 const signifance : Significance[] = [
     {
         intro: "In a world where technology shapes our daily lives, the significance of this hackathon cannot be overstated. Here, participants have the opportunity to redefine the boundaries of what's possible. By merging open source principles with cutting-edge technologies, we aim to:",
@@ -35,6 +45,131 @@ const purpose: string[] = [
     "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'."
 ]
 
+const partners: PartnerAndOrganisations[] = [
+    {
+        name: "Main Organizer: IIT Bombay FOSSEE GIS & OSHW project (NMEICT, Ministry of Education, Government of India) ",
+        description: "The IIT Bombay FOSSEE GIS & OSHW project teams are the main organizers of this National Level Geospatial IoT Hackathon 2024 (Edition 01). FOSSEE promotes the usage of Free/Libre Open Source Software in academia and industry and is funded through the National Mission on Education through ICT, Ministry of Education, Government of India."
+    },
+    {
+        name: "Technical Partner:",
+        description: "The Rural Data Research and Analysis (RuDRA) Lab, IIT Bombay is India's first HPC-powered data center dedicated to Rural Development."
+    },
+    {
+        name: "Organizing Partners:    IITTNiF (NM-ICPS, DST, Government of India) & ICFOSS (Government of Kerala): ",
+        description: "The <span> IIT Tirupati Navavishkar I-Hub Foundation </span> is the Technology Innovation Hub specializing in Positioning and Precision Technologies, funded through the National Mission on Interdisciplinary Cyber-Physical System (NM-ICPS), Department of Science and Technology, Government of India.",
+    },
+    {
+        name: "ICFOSS: he International Centre for Free and Open Source Software (ICFOSS) is an autonomous organization set up by the Government of Kerala, India,",
+        description: "and has the combined mandate of popularizing Free and Open Source Software for universal use; consolidating the early FOSS work done in Kerala; and networking with different nations, communities, and governments to collaboratively promote FOSS"
+    }
+]
+
+const faqs : Faq[] = [
+  {
+    "question": "Will the winners of the “National OpenHardware-IoT Geospatial Hackathon 2024” receive any refund or is there any prize/ award given?",
+    "answer": "As this is a national-level activity, supported through the FOSSEE project, National Mission on Education through ICT (NMEICT), the prospective winners shall be given ‘prizes/awards ONLY’, based on their performance, category-wise (themes). The winners shall also be eligible for applying to the coveted “IIT Bombay FOSSEE Geospatial + OpenHardware Internship & Summer Fellowship 2024”, and other flagship activities."
+  },
+  {
+    "question": "Is there any filtration before starting the hackathon?",
+    "answer": "Yes, there is a filtration process in place which shall review all the proposals before allowing the individual participant/ team(s) into the main phase of the “National Level OpenHardware-IoT based Geospatial Hackathon”. The aspirants must (i) register themselves/ their team, (ii). Upload their proposal, (iii). The core organizing committee (IIT Bombay FOSSEE GIS/OSHW + IITTNiF + ICFOSS) will evaluate the proposals, (iv). Accepted proposals shall be informed via email.\nNote: The project proposals are reviewed by the core committee and shall ensure their alignment with the hackathon's theme and objectives."
+  },
+  {
+    "question": "Can we use any proprietary hardware for other components if the open source is not available for that item?",
+    "answer": "Participants are permitted to utilize proprietary hardware or components in the absence of open-source alternatives. This should not exceed 40%. However, they (participating team(s)/ individuals) must adhere to any licensing agreements or restrictions related to proprietary technologies. It is to be noted and essential that all designs and code submitted must adhere to the CC-BY-SA license requirements."
+  },
+  {
+    "question": "What are the judging criteria for project evaluation?",
+    "answer": "The judging criteria typically include factors such as novelty, methodology, innovation, technical implementation, usability, impact, and presentation (report) quality. Each project is evaluated based on these criteria to determine the winners.\nNote: The project proposal and final submissions must adhere to the mandates laid by the “IIT Bombay FOSSEE GIS team” at all times. By participating in the “National Level OpenHardware-IoT based Geospatial Hackathon” the teams agree that the decision taken by the ‘Core Organizing Committee’ and/or the ‘IIT Bombay FOSSEE GIS & OSHW’ team(s) shall be final and non-appealable."
+  },
+  {
+    "question": "Is there a registration fee to participate in the hackathon?",
+    "answer": "NO! Participation in the “National Level OpenHardware-IoT based Geopstial Hackathon” is completely ‘FREE OF COST/ NO FEE”."
+  },
+  {
+    "question": "Is there any format for submitting reports and presentations?",
+    "answer": "YES! The report and presentation template shall be shared by the core committee during the ‘Orientation phase’."
+  },
+  {
+    "question": "How will the hackathon be conducted? Is it an online event or will there be physical venues?",
+    "answer": "The main phase of the “National Level OpenHardware-IoT based Geospatial Hackathon” will exclusively take place in ‘ONLINE MODE’ only.\nNote: The ‘Grand Finale’ of the “National Level OpenHardware-IoT based Geospatial Hackathon” shall be conducted in offline mode. For the ‘Grand Finale’ only the teams shortlisted for the final stage/ round will be invited to participate."
+  },
+  {
+    "question": "What level of expertise in IoT and geospatial technologies is expected from participants?",
+    "answer": "Participants/ Team(s) with varying levels of expertise in IoT and geospatial technologies are welcome to participate. The hackathon shall serve as a platform for beginners, intermediate, and advanced-level participants, with lots of opportunities to learn and collaborate.\nNote: The proposals for the “National Level OpenHardware-IoT based Geospatial Hackathon 2024” can be submitted under two broad categories,\n\n(i). Purely ‘IoT’ based (OR)\n\n(ii). A blend of GIS + IoT (Special prizes/ awards are to be given for this category)"
+  },
+  {
+    "question": "Can participants use pre-existing IoT devices or hardware prototypes for their projects, or do they need to develop new solutions from scratch?",
+    "answer": "The participants/ participating team(s) are encouraged to develop their solutions/ prototypes from scratch. But, to spread awareness about “OpenSource Hardware-IoT’ and ‘GIS’ technologies in all domains, we encourage the students cutting across domains to give it a try. Hence, we do allow participants to use pre-existing IoT devices or hardware prototypes for their projects, as long as they meet the project requirements and objectives. All designs and code submitted must adhere to the CC-BY-SA license requirements.\nNote: The decision of the ‘Core Organizing Committee’ of the National Level OpenHardware-IoT based Geospatial Hackathon, and/or the ‘IIT Bombay FOSSEE GIS & OSHW’ team(s) shall be final and non-appealable, in all circumstances."
+  },
+  {
+    "question": "Are there any specific industry sectors or use cases that the hackathon aims to address through the integration of IoT and geospatial technologies?",
+    "answer": "The ‘National Level OpenHardware-IoT based Geospatial Hackathon’ aims to promote an interdisciplinary approach in cracking solution(s) for the proposed ‘problem statements’ Even though the ‘core organizing committee’ doesn’t confine the scope to scope to specific industries or use cases, rather it encourages participants to ‘consider’ focusing on scenarios like smart cities, environmental monitoring, precision agriculture, transportation, healthcare, transport, logistics, weather forecast, rural development, green energy and sustainability, disaster management. etc. However, the exact focus areas may vary depending on the organizers' goals and themes."
+  },
+  {
+    "question": "Are there any opportunities for participants to contribute to open-source projects or initiatives as part of their hackathon submissions?",
+    "answer": "YES! participants may have opportunities to contribute to open-source projects or initiatives related to IoT and/or Geospatial (GIS) technologies as part of the “National Level OpenHardware-IoT based Geospatial Hackathon”. The ‘qualified submissions’ shall be published as open-source projects on the national project’s website. Collaboration with existing open-source communities shall/may be encouraged or facilitated by the ‘Core Organing Committee’."
+  },
+  {
+    "question": "How will the hackathon support participants who may be new to IoT or geospatial technologies and require additional guidance or resources?",
+    "answer": "The ‘Core Organizing Committee’ of the National Level OpenHardware-Iot based Geospatial Hackathon will conduct ‘focused’ workshops, mentoring sessions, orientation (state-wise), online resources such as the award-winning ‘SpokenTutorial’ on relevant technologies, etc.\nNote: The main emphasis here is to ensure that the resources deployed work as a support system for participants to learn and enhance their (IoT, and GIS) skills throughout the event."
+  },
+  {
+    "question": "Will there be any post-hackathon support or mentorship opportunities for participants looking to further develop their projects?",
+    "answer": "YES! The winners, and even enthusiastic participants shall get a chance to apply for some of India’s most coveted internships, fellowships, product development, etc kind of opportunities. To know more about the initiatives of the “IIT Bombay FOSSEE GIS” team, please visit https://www.iitb.ac.in/event/iit-bombay-fossee-gis-activities-calendar-year-2024. There are interesting opportunities given by our organizing partner the “IIT Tirupati Navavishkar I-Hub Foundation” which is IIT Tirupati’s Technology Innovation Hub (TIH) specializes in ‘positioning and precision technologies’. Participants with good ideas and/or geospatial products nearing completion or in the advanced stage of development can explore possibilities for incubating themselves as start-up(s)."
+  },
+  {
+    "question": "Can participants submit multiple projects, and if so, are there any limitations on the number of submissions per team?",
+    "answer": "YES! But make sure you the team leader is not the same person. There is ‘NO’ lamination on the number of teams.\nNote: Institutions fielding more than (valid) 25 teams can assign a SPOC (Single Point of Contact - SPOC) for obtaining dedicated + direct support from the committee."
+  },
+  {
+    "question": "Are there any specific environmental or social impact considerations that participants should take into account when designing their projects?",
+    "answer": "YES! participants are encouraged to consider aligning their project proposal in line with the environmental and social impact while designing/ evolving their problem statement(s).\nNote: Solutions that promote sustainability, resilience, inclusivity, and positive societal outcomes are often valued by the ‘Core Organizing/Evaluation Committee”. Please refer to “IIT Bombay FOSSEE GIS Mandates” on https://iot-gis-hackathon.fossee.in/ and the “United Nations Development Programme’s SDGs” on https://www.undp.org/sustainable-development-goals."
+  },
+  {
+    "question": "Will the hackathon provide any resource(s) for participants to access geospatial datasets or learning materials?",
+    "answer": "YES! Please refer FAQ #12"
+  },
+  {
+    "question": "How can participants stay updated on the latest announcements and developments related to the hackathon?",
+    "answer": "Please keep checking the official website of the “National Level OpenHardware-IoT based Geospatial Hackathon” website (URL: https://iot-gis-hackathon.fossee.in/) to get recent updates.\nNote: All essential communications will be sent by the core committee through the following Email IDs. Please add them to your ‘contact list’.\n\n(i).\n\n(ii). ;"
+  },
+  {
+    "question": "Are there any specific hardware or software platforms that participants are encouraged to use?",
+    "answer": "While participants are generally free to choose the hardware and software platforms that best suit their project requirements, organizers may recommend or provide access to specific platforms, tools, or technologies to facilitate project development and integration, based on their project proposal."
+  },
+  {
+    "question": "Are there any specific requirements for project documentation and presentation?",
+    "answer": "YES! participants are typically required to adhere to specific guidelines for project documentation/ report and presentation, per the template issued. Please refer FAQ #6."
+  },
+  {
+    "question": "Will there be any workshops or training sessions during the hackathon to help participants develop their technical skills?",
+    "answer": "YES! Please refer FAQ #12"
+  },
+  {
+    "question": "Does the core organizing committee provide any ‘performance summary’ to a college that has registered with many teams?",
+    "answer": "YES! All the Universities/ Colleges/ Educational Institutions that have IQAC (NAAC/NIRF/NBA purposes) cells, and have registered with more than 25 teams can write to for the performance summary letter after the results are declared."
+  },
+  {
+    "question": "Will the participating Institutions be eligible for the ‘National Geospatial Awards’ organized by the IIT Bombay FOSSEE GIS team?",
+    "answer": "YES! All participating institutions can apply for the annual ‘National Geospatial Awards (2024)’ scheduled to be conducted on September 15, 2024. There are various categories, and event state-specific awards listed."
+  },
+  {
+    "question": "Can an Indian citizen studying at some foreign university apply for this hackathon?",
+    "answer": "YES! Indian Citizens pursuing their studies abroad can register. They shall get ‘e-certificates’ if they emerge as winners, but they (Indian students studying in foreign universities) won't be eligible for cash awards as transferring honoraria outside India is not allowed as per the policy laid by the funding agency/ prize sponsor."
+  },
+  {
+    "question": "Can a faculty/ research scholar/ staff participate in the hackathon?",
+    "answer": "YES! Students, Faculty, Research Scholars, Staff, and Project Staff from any UGC/ AICTE/ Institutes of National importance/ NMC/ NLB/ AIU/ Government of India or State Government recognized Institutions/ organization can participate in the “National Level OpenHardware-IoT based Geospatial Hackathon”."
+  },
+  {
+    "question": "Whom should we contact for any partnership related query?",
+    "answer": "For all partnership and sponsorship-related queries, please write to Mr. Mohamed Kasim Khan, National Coordinator - FOSSEE(GIS), IIT Bombay at . As we are in the process of identifying nodal agencies (DHE. DTE, Technical Univeristy, Skill Development Body, etc) in each state and union territory, the officers concerned can directly write to us."
+  }
+]
+
+
+
+
 const coreteam: CoreTeam[] = [
     {
         name: "Prof. Kannan Moudgalya",
@@ -57,12 +192,34 @@ const coreteam: CoreTeam[] = [
         institute: "Indian Institute of Technology Bombay"
     },
     {
+        name: "Dr. Sunil T T",
+        position: ["Director"],
+        institute: "ICFOSS",
+    },
+    {
+        name: "Dr. Srinivasan Ravindran",
+        position: ["Program Head, FOSS Business Solutions"],
+        institute: "Indian Institute of Technology Bombay",
+    },
+    {
+        name: "Mr. Shafeek P M",
+        position: ["Technical Coordinator - IoT"],
+        institute: "ICFOSS",
+    },
+    {
+        name: "Mr. Jayakumar K S",
+        position: ["Manager, Incubation & FOSS Business Solutions"],
+        institute: "ICFOSS",
+    },
+    {
         name: "Mr. Mohamed Kasim Khan",
         position: ["National Coordinator, FOSSEE-GIS", "National Mission on Education through ICT, Ministry of Education, Government of India"],
         institute: "Indian Institute of Technology Bombay",
-    }
+    },
 ]
 
+
+
 ---
 
 <!-- Introduction -->
@@ -122,21 +279,33 @@ const coreteam: CoreTeam[] = [
 
 <div class="pno-container" id = "partners">
     <h1 class="intro">Partner and Organisers</h1>
-    <p>
-        <span class="subheading">Technical Partner:   </span>
-        The Rural Data Research and Analysis (RuDRA) Lab, IIT Bombay is India's first HPC-powered data center dedicated to Rural Development.
-    </p>
     <div class="tech-imgs">
         <Carousel/>
-
-    </div>
-    <p>
-        <span class="subheading">Organizing Partner:   </span>
-        The IIT Tirupati Navavishkar I-Hub Foundation is the Technology Innovation Hub specializing in Positioning and Precision Technologies, funded through the National Mission on Interdisciplinary Cyber-Physical System (NM-ICPS), Department of Science and Technology, Government of India.
-    </p>
+    </div>{
+        partners.map((partner) => {
+            return (
+                <p>
+                    <span class="subheading">{partner.name}</span>
+                    {partner.description}
+                </p>
+            )
+        })
+    }
+</div>
+<div class="faq-container" id = "faq">
+    <h1 class="intro">Frequently Asked Questions (FAQ)</h1>{
+        faqs.map((faq,index) => {
+            return (
+                <h4 class="faq-heading">{index + 1}. {faq.question}</h4>
+                <p> <span>Answer: </span>{faq.answer}</p>
+            )
+        })
+    }
 </div>
 
 
+
+
 <!-- Core Team and Contact Us -->
 
 <div class="coreteam-container" id ="contact-us">
@@ -166,7 +335,10 @@ const coreteam: CoreTeam[] = [
         <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" {...props}>
             <path fill="black" d="M28 6H4a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2m-2.2 2L16 14.78L6.2 8ZM4 24V8.91l11.43 7.91a1 1 0 0 0 1.14 0L28 8.91V24Z" />
         </svg>
-        Email : <a href="mailto:contact-oshw@fossee.in" target="_blank">contact-oshw[at]fossee[dot]in </a>
+        Email : 
+        <a href="mailto:rajesh@cse.iitb.ac.in" target="_blank">rajesh@cse.iitb.ac.in</a>
+        /
+        <a href="mailto:mohamedkasim@iitb.ac.in" target="_blank">mohamedkasim@iitb.ac.in</a>
     </p>
 </div>
 
@@ -185,7 +357,7 @@ const coreteam: CoreTeam[] = [
     .intro{
         color: rgb(2, 2, 110);
         font-size: 6vh;
-        font-family: 'Roboto', sans-serif;
+        /* font-family: 'Roboto Slab', serif !important; */
         padding: 3vh 5vw;
         font-weight: 700;
     }
@@ -220,7 +392,7 @@ const coreteam: CoreTeam[] = [
         font-size: 2.3vh;
     }
     .significance-end{
-        font-size: 2.5vh;
+        font-size: 2.3vh;
         padding: 0 5vw;
         text-align: left;
     }
@@ -239,8 +411,9 @@ const coreteam: CoreTeam[] = [
     .registration-container p{
         text-align: center;
         font-size: 2.5vh;
+        padding: 1vh 5vh;
     }
-
+    
     .regBtnContainer{
         display: flex;
         justify-content: center;
@@ -265,6 +438,7 @@ const coreteam: CoreTeam[] = [
         justify-content: center;
         font-weight: 500;
         overflow: hidden;
+        box-shadow: 0 0 5px #000080, 0 0 5px #000080 inset;
     }
 
     .hack-button {
@@ -296,7 +470,7 @@ const coreteam: CoreTeam[] = [
     .hack-button:hover a{
         color: white;
     }
-
+    
     .pno-container{
         padding: 0 10vh;
     }
@@ -304,29 +478,33 @@ const coreteam: CoreTeam[] = [
     .pno-container p{
         text-align: left;
         padding: 0 4vw;
-        font-size: 2.3vh;
+        font-size: 2.4vh;
     }
     .subheading{
-        font-weight: bolder;
+        font-weight: 700;
     }
-    .btn-register{
-        background-color: #000080ff;
-        width: 30vw;
-        color: white;
-        border: 3px solid white;
-        padding: 1.5vh;
-        font-size: 20px;
-        font-weight: 600;
-        border-radius: 5px;
-        cursor: pointer;
-        border-radius: 12px;
-        font-family: "Lucida Console", Monaco;
+
+    .faq-container{
+        padding: 0 10vh;
+        border-bottom: 1px solid rgb(116, 106, 106);
     }
 
-    .registration-container p{
-        padding: 1vh 5vh;
+    .faq-container h4{
+        font-size: 2.5vh;
+        padding: 1vh 9vh;
+        font-weight: 700;
+    }
+
+    .faq-container p{
+        font-size: 2.4vh;
+        padding: 0 7vw;
     }
 
+    .faq-container p span{
+        font-weight: 700;
+    }
+
+
     .coreteam-container{
         padding: 0 10vh;
     }
@@ -334,7 +512,7 @@ const coreteam: CoreTeam[] = [
     .coreteam-container h1{
         color: rgb(2, 2, 110);
         font-size: 7.2vh;
-        font-family: 'Roboto', sans-serif;
+        /* font-family: 'Roboto Slab', serif !important; */
         padding: 3vh 5vw;
         text-align: center;
         font-weight: 700;
@@ -376,7 +554,7 @@ const coreteam: CoreTeam[] = [
         display: flex;
         flex-direction: row;
         justify-content: space-around;
-        padding: 2vh 7vw;
+        padding: 2vh 1vw;
         flex-wrap: wrap
     }
     
@@ -385,21 +563,22 @@ const coreteam: CoreTeam[] = [
         flex-direction: column;
         justify-content: flex-start;
         align-items: center;
-        border: 1px solid black;
-        padding: 2vh 4vw;
+        border: 1px solid rgb(206, 201, 201);
+        padding: 1vh 2vw;
         border-radius: 11px;
-        margin: 2vh;
+        margin: 1vh;
         width: 45%;
     }
     .teach h4{
         margin-bottom: 3vh;
-        font-family: 'Roboto', sans-serif;
-        font-weight: 600;
-        font-size: 2.7vh;
+        /* font-family: 'Roboto Slab', serif !important; */
+        font-weight: bolder;
+        font-size: 2.5vh;
         text-align: center;
     }
     .teach p{
         font-size: 2.4vh;
+        font-weight: 600;
     }
     @media screen and (max-width: 800px) {
         .intro, .coreteam-container h1{
@@ -418,8 +597,23 @@ const coreteam: CoreTeam[] = [
         .teach h4{
             text-align: center;
         }
-        .btn-register{
-            width: 70%;
+
+        .faq-container h4{
+            font-size: 2.2vh;
+            padding: 1vh 5vw;
+        }
+
+        .faq-container p{
+            font-size: 2.2vh;
+            padding: 0 5vw;
+        }
+
+        .faq-container p span{
+            font-weight: 700;
+        }
+
+        .faq-container, .pno-container, .body-container, .registration-container, .main-container{
+            padding: 0 5vw;
         }
     }
 
diff --git a/src/components/IconBar.astro b/src/components/IconBar.astro
index 3128f99..0f96fb0 100644
--- a/src/components/IconBar.astro
+++ b/src/components/IconBar.astro
@@ -2,10 +2,6 @@
 const props = Astro.props
 ---
 
-
-
-
-
 <div class="icon-bar">
     <a href="https://www.facebook.com/FOSSEENMEICT/" class="facebook" target="_blank">
         
diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index 1f492d2..4a1bf24 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -13,6 +13,7 @@ const routes : Routes[] = [
   { path: '/#register', name: 'Register' },
   { path: '/#partners', name: 'Partners' },
   { path: '/#contact-us', name: 'Contact Us' },
+  { path: '/#faq', name: 'FAQ' },
 
 ]
 ---
@@ -51,7 +52,7 @@ const routes : Routes[] = [
     }
     .off-screen-menu{
       background-color: orange;
-      height: 45vh;
+      height: 50vh;
       display: none;
       width: 100%;
       top: 20%;
@@ -132,7 +133,7 @@ const routes : Routes[] = [
     }
 
     .navbar {
-      font-family: 'Roboto', sans-serif;
+      /* font-family: 'Roboto Slab', serif !important; */
       display: flex;
       justify-content: center;
       padding: 0;
@@ -140,9 +141,9 @@ const routes : Routes[] = [
       position: sticky;
       top: 0%; /* Add this line */
       z-index: 1000;
-    }
+    } 
     .navbar a {
-      font-size: 2.2vh;
+      font-size: 2.5vh;
       color: blue;
       font-weight:600;
       text-decoration: none;
@@ -176,15 +177,15 @@ const routes : Routes[] = [
     }
     @media screen and (min-width: 628px) and (max-width: 768px){
       .off-screen-menu{
-        top: 17vh;
+        top: 15vh;
       }
     }
-    @media screen and (min-width: 772px) and (max-width: 982px){
+    @media screen and (min-width: 767px) and (max-width: 982px){
       nav{
         padding: 1.3rem;
       }
       .active{
-        top: 21vh;
+        top: 20vh;
       }
       nav{
         width: 100vw;
@@ -197,7 +198,6 @@ const routes : Routes[] = [
       .hamburger-navbar{
         display: block;
       }
-      
     }
     @media screen and (min-width: 983px){
       .off-screen-menu{
diff --git a/src/components/ResourcesBody.astro b/src/components/ResourcesBody.astro
index 69ecdb9..c4789a3 100644
--- a/src/components/ResourcesBody.astro
+++ b/src/components/ResourcesBody.astro
@@ -17,19 +17,25 @@ import Accordion from './Accordion.astro'
     .resources-heading h1{
         color: rgb(2, 2, 110);
         font-size: 7.5vh;
-        font-family: 'Roboto', sans-serif;
+        /* font-family: 'Roboto Slab', serif !important; */
         padding: 3vh 21%;
         font-weight: 700;
     }
     .resources-heading:hover{
         color: blue;
     }
-    @media screen and (max-width: 915px) {
+    @media screen and (max-width: 983px) {
         .resources-heading h1{
             font-size: 4.5vh;
             padding: 3vh 10%;
             margin-top: 10vh;
+            text-align: center;
         }
     }
+    /* @media screen and (max-width: 983px) {
+        .resources-main{
+            margin: 9vh;
+        }
+    } */
   </style>
 
diff --git a/src/components/ScheduleBody.astro b/src/components/ScheduleBody.astro
index bc79e5d..8bb5cab 100644
--- a/src/components/ScheduleBody.astro
+++ b/src/components/ScheduleBody.astro
@@ -81,7 +81,7 @@ const scheduleItems : ScheduleItem[] = [
     .schedule-heading h1{
         color: rgb(2, 2, 110);
         font-size: 7.5vh;
-        font-family: 'Roboto', sans-serif;
+        /* font-family: 'Roboto Slab', serif !important; */
         padding: 3vh 6vw;
         font-weight: 700;
         text-align: center;
@@ -105,7 +105,7 @@ const scheduleItems : ScheduleItem[] = [
         padding: 1vh 2.6vh;
         border-left: 4px solid blue;
     }
-    @media screen and (max-width: 915px) {
+    @media screen and (max-width: 983px) {
         .schedule-content{
             padding: 0 0 0 12%;
         }
diff --git a/src/components/TestNavbar.astro b/src/components/TestNavbar.astro
deleted file mode 100644
index 3e3aa5c..0000000
--- a/src/components/TestNavbar.astro
+++ /dev/null
@@ -1,168 +0,0 @@
-<!-- ---
-interface Routes {
-  path: string;
-  name: string;
-}
-
-const routes : Routes[] = [
-  { path: '/', name: 'Home' },
-  { path: '#purpose', name: 'About' },
-  { path: '/resources', name: 'Resources' },
-//   { path: '/schedule', name: 'Schedule' },
-//   { path: '#register', name: 'Register' },
-//   { path: '#partners', name: 'Partners' },
-//   { path: '#contact-us', name: 'Contact Us' },
-
-]
----
-
-<header class="header">
-    <nav class="navbar">
-        <ul class="nav-menu">
-            {
-            routes.map(route => (
-                <li class="nav-item">
-                    <a href={route.path} class="nav-link">{route.name}</a>
-                </li>
-            ))
-            }
-        </ul>
-        <div class="hamburger">
-            <span class="bar"></span>
-            <span class="bar"></span>
-            <span class="bar"></span>
-        </div>
-    </nav>
-</header>
-
-
-<style>
-    * {
-        margin: 0;
-        padding: 0;
-        box-sizing: border-box;
-    }
-
-    html {
-        font-size: 62.5%;
-        font-family: 'Roboto', sans-serif;
-    }
-
-    li {
-        list-style: none;
-    }
-
-    a {
-        text-decoration: none;
-    }
-
-    .header{
-        border-bottom: 1px solid #E2E8F0;
-        background-color: rgb(252, 230, 188);
-    }
-
-    .navbar {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        padding: 1rem 1.5rem;
-    }
-
-    .hamburger {
-        display: none;
-    }
-
-    .bar {
-        display: block;
-        width: 25px;
-        height: 3px;
-        margin: 5px auto;
-        -webkit-transition: all 0.3s ease-in-out;
-        transition: all 0.3s ease-in-out;
-        background-color: #101010;
-    }
-    .nav-menu {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-    }
-
-    .nav-item {
-        /* margin-left: 5rem; */
-    }
-
-    .nav-link{
-        /* font-size: 1.6rem;
-        font-weight: 400; */
-        padding: 1.5vh 3vh;
-        color: rgb(24, 94, 223);
-        /* color: #475569; */
-        font-size: 2.4vh;
-        font-weight:600;
-    }
-
-    .nav-link:hover{
-        /* color: #482ff7; */
-        color: white;
-        background-color: rgb(6, 6, 88);
-    }
-
-    .nav-logo {
-        font-size: 2.1rem;
-        font-weight: 500;
-        color: #482ff7;
-    }
-
-    @media only screen and (max-width: 768px) {
-    .nav-menu {
-        position: fixed;
-        left: -100%;
-        top: 5rem;
-        flex-direction: column;
-        background-color: #fff;
-        width: 100%;
-        border-radius: 10px;
-        text-align: center;
-        transition: 0.3s;
-        box-shadow:
-            0 10px 27px rgba(0, 0, 0, 0.05);
-    }
-
-    .nav-menu.active {
-        left: 0;
-    }
-
-    .nav-item {
-        margin: 2.5rem 0;
-    }
-
-    .hamburger {
-        display: block;
-        cursor: pointer;
-    }
-
-    .hamburger.active .bar:nth-child(2) {
-        opacity: 0;
-    }
-
-    .hamburger.active .bar:nth-child(1) {
-        transform: translateY(8px) rotate(45deg);
-    }
-
-    .hamburger.active .bar:nth-child(3) {
-        transform: translateY(-8px) rotate(-45deg);
-    }
-
-}
-</style>
-
-<script>
-    function showSidebar(){
-      const sidebar : any = document.querySelector('.sidebar')
-      sidebar.style.display = 'flex'
-    }
-    function hideSidebar(){
-      const sidebar : any  = document.querySelector('.sidebar')
-      sidebar.style.display = 'none'
-    }
-  </script> -->
\ No newline at end of file
diff --git a/src/components/TopBar.astro b/src/components/TopBar.astro
index 4d27419..5977e5f 100644
--- a/src/components/TopBar.astro
+++ b/src/components/TopBar.astro
@@ -1,46 +1,87 @@
 ---
 import 'bootstrap/dist/css/bootstrap.css'
+
+interface BannerImages {
+  link: string;
+  image: string;
+  alt: string;
+  classname: string;
+  id? : string;
+}
+
+const bannerImages : BannerImages[] = [
+  {
+    link: "http://iitb.ac.in/",
+    image: "https://iitb-fossee-mapathon.fossee.in/static/cms/uploads/images/iitb-logo.png",
+    alt: "IITB",
+    classname: "img-fluid logos",
+    id: "iitb"
+  },
+  {
+    link: "https://fossee.in",
+    image: "https://iitb-fossee-mapathon.fossee.in/static/cms/uploads/images/fossee-logo.png",
+    alt: "FOSSEE",
+    classname: "img-fluid logos"
+  },
+  {
+    link: "https://nmeict.ac.in",
+    image: "https://fossee.in/sites/all/themes/software_responsive_theme/img/nmeict-logo.png",
+    alt: "NMEICT",
+    classname: "img-fluid logos"
+  },
+  {
+    link: "http://www.rudra.iitb.ac.in/",
+    image: "https://iitb-fossee-mapathon.fossee.in/static/cms/uploads/images/rudra-logo.png",
+    alt: "Rudra",
+    classname: "img-fluid logos"
+  },
+  {
+    link: "https://www.iittp.ac.in/",
+    image: "https://iitb-fossee-mapathon.fossee.in/static/cms/uploads/images/iit-tirupati.png",
+    alt: "IIT Tirupati",
+    classname: "img-fluid logos"
+  },
+  {
+    link: "https://iittnif.com/",
+    image: "https://iitb-fossee-mapathon.fossee.in/static/cms/uploads/images/navavishkaar.png",
+    alt: "IITTNiF",
+    classname: "img-fluid logos"
+  },
+  {
+    link: "https://nmicps.in/",
+    image: "https://iot-gis-hackathon.fossee.org/static/cms/uploads/images/NM-ICPS-logo1.png",
+    alt: "NMICPS",
+    classname: "img-fluid logos"
+  },
+  {
+    link: "https://www.icfoss.in/",
+    image: "https://iot-gis-hackathon.fossee.in/static/cms/uploads/images/icfoss-logo.png",
+    alt: "icfoss",
+    classname: "img-fluid logos big-img"
+  },
+  {
+    link: "https://spoken-tutorial.org",
+    image: "https://iitb-fossee-mapathon.fossee.in/static/cms/uploads/images/st-logo.png",
+    alt: "Spoken Tutorial",
+    classname: "img-fluid logos"
+  },
+
+]
 ---
 
 <div class="banner-content">
     <div id="top-logo-placeholder" class="container-sm">
-      <div class="d-flex justify-content-center">
-        <div class="p-2 pb-1">
-          <a href="http://iitb.ac.in/" target="_blank">
-            <img src="https://iitb-fossee-mapathon.fossee.in/static/cms/uploads/images/iitb-logo.png" class="img-fluid logos" alt="IITB" id = "iitb">
-          </a>
-        </div>
-        <div class="p-2 pb-1">
-          <a href="https://fossee.in" target="_blank">
-            <img src="https://iitb-fossee-mapathon.fossee.in/static/cms/uploads/images/fossee-logo.png" class="img-fluid logos" alt="FOSSEE">
-          </a>
-        </div>
-  
-        <div class="p-2 pb-1">
-          <a href="http://www.rudra.iitb.ac.in/" target="_blank">
-            <img src="https://iitb-fossee-mapathon.fossee.in/static/cms/uploads/images/rudra-logo.png" class="img-fluid logos" alt="Rudra">
-          </a>
-        </div>
-        <div class="p-2 pb-1">
-          <a href="https://www.iittp.ac.in/" target="_blank">
-            <img src="https://iitb-fossee-mapathon.fossee.in/static/cms/uploads/images/iit-tirupati.png" class="img-fluid logos" alt="IIT Tirupati">
-          </a>
-        </div>                      
-        <div class="p-2 pb-1">      
-          <a href="https://iittnif.com/" target="_blank">
-            <img src="https://iitb-fossee-mapathon.fossee.in/static/cms/uploads/images/navavishkaar.png" class="img-fluid logos" alt="IITTNiF">
-          </a>
-        </div>
-        <div class="p-2 pb-1">      
-          <a href="https://nmicps.in/" target="_blank">
-            <img src="https://iot-gis-hackathon.fossee.org/static/cms/uploads/images/NM-ICPS-logo1.png" class="img-fluid logos" alt="NMICPS">
-          </a>
-        </div>
-        <div class="p-2 pb-1">
-          <a href="#" target="">
-            <img src="https://iot-gis-hackathon.fossee.in/static/cms/uploads/images/icfoss-logo.png" class="img-fluid logos big-img" alt="icfoss">
-          </a>
-        </div>
+      <div class="d-flex justify-content-center">{
+        bannerImages.map((image, index) => {
+          return (
+            <div class="p-2 pb-1">
+              <a href={image.link} target="_blank">
+                <img src={image.image} class={image.classname} alt={image.alt} id={image.id}/>
+              </a>
+            </div>
+          )
+        })
+      }
       </div>
     </div>
   </div>
@@ -50,9 +91,6 @@ import 'bootstrap/dist/css/bootstrap.css'
     a{
       cursor: pointer;
     }
-    a .big-img{
-      cursor:auto;
-    }
 
     .banner-content{
       z-index: 1000;
@@ -63,7 +101,7 @@ import 'bootstrap/dist/css/bootstrap.css'
 
 
     img{
-      width: 14vh;
+      width: 10vh;
     
     }
     .banner-content .big-img {
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 6922ee9..7a73ba3 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -34,7 +34,7 @@ const { title } = Astro.props;
 		);
 	}
 	html {
-		font-family: system-ui, sans-serif;
+		font-family: 'Roboto Slab', serif !important;
 		background: #13151a;
 		background-size: 224px;
 	}
@@ -42,6 +42,7 @@ const { title } = Astro.props;
 		width: 100%;
 		overflow-x: hidden;
 		min-width: 460px;
+		font-family: 'Roboto Slab', serif !important;
 		/* min-height: 100vh; */
 	}
 	code {
diff --git a/src/pages/index.astro b/src/pages/index.astro
index b7a9603..35200e9 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -24,5 +24,5 @@ import TestNavbar from '../components/TestNavbar.astro';
 </Layout>
 
 <style>
-	
+
 </style>