text style changes

7 files changed, 123 insertions, 98 deletions

diff --git a/src/assets/css/custom.css b/src/assets/css/custom.css
index 0e968fa..fc2c71c 100644
--- a/src/assets/css/custom.css
+++ b/src/assets/css/custom.css
@@ -1,5 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
 /* @font-face {
     font-family: myFirstFont;
     src: url(../font/Aller/Aller_Lt.ttf);
@@ -10,8 +9,15 @@
  } */
 
  body{
+   font-size: 1rem;
+   line-height: 1.5;
    overflow-x: hidden;
    /* margin-bottom:30em; */
+   color: #212529;
+   font-family: "Nunito Sans", serif;
+  font-optical-sizing: auto;
+  /* font-weight: <weight>; */
+  font-style: normal;
  }
  .code-text {
      font-family: monospace;
@@ -62,17 +68,15 @@
         monospace;
   }
  .section-title{
-   font-family:  sans-serif;
-   font-weight: 400;
+   font-family: 'Nunito sans' !important;
+   /* font-weight: 400; */
    font-style: normal;
    color:#efd043;
    color:#f50000;
-   /* text-shadow: 4px 4px #0a4850; */
- 
-   font-size: 1.7rem;
-   font-weight: 700;
-   padding: 2rem 2rem;
- padding-top: 4vw;
+   font-size: 1.5rem;
+   font-weight: 500;
+   padding: 1.5rem 2rem;
+ /* padding-top: 4vw; */
    transition: 1.3s;
 }
 
@@ -82,11 +86,11 @@
    padding: 1rem 2rem;
    /* text-shadow: 2px 2px #0a4850; */
 }  
-.section-title:hover{
+/* .section-title:hover{
  font-size: 2rem;
    padding: 1rem 2rem;
    font-weight: 700;
-}  
+}   */
  }
 
 
diff --git a/src/assets/img/process.png b/src/assets/img/process.png
new file mode 100644
index 0000000..f5afbd2
--- /dev/null
+++ b/src/assets/img/process.png
diff --git a/src/components/Hero.astro b/src/components/Hero.astro
index 49dc9b8..e9db472 100644
--- a/src/components/Hero.astro
+++ b/src/components/Hero.astro
@@ -11,6 +11,7 @@ import secondPatch from "../assets/img/patch-01.png"
 
 import title from "../assets/img/new-title-img.png"
 import btn1 from "../assets/img/button-img-01.png"
+import { Image } from "astro:assets"
 ---
 <!-------------#front section------------- -->
 <section class="hero">
@@ -20,6 +21,7 @@ import btn1 from "../assets/img/button-img-01.png"
         <div class="flex flex-col justify-center items-center md:pt-20 space-y-5">
           <h2 class="text-white text-4xl font-bold">A global challenge for bright minds</h2>
           <br>
+        
           <h6 class="text-white text-xl font-bold">
            <p> An initiative of the FOSSEE Project,</p>
             <p>Indian Institute of Technology Bombay, India </p></h6>
@@ -115,10 +117,10 @@ import btn1 from "../assets/img/button-img-01.png"
         background: url(../assets/img/bg-01.png);
         /* background-attachment:fixed; */
         background-size: cover;
-  overflow: hidden;
-  position: relative;
+       overflow: hidden;
+      position: relative;
         /* padding: 0em 10em; */
-        height: 100vh;
+       min-height: 100vh;
         animation: zoom 2s cubic-bezier(0.65, 0.05, 0.36, 1);
         background-attachment: fixed;
     }
diff --git a/src/components/HomeBody.astro b/src/components/HomeBody.astro
index bc543a5..230ac45 100644
--- a/src/components/HomeBody.astro
+++ b/src/components/HomeBody.astro
@@ -52,17 +52,18 @@ const faqContent = await Astro.glob("../content/faq/*.md");
 import iitb from "../assets/img/IITB.png";
 import fossee from "../assets/img/FOSSEE.png";
 import st from "../assets/img/spoken.png";
+import process from "../assets/img/process.png";
 ---
 
 <!-- Introduction -->
 <div id="home">
     <Hero />
-<div class="bg-[#ffffff] md:px-4 pb-5">
+<div class="bg-[#ffffff]">
     <div class="md:px-20 px-3">
