tailwind added

10 files changed, 158 insertions, 380 deletions

diff --git a/src/assets/css/custom.css b/src/assets/css/custom.css
index 71de1e7..8a8ab78 100644
--- a/src/assets/css/custom.css
+++ b/src/assets/css/custom.css
@@ -69,7 +69,7 @@
    color:#f50000;
    /* text-shadow: 4px 4px #0a4850; */
  
-   font-size: 1.5rem;
+   font-size: 1.7rem;
    font-weight: 700;
    padding: 2rem 2rem;
    transition: 1.3s;
diff --git a/src/components/Hero.astro b/src/components/Hero.astro
index 41ea02d..c7cba2b 100644
--- a/src/components/Hero.astro
+++ b/src/components/Hero.astro
@@ -17,12 +17,17 @@ import btn1 from "../assets/img/button-img-01.png"
 
     <!-- <div class=" flex flex-col lg:grid lg:grid-cols-2 gap-3 items-center"> -->
       
-        <div class="flex justify-center items-center md:pt-20 space-y-5">
-          <h2>A global challenge for bright minds</h2>
-          <h6>
-            An initiative of the FOSSEE Project,
-            Indian Institute of Technology Bombay, India </h6>
-          <h1 class="text-white text-6xl font-bold">Scilab Case Study <span class="text-red-600">Hackathon</span></h1>
+        <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>
+            <br>
+          <h1 class="text-white text-6xl font-bold">Scilab Case Study </h1>
+          <h1 class="text-white text-6xl font-bold"><span class="text-red-600">Hackathon</span></h1>
+          <br>
+          <h3 class="text-white text-lg font-bold">Registration: 24 May 2020 - 06 June 2020 | Hackathon: 10 June 2020 - 30 June 2020</h3>
         </div>
       
 
diff --git a/src/components/HomeBody.astro b/src/components/HomeBody.astro
index 3bc417e..214b25f 100644
--- a/src/components/HomeBody.astro
+++ b/src/components/HomeBody.astro
@@ -127,8 +127,8 @@ import st from "../assets/img/spoken.png";
   </div>
   
   
-
-  <div class="bg-white md:px-4 pb-5">
+  <div class="grid grid-cols-1 md:grid-cols-2 gap-6 bg-red-100">
+  <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="who-can-participate">
         Who Can Participate?
@@ -143,7 +143,7 @@ import st from "../assets/img/spoken.png";
   
 
 
-  <div class="bg-white md:px-4 pb-5">
+  <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="why-participate">
         Why Participate?
@@ -159,7 +159,9 @@ import st from "../assets/img/spoken.png";
   </div>
   
 
-  <div class="bg-white md:px-4 pb-5">
+
+</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">
         Problem Statement
@@ -173,8 +175,6 @@ import st from "../assets/img/spoken.png";
     </div>
   </div>
 
-
-
 <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="topics">
@@ -236,68 +236,86 @@ import st from "../assets/img/spoken.png";
     </div>
   </div>
   
-<div class="bg-[#ffffff] md:px-4 pb-5">
+  <div class="bg-white md:px-4 pb-5">
     <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">
-Resources</h1><br /><h3>Explore the Spoken Tutorial series on Scilab to strengthen your understanding of Scilab concepts. These tutorials cover a wide range of topics. Access them here: <a href="https://spoken-tutorial.org/tutorial-search/?search_foss=Scilab&amp;search_language=English">https://spoken-tutorial.org/tutorial-search/?search_foss=Scilab&amp;search_language=English</a></h3>
-</div></div>
+      <h1 class="text-2xl font-bold text-center section-title mx-4 px-4" id="resources">Resources</h1>
+  
+      <div class="mt-4 text-lg">
+        <h3 class="text-xl font-semibold">
+          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-blue-600">
+            Access them here: 
+            <a 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>
+        </h3>
+      </div>
+    </div>
+  </div>
+  
 
 <div class="bg-[#ffffff] md:px-4 pb-5">
     <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">System Requirements</h1>
