From ee08cadb0488d0e03e4642c1d58f6920e4f6fc97 Mon Sep 17 00:00:00 2001
From: Manurbhav
Date: Thu, 18 Apr 2024 22:15:22 +0530
Subject: Home page changes

Home page almost complete, Carousel part is left and Button animation
---
 package-lock.json                |  30 ++++-
 package.json                     |   1 +
 src/components/Card.astro        |  61 ----------
 src/components/HomeContent.astro | 252 ++++++++++++++++++++++++++++++++++++++-
 src/components/Navbar.astro      |  19 +--
 src/pages/index.astro            |   3 +-
 src/pages/resources.astro        |   5 -
 src/pages/schedule.astro         |  18 +++
 8 files changed, 307 insertions(+), 82 deletions(-)
 delete mode 100644 src/components/Card.astro

diff --git a/package-lock.json b/package-lock.json
index 5c08b6a..25538b7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,6 +10,7 @@
       "dependencies": {
         "@astrojs/check": "^0.5.10",
         "@astrojs/tailwind": "^5.1.0",
+        "@fortawesome/fontawesome-svg-core": "^6.5.2",
         "@popperjs/core": "^2.11.8",
         "@types/bootstrap": "^5.2.10",
         "astro": "^4.6.2",
@@ -892,6 +893,27 @@
         "node": ">=14"
       }
     },
