fix: venue changes

hack4bengal · Jun 6, 2024 · 8555c31 · 8555c31
1 parent fa7919f
commit 8555c31
Show file tree

Hide file tree

Showing 6 changed files with 107 additions and 11 deletions.
diff --git a/src/assets/data/HeaderContent.js b/src/assets/data/HeaderContent.js
@@ -6,6 +6,13 @@ const HeaderData = {
     frontWord: "Hackathon Prizes",
     frontWordMobile: "Prizes",
   },
+  venue: {
+    backWord: "Venue",
+    backWordSize_mobile: "85px",
+    backWordSpacing_mobile: "0.2rem",
+    frontWord: "Location",
+    frontWordMobile: "Location",
+  },
   timeline: {
     backWord: "Roadmap",
     backWordMobile: "Plan",

diff --git a/src/assets/data/NavbarContent.js b/src/assets/data/NavbarContent.js
@@ -11,6 +11,10 @@ const navbarContent = {
       text: "About",
       link: "about",
     },
+    {
+      text: "Venue",
+      link: "venue",
+    },
     {
       text: "Timeline",
       link: "timeline",

diff --git a/src/components/private/venue/Venue.jsx b/src/components/private/venue/Venue.jsx
@@ -0,0 +1,35 @@
+import React from "react";
+import HeaderData from "../../../assets/data/HeaderContent";
+import { ComingSoon, Header } from "../../shared";
+import "./Venue.scss";
+import first from "../../../assets/images/PrizesImages/first.png";
+import second from "../../../assets/images/PrizesImages/second.png";
+import third from "../../../assets/images/PrizesImages/third.png";
+import agun from "../../../assets/images/PrizesImages/agun.png";
+
+const Venue = () => {
+  return (
+    <>
+      <div className="venue_parent" id="venue">
+        <Header {...HeaderData.venue} />
+
+        <iframe
+          src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3673.7460955134566!2d88.4451770749888!3d22.959576179217947!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a027730302f6e25%3A0xe50dfccae21e1fc!2sJIS%20College%20of%20Engineering!5e0!3m2!1sen!2sin!4v1717677449166!5m2!1sen!2sin"
+          referrerPolicy="no-referrer-when-downgrade"
+          width={window.innerWidth < 600 ? "300" : "600"}
+          height={window.innerWidth < 600 ? "300" : "300"}
+        ></iframe>
+
+        <p className="location_header">
+          {" "}
+          JIS College of Engineering Barrackpore
+        </p>
+        <p className="location_subheader">
+          Kalyani Expy, Block A5, Block A, Kalyani, West Bengal 741235, India
+        </p>
+      </div>
+    </>
+  );
+};
+
+export default Venue;
diff --git a/src/components/private/venue/Venue.scss b/src/components/private/venue/Venue.scss
@@ -0,0 +1,59 @@
+.venue_parent {
+  padding: 4rem 7rem;
+  padding-bottom: 0;
+  margin-top: 8rem;
+  position: relative;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-family: var(--heading-font);
+
+  @media screen and (max-width: 576px) {
+    padding: 2rem 1.5rem;
+    margin-top: 2rem;
+  }
+
+  iframe {
+    width: 70%;
+    margin: 0 auto;
+    margin-top: 5rem;
+    height: 500px;
+    border: none;
+    border-radius: 20px;
+    border: 3px solid #ff1717;
+
+    &:focus {
+      outline: none;
+    }
+
+    @media screen and (max-width: 576px) {
+      width: 100%;
+      height: 200px;
+      margin-top: 3rem;
+    }
+  }
+
+  .location_header {
+    margin-top: 2rem;
+    font-size: 2rem;
+    font-weight: 700;
+
+    @media screen and (max-width: 576px) {
+      text-align: center;
+      font-size: 1.3rem;
+    }
+  }
+
+  .location_subheader {
+    margin-top: 0.5rem;
+    font-size: 1rem;
+    font-weight: 500;
+
+    @media screen and (max-width: 576px) {
+      text-align: center;
+      font-size: 17px;
+    }
+  }
+}
diff --git a/src/components/shared/navbar/Navbar.jsx b/src/components/shared/navbar/Navbar.jsx
@@ -10,17 +10,6 @@ const Navbar = () => {
 
   const handleClick = () => {
     setIsActive((prevIsActive) => !prevIsActive);
-
-    // if (isActive) {
-    //   document.getElementsByClassName("main_parent")[0].style.height = "auto";
-    //   document.getElementsByClassName("main_parent")[0].style.overflow = "auto";
-    //   document.getElementsByClassName("footer")[0].style.display = "block";
-    // } else {
-    //   document.getElementsByClassName("main_parent")[0].style.height = "100vh";
-    //   document.getElementsByClassName("main_parent")[0].style.overflow =
-    //     "hidden";
-    //   document.getElementsByClassName("footer")[0].style.display = "none";
-    // }
   };
 
   const navigate = useNavigate();

diff --git a/src/pages/home/Home.jsx b/src/pages/home/Home.jsx
@@ -12,6 +12,7 @@ import {
 import Timer from "../../components/private/timer/Timer";
 import Timeline from "../../components/private/timeline/Timeline";
 import "./Home.scss";
+import Venue from "../../components/private/venue/Venue";
 
 const Home = () => {
   return (
@@ -21,6 +22,7 @@ const Home = () => {
       <Timer />
       {/* <Timeline/> */}
       <About />
+      <Venue />
       <Prizes />
       <Sponsors />
       <Mentors />