-<h4><strong>General:</strong></h4>
-<ul>
-<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>
-<h4><strong>Linux:</strong></h4>
-<ul>
-<li>
-<h3>OS: Ubuntu 18.04+ or equivalent</h3>
-</li>
-<li>
-<h3>Scilab:<a href="https://www.scilab.org/download"> Download latest version</a></h3>
-</li>
-</ul>
-<h4><strong>Mac:</strong></h4>
-<ul>
-<li>
-<h3>OS: macOS 10.13+</h3>
-</li>
-<li>
-<h3>Scilab:<a href="https://www.scilab.org/download"> Download latest version</a></h3>
-</li>
-</ul>
-<h4><strong>Windows:</strong></h4>
-<ul>
-<li>
-<h3>OS: Windows 10+ (64-bit)</h3>
-</li>
-</ul>
-<p>Scilab:<a href="https://www.scilab.org/download"> Download latest version</a></p>
-</div></div>
-
-<div class="bg-[#ffffff] md:px-4 pb-5">
+      <h1 class="md:text-xl font-bold 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">
+        
+        <!-- Linux Section Card -->
+        <div class="bg-gray-100 p-5 rounded-lg shadow-md">
+          <h4 class="text-xl font-semibold mb-3"><strong>Linux:</strong></h4>
+          <ul class="space-y-2">
+            <li><h3>OS: Ubuntu 18.04+ or equivalent</h3></li>
+            <li><h3>Scilab: <a href="https://www.scilab.org/download" class="text-blue-500 hover:underline">Download latest version</a></h3></li>
+          </ul>
+        </div>
+  
+        <!-- Mac Section Card -->
+        <div class="bg-gray-100 p-5 rounded-lg shadow-md">
+          <h4 class="text-xl font-semibold mb-3"><strong>Mac:</strong></h4>
+          <ul class="space-y-2">
+            <li><h3>OS: macOS 10.13+</h3></li>
+            <li><h3>Scilab: <a href="https://www.scilab.org/download" class="text-blue-500 hover:underline">Download latest version</a></h3></li>
+          </ul>
+        </div>
+  
+        <!-- Windows Section Card -->
+        <div class="bg-gray-100 p-5 rounded-lg shadow-md">
+          <h4 class="text-xl font-semibold mb-3"><strong>Windows:</strong></h4>
+          <ul class="space-y-2">
+            <li><h3>OS: Windows 10+ (64-bit)</h3></li>
+          </ul>
+          <p>Scilab: <a href="https://www.scilab.org/download" class="text-blue-500 hover:underline">Download latest version</a></p>
+        </div>
+  
+      </div>
+    </div>
+  </div>
+  
+  <div class="bg-white md:px-4 pb-5">
     <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">Rules and Regulations</h1>
-<p>&nbsp;</p>
-<p>The decision of the review committee and organizers in declaring the results will be final. No queries in this regard will be entertained.</p>
-<p>The same person can not participate twice.</p>
-<p>If a person is found participating in more than one team, both the teams will be disqualified from the Hackathon.</p>
-<p>There will be only one point of contact (the team leader) with the organizers.</p>
-<p>Any participant found to be indulging in any form of malpractice will be immediately disqualified.</p>
+      <h1 class="text-2xl font-bold text-center section-title mx-4 px-4" id="rules">Rules and Regulations</h1>
+  
+      <div class="flex flex-col justify-center text-center space-y-3 mt-4 text-lg">
+        <p>The decision of the review committee and organizers in declaring the results will be final. No queries in this regard will be entertained.</p>
+        <p>The same person cannot participate twice.</p>
+        <p>If a person is found participating in more than one team, both the teams will be disqualified from the Hackathon.</p>
+        <p>There will be only one point of contact (the team leader) with the organizers.</p>
+        <p>Any participant found to be indulging in any form of malpractice will be immediately disqualified.</p>
+      </div>
     </div>
-</div>
+  </div>
+  
 
 
 
@@ -395,41 +413,20 @@ Resources</h1><br /><h3>Explore the Spoken Tutorial series on Scilab to strength
 
 <div class="bg-[#e7fcff] text-center pb-10" id ="contact">
     <h1 class="section-title text-center">Contact Us