+    "node_modules/@fortawesome/fontawesome-common-types": {
+      "version": "6.5.2",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.5.2.tgz",
+      "integrity": "sha512-gBxPg3aVO6J0kpfHNILc+NMhXnqHumFxOmjYCFfOiLZfwhnnfhtsdA2hfJlDnj+8PjAs6kKQPenOTKj3Rf7zHw==",
+      "hasInstallScript": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@fortawesome/fontawesome-svg-core": {
+      "version": "6.5.2",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.5.2.tgz",
+      "integrity": "sha512-5CdaCBGl8Rh9ohNdxeeTMxIj8oc3KNBgIeLMvJosBMdslK/UnEB8rzyDRrbKdL1kDweqBPo4GT9wvnakHWucZw==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "@fortawesome/fontawesome-common-types": "6.5.2"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/@isaacs/cliui": {
       "version": "8.0.2",
       "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
@@ -4224,13 +4246,15 @@
       "version": "2.2.2",
       "resolved": "https://registry.npmjs.org/bare-events/-/bare-events-2.2.2.tgz",
       "integrity": "sha512-h7z00dWdG0PYOQEvChhOSWvOfkIKsdZGkWr083FgN/HyoQuebSew/cgirYqh9SCuy/hRvxc5Vy6Fw8xAmYHLkQ==",
-      "optional": true
+      "optional": true,
+      "peer": true
     },
     "node_modules/bare-fs": {
       "version": "2.2.3",
       "resolved": "https://registry.npmjs.org/bare-fs/-/bare-fs-2.2.3.tgz",
       "integrity": "sha512-amG72llr9pstfXOBOHve1WjiuKKAMnebcmMbPWDZ7BCevAoJLpugjuAPRsDINEyjT0a6tbaVx3DctkXIRbLuJw==",
       "optional": true,
+      "peer": true,
       "dependencies": {
         "bare-events": "^2.0.0",
         "bare-path": "^2.0.0",
@@ -4241,13 +4265,15 @@
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/bare-os/-/bare-os-2.2.1.tgz",
       "integrity": "sha512-OwPyHgBBMkhC29Hl3O4/YfxW9n7mdTr2+SsO29XBWKKJsbgj3mnorDB80r5TiCQgQstgE5ga1qNYrpes6NvX2w==",
-      "optional": true
+      "optional": true,
+      "peer": true
     },
     "node_modules/bare-path": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/bare-path/-/bare-path-2.1.1.tgz",
       "integrity": "sha512-OHM+iwRDRMDBsSW7kl3dO62JyHdBKO3B25FB9vNQBPcGHMo4+eA8Yj41Lfbk3pS/seDY+siNge0LdRTulAau/A==",
       "optional": true,
+      "peer": true,
       "dependencies": {
         "bare-os": "^2.1.0"
       }
diff --git a/package.json b/package.json
index fb99920..bf3baca 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
   "dependencies": {
     "@astrojs/check": "^0.5.10",
     "@astrojs/tailwind": "^5.1.0",
+    "@fortawesome/fontawesome-svg-core": "^6.5.2",
     "@popperjs/core": "^2.11.8",
     "@types/bootstrap": "^5.2.10",
     "astro": "^4.6.2",
diff --git a/src/components/Card.astro b/src/components/Card.astro
deleted file mode 100644
index bd6d597..0000000
--- a/src/components/Card.astro
+++ /dev/null
@@ -1,61 +0,0 @@
----
-interface Props {
-	title: string;
-	body: string;
-	href: string;
-}
-
-const { href, title, body } = Astro.props;
----
-
-<li class="link-card">
-	<a href={href}>
-		<h2>
-			{title}
-			<span>&rarr;</span>
-		</h2>
-		<p>
-			{body}
-		</p>
-	</a>
-</li>
-<style>
-	.link-card {
-		list-style: none;
-		display: flex;
-		padding: 1px;
-		background-color: #23262d;
-		background-image: none;
-		background-size: 400%;
-		border-radius: 7px;
-		background-position: 100%;
-		transition: background-position 0.6s cubic-bezier(0.22, 1, 0.36, 1);
-		box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-	}
-	.link-card > a {
-		width: 100%;
-		text-decoration: none;
-		line-height: 1.4;
-		padding: calc(1.5rem - 1px);
-		border-radius: 8px;
-		color: white;
-		background-color: #23262d;
-		opacity: 0.8;
-	}
-	h2 {
-		margin: 0;
-		font-size: 1.25rem;
-		transition: color 0.6s cubic-bezier(0.22, 1, 0.36, 1);
-	}
-	p {
-		margin-top: 0.5rem;
-		margin-bottom: 0;
-	}
-	.link-card:is(:hover, :focus-within) {
-		background-position: 0;
-		background-image: var(--accent-gradient);
-	}
-	.link-card:is(:hover, :focus-within) h2 {
-		color: rgb(var(--accent-light));
-	}
-</style>
diff --git a/src/components/HomeContent.astro b/src/components/HomeContent.astro
index 1acb514..47a6763 100644
--- a/src/components/HomeContent.astro
+++ b/src/components/HomeContent.astro
@@ -1,15 +1,259 @@
 ---
 import 'bootstrap/dist/css/bootstrap.css'
+const props = Astro.props
 ---
 
-<div >
-    <p>Hey</p>
+
+<div class="main-container">
+    <h1 class="intro">Introducing the Hackathon: Unlocking Innovation for a Better World</h1>
+
+    <h2 class="welcome-heading"> Welcome to the Open Source Hardware IoT GIS Hackathon!</h2>
+    <p class="welcome-text"> Welcome to the National Level Open Hardware-IoT Geospatial Hackathon, a stage where innovation knows no boundaries. This premier event brings together visionaries, tech enthusiasts, and problem solvers from across the nation to harness the power of open hardware, the Internet of Things (IoT), and geospatial technology. Get ready to explore uncharted possibilities, collaborate on real-world challenges, and make a significant impact on our world.</p>
+    <h1 class="body-heading">Significance:</h1>
+    <ul class="significance-points" style="list-style-type: square;">
+        <p>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:</p>
+        <li>Solve Real-World Problems: Tackle critical issues such as environmental sustainability, disaster management, precision agriculture, and more. Your solutions can change lives and protect our planet.</li>
+        <li>Foster Innovation: Innovation thrives when knowledge is shared openly. By promoting open source hardware and IoT, we empower you to push the boundaries of creativity and discovery.</li>
+        <li>Create Collaborative Communities: Through this hackathon, we build communities of like-minded individuals passionate about making a difference. Together, we can achieve more than any one of us can alone.</li>
+        <li>Empower Future Leaders: Whether you're a student, a professional, or an enthusiast, this hackathon is a launchpad for your ideas. It's a chance to develop your skills, showcase your talents, and make your mark on the world.</li>
+    </ul>
+    <p class="significance-end"> Join us on this extraordinary journey, where innovation knows no bounds. Together, let's turn ideas into actions and make a lasting impact on society and the environment. The Open Source Hardware IoT GIS Hackathon is your stage to shine, and the world is waiting to witness your brilliance.</p>
+</div>
+<div class="body-container">
+    <h1 class="intro">Purpose</h1>
+    <p class="significance-end"> This hackathon is more than just a competition; it's a platform for innovators, creators, and visionaries to come together and pioneer solutions for a brighter future. Our purpose is to harness the power of open source hardware, the Internet of Things (IoT), and Geographic Information Systems (GIS) to address some of the world's most pressing challenges..</p>
+    <p class="significance-end"> The FOSSEE project, IIT Bombay promotes the use of Free/ Libre Open Source Software in academia and Industry. The FOSSEE project  is funded through the National Mission on Education through ICT (NMEICT), Ministry of Education, Government of India. The FOSSEE-GIS team manages the overall coordination of the "IIT Bombay FOSSEE GIS Internship in Geospatial Dashboard Design and Implementation". </p>
+</div>
+<div class="registration-container">
+    <h1 class="intro">Registration</h1>
+    <p>Please click on the following button to register yourself for the Hackathon</p>
+    <div class="hack-button"> <a href="https://forms.gle/aVopwiwmRM35FXQT8"><button class="btn-register slide-right">Register</button></a></div>
+</div>
+<div class="pno-container">
+    <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">
+        
+
+    </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>
+
+<div class="coreteam-container">
+    <h1>Core Team and Contact Us <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}>
+        <path fill="currentColor" d="M4.05 21q-.45 0-.75-.3t-.3-.75V15.9q0-.325.225-.587t.575-.363l3.45-.7q.35-.05.713.063t.587.337L10.9 17q.95-.55 1.8-1.213t1.625-1.437q.825-.8 1.513-1.662t1.187-1.788L14.6 8.45q-.2-.2-.275-.475T14.3 7.3l.65-3.5q.05-.325.325-.562T15.9 3h4.05q.45 0 .75.3t.3.75q0 3.125-1.362 6.175t-3.863 5.55t-5.55 3.863T4.05 21" />
+    </svg></h1>
+    <div class="contact-us">
+        <div class="teach">
+            <h4>Prof. Kannan Moudgalya</h4>
+            <p>P.I., FOSSEE</p>
+            <p>Indian Institute of Technology Bombay</p>
+        </div>
+        <div class="teach">
+            <h4>Prof. Pennan Chinnasamy</h2>
+            <p>Co.P.I., FOSSEE & PiC, The Rural Data Research & Analysis (RuDRA) Lab, IIT Bombay</p>
+            <p>Indian Institute of Technology Bombay</p>
+        </div>
+        <div class="teach">
+            <h4>Prof. Roshan Srivastav</h2>
+            <p>Project Director, IIT Tirupati Navavishkar I-Hub Foundation (NM-ICPS, DST)</p>
+            <p>Indian Institute of Technology Tirupati</p>
+        </div>
+        <div class="teach">
+            <h4>Mr. Rajesh Kushalkar</h2>
+            <p>Senior Manager, FOSSEE-Open Hardware</p>
+            <p>Indian Institute of Technology Bombay</p>
+        </div>
+        <div class="teach">
+            <h4>Mr. Mohamed Kasim Khan</h2>
+            <p>National Coordinator, FOSSEE-GIS</p>
+            <p>National Mission on Education through ICT, Ministry of Education, Government of India</p>
+            <p>Indian Institute of Technology Bombay</p>
+        </div>
+    </div>
+    <p>
+       
+        Please write to us in case of any queries regarding the Hackathon at:
+    </p>
+    <p class="email">
+        <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 ">contact-oshw[at]fossee[dot]in </a>
+    </p>
 </div>
 
   <style>
 
-    @media screen and (max-width: 613px) {
-        
+    .main-container{
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+    }
+    .intro{
+        color: rgb(2, 2, 110);
+        font-size: 7.2vh;
+        font-family: 'Roboto', sans-serif;
+        padding: 3vh 5vw;
+        font-weight: 700;
+    }
+    .intro:hover{
+        color: blue;
+    }
+
+    .welcome-heading{
+        font-size: 5vh;
+        text-align: center;
+    }
+
+    .welcome-text{
+        font-size: 2.5vh;
+        padding: 2vh 5vw;
+        margin: 0;
+    }
+    .body-heading{
+        font-size: 3.5vh;
+        padding: 0 5vw;
+        text-align: left;
+    }
+
+    .significance-points{
+        padding: 0 8vw;
+    }
+
+    .significance-points p{
+        font-size: 2.3vh;
+    }
+    .significance-points li{
+        font-size: 2.3vh;
+    }
+    .significance-end{
+        font-size: 2.5vh;
+        padding: 0 5vw;
+        text-align: left;
+    }
+
+    .body-container{
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+    }
+    .registration-container p{
+        text-align: center;
+        font-size: 2.5vh;
+    }
+
+    .hack-button{
+        text-align: center;
+        display: block;
+        padding: 1vh 2vw;
+    }
+    .pno-container p{
+        text-align: left;
+        padding: 0 4vw;
+        font-size: 2.3vh;
+    }
+    .subheading{
+        font-weight: bolder;
+    }
+    .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;
+    }
+
+    .registration-container p{
+        padding: 1vh 5vh;
+    }
+
+    .coreteam-container h1{
+        color: rgb(2, 2, 110);
+        font-size: 7.2vh;
+        font-family: 'Roboto', sans-serif;
+        padding: 3vh 5vw;
+        text-align: center;
+        font-weight: 700;
+    }
+    
+    .coreteam-container h1 svg{
+        display: inline;
+    }
+    .coreteam-container h1:hover{
+        color: blue;
+    }
+    .coreteam-container p{
+        text-align: center;
+        font-size: 2.5vh;
+    }
+
+    .email{
+        text-align: center;
+        font-size: 2.5vh;
+        padding: 1vh 0;
+        /* font-weight: 500; */
+    }
+    .email svg{
+        display: inline;
+        margin: 0 1vh
+    }
+
+    .contact-us{
+        display: flex;
+        flex-direction: row;
+        justify-content: space-around;
+        padding: 2vh 7vw;
+        flex-wrap: wrap
+    }
+    
+    .teach{
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        border: 1px solid black;
+        padding: 2vh 4vw;
+        border-radius: 21px;
+        margin: 2vh;
+        width: 40%;
+    }
+    .teach h4{
+        margin-bottom: 3vh;
+        font-family: 'Roboto', sans-serif;
+        font-weight: 600;
+    }
+    .teach p{
+        font-size: 2.4vh;
+    }
+    @media screen and (max-width: 800px) {
+        .intro, .coreteam-container h1{
+            font-size: 5vh;
+            text-align: center;
+        }
+        .welcome-heading{
+            font-size: 3.5vh;
+        }
+        .contact-us{
+            flex-direction: column;
+        }
+        .teach{
+            width: 90%;
+        }
+        .btn-register{
+            width: 70%;
+        }
     }
 
 
diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index 0539d75..5a69eb4 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -3,13 +3,13 @@ import 'bootstrap/dist/css/bootstrap.css'
 ---
 
 <div class="navbar">
-  <a href="#" class="text-blue-800">Home</a>
-  <a href="#" class="text-blue-800">About</a>
-  <a href="#" class="text-blue-800">Resources</a>
-  <a href="#" class="text-blue-800">Schedule</a>
-  <a href="#" class="text-blue-800">Register</a>
-  <a href="#" class="text-blue-800">Partners</a>
-  <a href="#" class="text-blue-800">Contact Us</a>
+  <a href="/" class="text-blue-800">Home</a>
+  <a href="/" class="text-blue-800">About</a>
+  <a href="/resources" class="text-blue-800">Resources</a>
+  <a href="/schedule" class="text-blue-800">Schedule</a>
+  <a href="/" class="text-blue-800">Register</a>
+  <a href="/" class="text-blue-800">Partners</a>
+  <a href="/" class="text-blue-800">Contact Us</a>
 </div>
   <style>
     .navbar {
@@ -18,6 +18,9 @@ import 'bootstrap/dist/css/bootstrap.css'
       justify-content: space-around;
       padding: 0 20vw;
       background-color: rgb(252, 230, 188);
+      position: sticky;
+      top: 0; /* Add this line */
+      z-index: 1000;
     }
     .navbar a {
       font-size: 2.2vh;
@@ -36,8 +39,6 @@ import 'bootstrap/dist/css/bootstrap.css'
     }
 
     .navbar{
-      /* flex-direction: column; */
-      /* align-items: flex-start; */
       padding: 0 10vw;
     }
   }
diff --git a/src/pages/index.astro b/src/pages/index.astro
index bc340e6..76d2314 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,10 +1,10 @@
 ---
 import Layout from '../layouts/Layout.astro';
-import Card from '../components/Card.astro';
 import TopBar from '../components/TopBar.astro';
 import Navbar from '../components/Navbar.astro';
 import Header from '../components/Header.astro';
 import Footer from '../components/Footer.astro';
+import HomeContent from '../components/HomeContent.astro';
 ---
 
 <Layout title="Welcome to Astro.">
@@ -12,6 +12,7 @@ import Footer from '../components/Footer.astro';
 		<TopBar />
 		<Navbar />
 		<Header />
+		<HomeContent />
 		<Footer/>
 	</main>
 </Layout>
diff --git a/src/pages/resources.astro b/src/pages/resources.astro
index 3bc05da..1cc6b87 100644
--- a/src/pages/resources.astro
+++ b/src/pages/resources.astro
@@ -1,19 +1,14 @@
 ---
 import Layout from '../layouts/Layout.astro';
-import Card from '../components/Card.astro';
 import TopBar from '../components/TopBar.astro';
 import Navbar from '../components/Navbar.astro';
-import Header from '../components/Header.astro';
 import Footer from '../components/Footer.astro';
-import HomeContent from '../components/HomeContent.astro';
 ---
 
 <Layout title="Welcome to Astro.">
 	<main>
 		<TopBar />
 		<Navbar />
-		<Header />
-        <HomeContent />
 		<Footer/>
 	</main>
 </Layout>
diff --git a/src/pages/schedule.astro b/src/pages/schedule.astro
index e69de29..1cc6b87 100644
--- a/src/pages/schedule.astro
+++ b/src/pages/schedule.astro
@@ -0,0 +1,18 @@
+---
+import Layout from '../layouts/Layout.astro';
+import TopBar from '../components/TopBar.astro';
+import Navbar from '../components/Navbar.astro';
+import Footer from '../components/Footer.astro';
+---
+
+<Layout title="Welcome to Astro.">
+	<main>
+		<TopBar />
+		<Navbar />
+		<Footer/>
+	</main>
+</Layout>
+
+<style>
+
+</style>
-- 
cgit