-    <h1 class="md:text-xl font-bold item-center text-center section-title mx-4 px-4" id="about">About</h1>
+    <h1 class=" item-center text-center section-title mx-4 px-4" id="about">About</h1>
     <!-- <h2 class="welcome-heading"> Welcome to the Open Source Hardware IoT GIS Hackathon!</h2> -->
     {paraContent.map((point) => {
-        return ( <p class="md:text-xl text-sm text-justify"> {point.frontmatter.para}</p>)})}
+        return ( <p class="text-justify"> {point.frontmatter.para}</p>)})}
 
 
     <!-- <h1 class="mt-3 font-bold text-2xl">Benefits:</h1>{
@@ -88,11 +89,11 @@ import st from "../assets/img/spoken.png";
 <!-- Important Dates -->
 <div class="bg-white md:px-4 pb-5">
     <div class="md:px-20 px-3">
-      <h1 class="text-xl md:text-2xl font-bold text-center section-title mx-4 mb-5" id="date">
-        Timeline
+      <h1 class="text-center section-title mx-4" id="date">
+        Important Dates
       </h1>
-      <div class="overflow-x-auto md:text-lg text-sm text-justify">
-        <table class="table-auto w-full border-collapse border border-gray-300 text-center">
+      <div class="overflow-x-auto text-left">
+        <table class="table-auto w-full border-collapse border border-gray-300 text-left">
           <thead>
             <tr class="bg-gray-200">
               <th class="w-1/2 border border-gray-300 px-4 py-2">Event</th>
@@ -127,13 +128,13 @@ import st from "../assets/img/spoken.png";
   </div>
   
   
-  <div class="grid grid-cols-1 md:grid-cols-2 gap-6 bg-red-100">
-  <div class=" md:px-4 pb-5">
+  <div class="grid grid-cols-1 md:grid-cols-2 gap-0 bg-red-100 ">
+  <div class=" md:px-4 border-b-2 border-white border-">
     <div class="md:px-20 px-3">
-      <h1 class="text-xl md:text-2xl font-bold text-center section-title mx-4 mb-5" id="who-can-participate">
+      <h1 class="text-center section-title mx-4" id="who-can-participate">
         Who Can Participate?
       </h1>
-      <ul class="list-disc list-outside space-y-1 md:text-xl text-sm ">
+      <ul class="list-disc list-outside space-y-1">
         <li>Open ONLY to individuals (no team participation).</li>
         <li>Students, researchers, and professionals passionate about numerical computation.</li>
         <li>Participants must have a basic understanding of programming and using computational tools.</li>
@@ -143,12 +144,12 @@ import st from "../assets/img/spoken.png";
   
 
 
-  <div class=" md:px-4 pb-5">
+  <div class=" md:px-4 border-l-2 border-b-2 border-white pb-5">
     <div class="md:px-20 px-3">
-      <h1 class="text-xl md:text-2xl font-bold text-center section-title mx-4 mb-5" id="why-participate">
+      <h1 class="text-center section-title mx-4" id="why-participate">
         Why Participate?
       </h1>
-      <ul class="list-disc list-outside space-y-1 md:text-xl text-sm text-justify">
+      <ul class="list-disc list-outside space-y-1">
         <li>Open to everyone.</li>
         <li>Gain visibility in the Scilab and open-source communities.</li>
         <li>Win cash rewards for top-performing projects.</li>
@@ -160,14 +161,14 @@ import st from "../assets/img/spoken.png";
   
 
 
-</div>
+
 <div class=" md:px-4 pb-5">
     <div class="md:px-20 px-3">
-      <h1 class="text-xl md:text-2xl font-bold text-center section-title mx-4 mb-5" id="problem-statement">
+      <h1 class=" text-center section-title mx-4 mb-5" id="problem-statement">
         Problem Statement
       </h1>
-      <p class="md:text-xl text-md leading-relaxed mb-4">Participants are required to:</p>
-      <ul class="list-disc list-inside space-y-1  md:text-xl text-sm text-justify">
+      <p class="leading-relaxed mb-4">Participants are required to:</p>
+      <ul class="list-disc list-inside space-y-1">
         <li>Select a published research paper as a reference.</li>
         <li>Reproduce its results using Scilab.</li>
         <li>Present the Scilab-based solution, workflow, and comparison with the original results along with a report.</li>
@@ -175,55 +176,38 @@ import st from "../assets/img/spoken.png";
     </div>
   </div>
 
-<div class="bg-white md:px-4 pb-5">
+<div class="md:px-4 pb-5 border-l-2 border-white">
     <div class="md:px-20 px-3">
-      <h1 class="text-xl md:text-2xl font-bold text-center section-title mx-4 mb-5" id="topics">
+      <h1 class=" text-center section-title mx-4 mb-5" id="topics">
         Case study topics can be chosen from the following domains for the Hackathon
       </h1>
-      <div class="grid grid-cols-1 md:grid-cols-3 gap-6 md:text-xl text-sm ">
+   
         <!-- Card 1 -->
-        <div class="bg-gray-100 rounded-lg shadow-md p-5 ">
-          <h2 class="text-lg font-semibold  mb-3">Technology and Innovation</h2>
-          <ul class="list-disc list-inside space-y-1">
-            <li>Robotics and Autonomous Systems</li>
-            <li>Data Analytics and Machine Learning</li>
-            <li>Artificial Intelligence and Optimization</li>
-          </ul>
-        </div>
-  
-        <!-- Card 2 -->
-        <div class="bg-gray-100 rounded-lg shadow-md p-5">
-          <h2 class="text-lg font-semibold  mb-3">Sustainability and Health</h2>
-          <ul class="list-disc list-inside space-y-1">
-            <li>Renewable Energy and Sustainability</li>
-            <li>Computational Biology and Healthcare Analytics</li>
-          </ul>
-        </div>
-  
-        <!-- Card 3 -->
-        <div class="bg-gray-100 rounded-lg shadow-md p-5">
-          <h2 class="text-lg font-semibold  mb-3">Applied Mathematics and Engineering</h2>
-          <ul class="list-disc list-inside space-y-1">
-            <li>Control Systems</li>
-            <li>Space and Aerospace Simulations</li>
-            <li>Digital Signal and Image Processing</li>
+        <ul class="list-disc list-outside space-y-1">
+          <li>Robotics and Autonomous Systems</li>
+          <li>Data Analytics and Machine Learning</li>
+          <li>Artificial Intelligence and Optimization</li>
+          <li>Renewable Energy and Sustainability</li>
+          <li>Computational Biology and Healthcare Analytics</li>
+          <li>Control Systems</li>
+          <li>Space and Aerospace Simulations</li>
+          <li>Digital Signal and Image Processing</li>
           </ul>
-        </div>
-      </div>
+     <mark>Any other domain/topic can also be proposed (subject to approval by IIT Bombay-FOSSEE-Scilab team)</mark>
     </div>
   </div>
-
+</div>
 
   <div class="bg-white md:px-4 pb-5">
     <div class="md:px-20 px-3 space-x-6">
-      <h1 class="text-xl md:text-2xl font-bold text-center section-title mx-4 mb-5" id="register">
+      <h1 class=" text-center section-title mx-4 mb-5" id="register">
         How to participate?
       </h1>
       
-        <h1 class="text-lg font-bold text-gray-900 mb-4">To participate in the hackathon, please follow these mandatory steps: </h1>
-        <ol class="list-decimal list-inside space-y-4">
+        <h1 class="font-bold text-gray-900 mb-4">To participate in the hackathon, please follow these mandatory steps: </h1>
+        <ol class="list-decimal list-outside space-y-4">
             <li class="leading-6">
-              Before proceeding, it is mandatory to fill out this Google Form:  <br />
+              Before proceeding, it is mandatory to fill out this Google Form: 
                 <a href="https://docs.google.com/forms/d/e/1FAIpQLSc7sSXer3wta4B9QuT_x7xa2tx53_2uJ6PJM7t0oCdww1rPgA/viewform?usp=sf_link" 
                    target="_blank" 
                    class="text-blue-600 hover:underline">google form link</a><br />
@@ -231,7 +215,7 @@ import st from "../assets/img/spoken.png";
 
             </li>
             <li class="leading-6">
-              After completing the form, visit this website to read all the instructions:  <br />
+              After completing the form, visit this website to read all the instructions: 
                 <a href="https://scilab.in/case-study-portal/case-study-project" 
                    target="_blank" 
                    class="text-blue-600 hover:underline">https://scilab.in/case-study-portal/case-study-project</a><br />
@@ -245,7 +229,10 @@ import st from "../assets/img/spoken.png";
               Submit your proposal as per the instructions, and our team will review and approve it based on the abstract you provide. It is important that the abstract should provide a clear overview of the case study project and include a reference link to the selected case study.
             </li>
         </ol>
-        <p class="mt-6">By completing these steps, you will be fully registered for the hackathon.</p>
+        <p class="mt-5">By completing these steps, you will be fully registered for the hackathon.</p>
+        <div class="flex items-center content-center justify-center">
+        <img src={process.src} alt="process flow of registratin" class="object-cover py-4" style="width: 634px;"  decoding="async">
+      </div>
       <!-- <p class="leading-relaxed mb-4 md:text-xl text-sm text-center">
         Visit this webpage to have detailed information about the case study project and go through all the links given under the Case Study Project tab.
         <br />Submit the proposal for your chosen Case Study project as per the guidelines, and our team will review and approve it based on the abstract provided.
@@ -265,15 +252,15 @@ import st from "../assets/img/spoken.png";
   
   <div class="bg-white md:px-4 pb-5">
     <div class="md:px-20 px-3">
-      <h1 class="text-2xl font-bold text-center section-title mx-4 px-4" id="resources">Resources</h1>
+      <h1 class="text-center section-title mx-4 px-4" id="resources">Resources</h1>
   
       <div class="mt-4 text-lg">
-        <h3 class="md:text-xl text-sm text-center">
+        <h3 class="text-center">
           Explore the Spoken Tutorial series on Scilab to strengthen your understanding of Scilab concepts. These tutorials cover a wide range of topics. 
-          <span class="block mt-2 text-black"></span>
+          <span class="block mt-2 ">
             Access them here: 
-            <span class="block mt-2 text-blue-600"> <a target="_blank"  href="https://spoken-tutorial.org/tutorial-search/?search_foss=Scilab&amp;search_language=English" class="underline" target="_blank">Spoken Tutorial Series on Scilab</a>
-          </span>
+            <span class=" mt-2 text-blue-600"> <a target="_blank"  href="https://spoken-tutorial.org/tutorial-search/?search_foss=Scilab&amp;search_language=English" class="underline" target="_blank">Spoken Tutorial Series on Scilab</a>
+          </span></span>
         </h3>
       </div>
     </div>
@@ -282,18 +269,9 @@ import st from "../assets/img/spoken.png";
 
 <div class="bg-[#ffffff] md:px-4 pb-5">
     <div class="md:px-20 px-3">
-      <h1 class="md:text-xl font-bold text-center section-title mx-4 px-4" id="about">System Requirements</h1>
+      <h1 class="text-center section-title mx-4 px-4" id="about">System Requirements</h1>
   
-      <!-- General Section Card centered -->
-      <div class="bg-gray-100 p-5 rounded-lg shadow-md max-w-md mx-auto my-4">
-        <h4 class="text-xl font-semibold mb-3"><strong>General:</strong></h4>
-        <ul class="space-y-2">
-          <li><h3><strong>RAM:</strong> 4 GB (8 GB recommended)</h3></li>
-          <li><h3><strong>Processor:</strong> Dual-core or higher</h3></li>
-          <li><h3><strong>Storage:</strong> 2 GB free space</h3></li>
-          <li><h3><strong>Internet:</strong> Stable connection</h3></li>
-        </ul>
-      </div>
+     
   
       <!-- Grid Container for Two Columns and Three Cards in Second Row -->
       <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
@@ -326,29 +304,64 @@ import st from "../assets/img/spoken.png";
         </div>
   
       </div>
+       <!-- General Section Card centered -->
+       <div class="bg-gray-100 p-5 rounded-lg shadow-md max-w-md mx-auto my-4">
+        <h4 class="text-xl font-semibold mb-3"><strong>General:</strong></h4>
+        <ul class="space-y-2">
+          <li><h3><strong>RAM:</strong> 4 GB (8 GB recommended)</h3></li>
+          <li><h3><strong>Processor:</strong> Dual-core or higher</h3></li>
+          <li><h3><strong>Storage:</strong> 2 GB free space</h3></li>
+          <li><h3><strong>Internet:</strong> Stable connection</h3></li>
+        </ul>
+      </div>
     </div>
   </div>
   
   <div class="bg-white md:px-4 pb-5">
     <div class="md:px-20 px-3">
-      <h1 class="text-2xl font-bold text-center section-title mx-4 px-4" id="rules">Rules and Regulations</h1>
+      <h1 class="text-center section-title mx-4 px-4" id="rules">Rules and Regulations</h1>
   
-      <div class="flex flex-col justify-center text-justify space-y-3 mt-4 md:text-xl text-sm">
+      <div class="flex flex-col justify-center text-justify space-y-3 mt-4">
         <ol class="list-decimal">
         <li>The decision of the review committee and organizers in declaring the results will be final. No queries in this regard will be entertained.</li>
        <li>The same person cannot participate twice.</li>
         <!-- <li>If a person is found participating in more than one team, both the teams will be disqualified from the Hackathon.</li>
         <li>There will be only one point of contact (the team leader) with the organizers.</li> -->
+        <li>All submitted case studies will be made publicly available as open-source projects.</li>
         <li>Any participant found to be indulging in any form of malpractice will be immediately disqualified.</li>
+        
       </ol>
       </div>
     </div>
   </div>
   
+  <div class="max-w-lg mx-auto mt-10 p-6 bg-white rounded-lg shadow-md border">
+    <h1 class="text-center section-title mx-4 px-4" id="rules">Awards</h1>
+    <ul class="space-y-4">
+        <li class="flex justify-between border-b pb-2">
+            <span>First Prize:</span>
+            <span class="">Rs. 10,000</span>
+        </li>
+        <li class="flex justify-between border-b pb-2">
+            <span>Second Prize:</span>
+            <span class="">Rs. 5,000</span>
+        </li>
+        <li class="flex justify-between border-b pb-2">
+            <span>Third Prize:</span>
+            <span class="">Rs. 3,000</span>
+        </li>
+        <li class="flex justify-between">
+            <span>Consolation Prize:</span>
+            <span class="">Rs. 1,000</span>
+        </li>
+    </ul>
+    <p class="mt-6">All winners will be awarded with a Certificate of Achievement</p>
+</div>
+
 
 
 
-<h2 class="text-center text-3xl font-bold mb-2 section-title  hr-lines">ORGANISERS</h2>
+<h2 class="text-center mb-2 section-title  hr-lines">ORGANISERS</h2>
 <footer class=" text-white mt-1 pb-4">
     <!-- Organizers Section -->
     
diff --git a/src/components/layout/Nav.astro b/src/components/layout/Nav.astro
index 752c4fa..999cf3e 100644
--- a/src/components/layout/Nav.astro
+++ b/src/components/layout/Nav.astro
@@ -41,7 +41,7 @@ function addActiveClass() {
 
 
 
-<nav class=" sticky top-0 left-0 mt-18 z-5 w-full border-gray-200 bg-gray-50 dark:bg-gray-800 dark:border-gray-700 shadow-md">
+<nav class=" sticky top-0 left-0 mt-18 z-5 w-full border-gray-200 bg-gray-50 dark:bg-gray-800 dark:border-gray-700 shadow-md ">
   <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
     <a href="/" class="flex items-center space-x-3 rtl:space-x-reverse">
         <!-- <img src="https://flowbite.com/docs/images/logo.svg" class="h-8" alt="gui" /> -->
@@ -116,7 +116,7 @@ function addActiveClass() {
     ul {
       /* margin-bottom: 5px; */
       display: inline-block;
-      font-size: larger;
+      font-size:medium;
   
     }
   
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 1a7e37b..636f8bf 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -16,7 +16,9 @@ const { title } = Astro.props;
 		<meta charset="UTF-8" />
 		<meta name="description" content="Astro description" />
 	
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
 
 		<link rel="icon" type="image/svg+xml" href="https://scilab.in/sites/default/files/favicon.png" />
     <script is:inline src="https://cdn.jsdelivr.net/npm/flowbite@2.5.2/dist/flowbite.min.js"></script>
diff --git a/src/pages/results.astro b/src/pages/results.astro
index 0bf4498..43bd7b5 100644
--- a/src/pages/results.astro
+++ b/src/pages/results.astro
@@ -2,11 +2,15 @@
 import Layout from '../layouts/Layout.astro';
 ---
 
-<Layout title="Scilab Case Study Hackathon">
-    <h3>Results</h3>
-    <ul>
-    <li>Cash rewards</li>
-    <li>Certificates for all participants.</li>
-    <li>Exclusive recognition for outstanding projects on the Scilab webpage.</li>
+<Layout title="Scilab Case Study Hackathon" >
+    <div class="h-[55vh]">
+    <h3 class="text-lg font-semibold text-gray-800 mb-4">Results</h3>
+    <ul class="list-disc list-inside space-y-2">
+      <li class="">Cash rewards</li>
+      <li class="">Certificates for all participants.</li>
+      <li class="">
+        Exclusive recognition for outstanding projects on the Scilab webpage.
+      </li>
     </ul>
+</div>
 </Layout>
\ No newline at end of file