-        <!-- <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
-        <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>
-   <!-- <div class="contact-us">{
-        coreTeamContent.map((member) => {
-            return (
-                <div class="teach">
-                    <h4>{member.frontmatter.name}</h4>
-                    {member.frontmatter.position.map((pos:string) => {
-                        return (
-                            <p>{pos}</p>
-                        )
-                    })}
-                    <p>{member.frontmatter.institute}</p>
-                </div>
-            )
-        })
-        }
-    </div>-->
+
     <p class="text-xl">
-        Email us at
+        For more information, email us at
     <pspan class="email">
         <svg xmlns="http://www.w3.org/2000/svg" class="!inline-block text-xl" width="32" height="32" viewBox="0 0 32 32" {...props}>
             <path fill="black" class="!inline-block" 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>
         : 
-        <a href="mailto:contact-cfd@fossee.in" class="text-xl text-blue-600 hover:underline" target="_blank">contact-cfd@fossee.in</a>
-        <!-- / -->
-        <!-- <a href="mailto:mohamedkasim@iitb.ac.in" target="_blank">mohamedkasim@iitb.ac.in</a> -->
+        <a href="mailto:contact@scilab.in" class="text-xl text-blue-600 hover:underline" target="_blank">contact@scilab.in</a>
+        
     </span></p>
-    <p class="text-xl"><strong>Reach out to us through Slack</strong></p>
-    <p class="text-xl"><strong> Join the FOSSEE, IIT Bombay’s official Slack Channel by clicking</strong>  <a href="https://join.slack.com/t/fossee-iitbombay/shared_invite/zt-2sxfgzovm-JiRwfXSxPU3HxIQIlrOUDw" target="_blank" class="text-blue-600 hover:underline"><span >here</span></a><span > or </span><a href="https://join.slack.com/t/fossee-iitbombay/shared_invite/zt-1txemmacg-Yy~Ap3bGqsdkr60CxuDmcw" target="_blank" class="text-blue-600 hover:underline"><span >here</span></a>
-        </p>
-        <p class="text-xl">After joining the official Slack Channel by clicking one of the above links, please join the&nbsp; workspace for the <a href="https://fossee-iitbombay.slack.com/archives/C07SDB5LSQ5" target="_blank" class="text-blue-600 hover:underline">#desktop-application-development-competition</a> and join it.</p>
+  
 </div>
 
 </div>
diff --git a/src/components/layout/Footer.astro b/src/components/layout/Footer.astro
index 4c78187..b65a2f5 100644
--- a/src/components/layout/Footer.astro
+++ b/src/components/layout/Footer.astro
@@ -3,8 +3,8 @@ import iitb from "../../assets/img/IITB.png";
 import fossee from "../../assets/img/FOSSEE.png";
 import st from "../../assets/img/spoken.png";
 ---
-<h2 class="text-center text-3xl font-bold mb-6 text-teal-700  hr-lines">ORGANISERS</h2>
-<footer class="bg-gray-900 text-white mt-8 pb-8">
+
+<footer class="bg-gray-900 text-white pt-8 pb-8">
     <!-- Organizers Section -->
     
       
@@ -34,6 +34,51 @@ import st from "../../assets/img/spoken.png";
           <a href="mailto:contact@scilab.in" class="text-gray-300 hover:text-white">contact@scilab.in</a>
         </div>
       </div>
+   <hr>
+
+        <div class="max-w-screen-xl mx-auto grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 mt-4">
+          
+          <!-- About Section -->
+          <div>
+            <h5 class="text-xl font-semibold mb-4">About</h5>
+            <ul class="space-y-2 text-sm">
+              <li><a class="text-gray-400 hover:text-white" href="https://fossee.in" target="_blank">FOSSEE</a></li>
+            </ul>
+          </div>
+      
+          <!-- FOSSEE Section -->
+          <div>
+            <h5 class="text-xl font-semibold mb-4">FOSSEE</h5>
+            <ul class="space-y-2 text-sm">
+              <li><a class="text-gray-400 hover:text-white" href="https://scilab.in" target="_blank">Scilab.in</a></li>
+              <li><a class="text-gray-400 hover:text-white" href="https://cloud.scilab.in" target="_blank">Scilab on Cloud</a></li>
+              <li><a class="text-gray-400 hover:text-white" href="https://xcos.scilab.in" target="_blank">Xcos on Cloud</a></li>
+              <li><a class="text-gray-400 hover:text-white" href="https://rcloud.fossee.in" target="_blank">R on Cloud</a></li>
+            </ul>
+          </div>
+      
+          <!-- Resources Section -->
+          <div>
+            <h5 class="text-xl font-semibold mb-4">Resources</h5>
+            <ul class="space-y-2 text-sm">
+              <li><a class="text-gray-400 hover:text-white" href="https://www.scilab.org/" target="_blank">Scilab.org</a></li>
+              <li><a class="text-gray-400 hover:text-white" href="https://atoms.scilab.org/" target="_blank">ATOMS</a></li>
+            </ul>
+          </div>
+      
+          <!-- License Section -->
+          <div>
+            <small class="text-gray-400">
+              <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">
+                <img alt="Creative Commons License" style="border-width:0" src="image/88x31.png">
+              </a><br>This work is licensed under a 
+              <a class="text-gray-400 hover:text-white" rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License</a>.
+            </small>
+          </div>
+      
+        </div>
+  
+      
     </div>
 
     
diff --git a/src/components/layout/Nav.astro b/src/components/layout/Nav.astro
index 8a5cadf..549776f 100644
--- a/src/components/layout/Nav.astro
+++ b/src/components/layout/Nav.astro
@@ -150,9 +150,9 @@ function addActiveClass() {
     color:red;
   }
   a.nav-link.active{
-    color:#0a4850 ;
-    background-color: rgb(255, 230, 0);
-    font-size: 1.4em;
+    color:#000000 ;
+    background-color: rgb(255, 0, 0);
+    /* font-size: 1.4em; */
     transition: 0.5s ease-in-out;
     padding: 10px;
     border-radius: 10px;
diff --git a/src/components/layout/nav-links.json b/src/components/layout/nav-links.json
index 3a5fdbe..8224616 100644
--- a/src/components/layout/nav-links.json
+++ b/src/components/layout/nav-links.json
@@ -5,8 +5,8 @@
     {"label": "Submission Guidelines", "href": "/problem-statement/#submission-guidelines"},
     {"label": "Register", "href": "/#register"},
   
-    {"label": "FAQs", "href": "/faq"},
-    { "label": "Resources", "href": "/resources" },
+    {"label": "Results", "href": "/results"},
+    { "label": "Resources", "href": "/#resources" },
     { "label": "Contact", "href": "/#contact" }
   
   ]
\ No newline at end of file
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 0c3217d..1a7e37b 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -18,7 +18,7 @@ const { title } = Astro.props;
 	
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-		<link rel="icon" type="image/svg+xml" href="https://fossee.in/sites/all/themes/software_responsive_theme/img/logo.png" />
+		<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>
 		<meta name="generator" content={Astro.generator} />
 		<title>{title}</title>
diff --git a/src/pages/problem-statement.astro b/src/pages/problem-statement.astro
deleted file mode 100644
index d4ad46a..0000000
--- a/src/pages/problem-statement.astro
+++ /dev/null
@@ -1,267 +0,0 @@
----
-import Layout from '../layouts/Layout.astro';
-import Card from '../components/Card.astro';
-import Nav from '../components/layout/Nav.astro';
-const props = Astro.props
-    const accordionContent2 = await Astro.glob("../content/problemstatement/*.md");
-    var links = await Astro.glob("../content/problemstatement/*.md");
----
-
-<Layout title="GUI Hackathon">
-    
-   
-    
-    <!-- <base target="_blank"> -->
-    <section class="bg-code items-center">
-        <div class="resources-main backdrop-blur-xl">
-            <div class="">
-                <h1 class="section-title items-center text-center">Problem Statements</h1>
-                <h4 class="text-xl text-white m-3">The participants can pick any one of the given problem statements for their submission for the competitions. In each of the ideas, the minimum requirements that are to be met are written, and the participants are also free to add more features that they see fit for the topic.  </h4>
-            </div>
-    <div class="bg-transparent">
-    {
-      accordionContent2.map((item, index)=>{
-    //   const Content = item.Content;
-      return(
-        <div class="faq"> 
-          <div class="question">
-            <h3>{index + 1} . {item.frontmatter.heading}</h3>
-            <svg width = '15' height = '10' viewBox = '0 0 42 25'>
-                <path d = 'M3 3L21 21L39 3' stroke = 'white' stroke-width="7" stroke-linecape="round" /> 
-              </svg> 
-          </div>
-          <div class="answer overflow-scroll h-100">
-            {/* <Content /> */}
-            <p class="text-xl ml-2 pl-2">{item.frontmatter.para}</p>
-            {item.frontmatter.item && (
-                <ul class="ml-5 mt-2 list-disc">
-                  {item.frontmatter.item.map((p:any, index:number) => (
-                    <li class="bg-none backdrop-blur-none text-white">
-                        {/* {index+1}{". "} */}
-                      {/* <a href={p.link} class="text-blue-500 hover:underline" target="_blank"> */}
-                        {p.name}
-                      {/* </a> */}
-                    </li>
-                  ))}
-                </ul>
-              )}
-          </div>
-        </div>
-       )})
-     }
-    <!-- <div id="py" class="h-100">100vh</div> -->
-     </div>
-     </div>
-     <div class="resources-main px-5" id="submission-guidelines">
-        <h1 class="section-title items-center text-center">Submission Guidelines</h1>
-        <br />
-<div class="text-white">
-<h4 class="text-2xl">Follow the following steps for creating your submission:</h4>
-<ol class=" list-decimal list-inside text-lg m-5 p-5">
-<li>Create a zip archive in the following format <strong>&lt;Problem Statement Number&gt;_&lt;Your First Name&gt;.zip.</strong> For example, If your name is Diptangshu Dey, and you have attempted the Interactive 3D Object Viewer Problem, your submission should be named &ldquo;7_Diptangshu.zip&rdquo;.&nbsp;</li>
-<li>Inside the archive, <strong>Include the instructions to run your application</strong>, and the steps to install the software required for the same.&nbsp;</li>
-<li>Alongside the installation instructions, create a folder with the name <strong>&ldquo;Submission&rdquo;</strong>, and the actual code of your application should be placed inside this folder.&nbsp;</li>
-</ol>
-<br />
-<h4 class="text-2xl">Your submission file structure should look like this:</h4>
-<div>
-<div class="border inline-block bg-black m-5 p-5">
-<p>7_Diptangshu</p>
-<p>| &nbsp; Installation_Instructions.md</p>
-<p>|---Submission/</p>
-<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;| &nbsp; &lt;Project Files&gt;</p>
-</div>
-</div>
-<div><h3 class="text-xl">Please submit the Solution to the Problem Statement provided for the Hackathon at <a class="text-xl text-blue-300 hover:underline" href="mailto:contact-cfd@fossee.in">contact-cfd@fossee.in</a></h3></div>
-</div>
-    </div>
-    </section>
-    <section>
-       
-    </section>
-    
-    <style>
-      
-      .section-title{
-        color: #ffffff;
-      }
-    .bg-code{
-      /* background: url(../assets/img/code-bg.png) fixed; */
-      background: #0a4850;
-      background-repeat: no-repeat;
-      background-size: cover;
-      background-position: left;
-    }
-    .resources-main{
-            margin: 3vh;
-            /* width: 70%; */
-            overflow-y: hidden;
-           /* backdrop-filter: blur(19px); */
-           background-color: rgba(255, 255, 255, 0.2);
-        }
-        .resources-heading h1{
-            color: rgb(153, 153, 255);
-            font-size: 7.5vh;
-            padding: 3vh 21%;
-            font-weight: 700;
-        }
-        .resources-heading:hover{
-            color: rgb(1, 44, 80);
-        }
-        @media screen and (max-width: 983px) {
-          .resources-main{
-            width: 95%;
-          }
-            .resources-heading h1{
-                font-size: 4.5vh;
-                padding: 3vh 10%;
-                margin-top: 10vh;
-                text-align: center;
-            }
-        }
-    
-      section{
-        display: flex;
-        flex-direction: column;
-        margin : 0 auto;
-        width: 100% !important; 
-      }
-    
-    
-    
-      .question{
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        color: #ffe600;
-        background-color: rgba(0, 0, 0, .02); 
-        padding: 1rem 2rem;
-      }
-    
-      .question h3{
-        font-size: 1.3rem;
-      }
-    
-      .question h3:hover{
-        text-decoration: underline;
-        color: #2088ff;
-      }
-      .faq.active .question h3{
-        text-decoration:none;
-        color: #5ea9ff;
-      }
-    
-      .answer{
-        max-height: 0;
-        overflow-y: scroll;
-        transition: max-height 0.8s ease;
-        scrollbar-color: rgb(144, 240, 255) rgb(134, 134, 134);
-      }
-    
-      /* .answer ul {
-        padding: 1vh 3vh;
-        font-size: 1rem;
-        margin: 0;
-        line-height: 1.6;
-        color: black;
-        font-weight: 500;
-        background-color: rgba(255, 255, 255, 0.247);
-        backdrop-filter: blur(23px);
-      } */
-    
-      .answer ul li a{
-        color: rgb(0, 217, 255);
-        text-decoration: none;
-      }
-    
-      .answer ul li a:hover{
-        text-decoration: underline;
-        color: rgb(147, 255, 228);
-      }
-    
-      .faq.active .answer{
-        max-height: 300px;
-        animation: fade 1s ease-in-out;
-      }
-    
-      .faq.active svg{
-        transform: rotate(180deg);
-      }
-    
-      svg{
-        display: none;    /* If you want an icon besides the accordion, remove this line */
-        transition: transform 0.5s ease-in;
-      }
-    
-      @keyframes fade {
-        from{
-          opacity: 0;
-          transform: translateY(-10px);
-        }
-        to{
-          opacity: 1;
-          transform: translateY(0);
-        }
-      }
-      .faq{
-        max-width: 100%;
-        cursor: pointer;
-        border: 1px solid #f6f4f4;
-      }
-      @media screen and (max-width: 768px){
-        .faq{
-        max-width: 100%;
-        cursor: pointer;
-        border: 1px solid #f6f4f4;
-      }
-        .answer p{
-          padding: 0.4vh 3vh;
-          font-size: 1rem;
-          line-height: 1.6;
-          margin: 0;
-        }
-      }
-    </style>
-    
-    
-    <script>
-    
-    
-      // this is for the styling of the accordion
-      var answers = Array.from(document.getElementsByClassName("answer"));
-      answers.forEach(answer => {
-        const anchors = answer.querySelectorAll("ul li a");
-        const lists = answer.querySelectorAll("ul li");
-        anchors.forEach(anchor => {
-          anchor.classList.add("text-[#17a2b8]", "no-underline", "hover:underline", "hover:text-[#0e8fa3]");
-        });
-    
-        lists.forEach((list)=>{
-          list.classList.add("py-1", "px-3", "text-base", "m-0", "text-black", "font-normal","text-lg");
-        })
-    });
-          
-      // this is for the accordion
-      const faqs = document.querySelectorAll('.faq');
-    faqs.forEach(faq => {
-      faq.addEventListener('click', () => {
-        // If this accordion is already active, remove 'active' class from all
-        if (faq.classList.contains('active')) {
-          faq.classList.remove('active');
-        } else {
-          // Otherwise, close all accordions and open the clicked one
-          faqs.forEach(f => f.classList.remove('active'));
-          faq.classList.add('active', 'text-[#50ebff]');
-        }
-      });
-    });
-    
-    
-    </script>
-    
-    
-    
-    
-    
-    
-</Layout>
diff --git a/src/pages/resources.astro b/src/pages/resources.astro
deleted file mode 100644
index 5a42f4d..0000000
--- a/src/pages/resources.astro
+++ /dev/null
@@ -1,9 +0,0 @@
----
-import Layout from '../layouts/Layout.astro';
-import Card from '../components/Card.astro';
-import Resourcs from '../components/Resources.astro';
----
-
-<Layout title="GUI Hackathon">
-   <Resourcs />
-</Layout>
\ No newline at end of file
diff --git a/src/pages/results.astro b/src/pages/results.astro
new file mode 100644
index 0000000..2901615
--- /dev/null
+++ b/src/pages/results.astro
@@ -0,0 +1,7 @@
+---
+import Layout from '../layouts/Layout.astro';
+---
+
+<Layout title="Scilab Case Study Hackathon">
+
+</Layout>
\ No newline at end of file