- );
-};
+ )
+}
-export default Contact;
+export default Contact
diff --git a/src/components/Contact/Contact.module.css b/src/components/Contact/Contact.module.css
index 97f25e5..e47db5f 100644
--- a/src/components/Contact/Contact.module.css
+++ b/src/components/Contact/Contact.module.css
@@ -66,7 +66,9 @@
.contact__heart {
color: red;
- text-shadow: 0 0 10px var(--color-accent), 0 0 20px var(--color-accent);
+ text-shadow:
+ 0 0 10px var(--color-accent),
+ 0 0 20px var(--color-accent);
}
@media screen and (max-width: 768px) {
@@ -114,4 +116,4 @@
font-size: var(--font-small);
margin: var(--margin-medium) 0;
}
-}
\ No newline at end of file
+}
diff --git a/src/components/Events/Events.jsx b/src/components/Events/Events.jsx
index ee8d4de..774d28c 100644
--- a/src/components/Events/Events.jsx
+++ b/src/components/Events/Events.jsx
@@ -1,7 +1,7 @@
-import { useState, useEffect } from "react";
-import EventItem from "../Reusables/EventItem/EventItem";
-import styles from "./Events.module.css";
-import Carousel from "../Reusables/Carousel/Carousel";
+import { useState, useEffect } from "react"
+import EventItem from "../Reusables/EventItem/EventItem"
+import styles from "./Events.module.css"
+import Carousel from "../Reusables/Carousel/Carousel"
/**
* Fetches data from "/data/events.json" and sets the fetched data in the component's state.
@@ -9,16 +9,16 @@ import Carousel from "../Reusables/Carousel/Carousel";
* @return {JSX.Element} The rendered Events component.
*/
const Events = () => {
- const [data, setData] = useState([]);
+ const [data, setData] = useState([])
useEffect(() => {
- fetchData();
- }, []);
+ fetchData()
+ }, [])
async function fetchData() {
- const response = await fetch("data/events.json");
- const data = await response.json();
- setData(data);
+ const response = await fetch("data/events.json")
+ const data = await response.json()
+ setData(data)
}
return (
@@ -42,11 +42,11 @@ const Events = () => {
register={item.register}
gallery={item.gallery}
/>
- );
+ )
})}
/>
- );
-};
+ )
+}
-export default Events;
+export default Events
diff --git a/src/components/Hero/Hero.jsx b/src/components/Hero/Hero.jsx
index a627618..7e1e8f8 100644
--- a/src/components/Hero/Hero.jsx
+++ b/src/components/Hero/Hero.jsx
@@ -1,5 +1,5 @@
/* eslint-disable react/jsx-no-comment-textnodes */
-import styles from "./Hero.module.css";
+import styles from "./Hero.module.css"
/**
* Renders the Hero component.
@@ -11,11 +11,12 @@ const Hero = () => {
- Where {" "}
- Open Source meets people
+ Where Open Source{" "}
+ meets people
- </ALiAS is the largest open source community in Amity. We aim to foster and fuel hacker culture across the city/>
+ </ALiAS is the largest open source community in Amity. We aim to
+ foster and fuel hacker culture across the city/>
{
/>
@@ -38,7 +43,7 @@ const Hero = () => {
- );
-};
+ )
+}
-export default Hero;
+export default Hero
diff --git a/src/components/Hero/Hero.module.css b/src/components/Hero/Hero.module.css
index 4ad25a8..5df9668 100644
--- a/src/components/Hero/Hero.module.css
+++ b/src/components/Hero/Hero.module.css
@@ -46,8 +46,12 @@
font-size: var(--font-medium);
font-weight: 600;
color: var(--color-accent);
- text-shadow: 0 0 10px var(--color-accent), 0 0 20px var(--color-accent);
- box-shadow: inset 0 0 10px var(--color-accent), 0 0 15px var(--color-accent);
+ text-shadow:
+ 0 0 10px var(--color-accent),
+ 0 0 20px var(--color-accent);
+ box-shadow:
+ inset 0 0 10px var(--color-accent),
+ 0 0 15px var(--color-accent);
cursor: pointer;
transition: all 0.1s;
opacity: 0.8;
diff --git a/src/components/Navbar/Navbar.jsx b/src/components/Navbar/Navbar.jsx
index 2350c66..09ac40e 100644
--- a/src/components/Navbar/Navbar.jsx
+++ b/src/components/Navbar/Navbar.jsx
@@ -1,5 +1,5 @@
-import React from "react";
-import styles from "./Navbar.module.css";
+import React from "react"
+import styles from "./Navbar.module.css"
/**
* Renders the Navbar component.
@@ -8,21 +8,21 @@ import styles from "./Navbar.module.css";
*/
const Navbar = () => {
// Set up state to track scrolling
- const [scrolling, setScrolling] = React.useState(false);
+ const [scrolling, setScrolling] = React.useState(false)
// Toggle navbar
- const [open, setOpen] = React.useState(false);
+ const [open, setOpen] = React.useState(false)
const handleClickScroll = (e) => {
- const element = document.getElementById(e);
+ const element = document.getElementById(e)
setOpen(false)
if (element) {
- element.scrollIntoView({ behavior: "smooth" });
+ element.scrollIntoView({ behavior: "smooth" })
}
- };
+ }
const handleNavbarToggle = () => {
- setOpen(!open);
- };
+ setOpen(!open)
+ }
// Add event listener to track scroll position on component mount
React.useEffect(() => {
@@ -30,25 +30,25 @@ const Navbar = () => {
// If the scroll position is greater than 100, set scrolling to true
// Otherwise, set scrolling to false
if (window.scrollY > 100) {
- setScrolling(true);
+ setScrolling(true)
} else {
- setScrolling(false);
+ setScrolling(false)
}
- };
+ }
- window.addEventListener("scroll", handleScroll);
+ window.addEventListener("scroll", handleScroll)
if (open) {
- document.body.style.overflow = "hidden";
+ document.body.style.overflow = "hidden"
} else {
- document.body.style.overflow = "auto";
+ document.body.style.overflow = "auto"
}
// Remove the event listener on component unmount
return () => {
- window.removeEventListener("scroll", handleScroll);
- };
- }, [open]);
+ window.removeEventListener("scroll", handleScroll)
+ }
+ }, [open])
// Render the Navbar component
return (
@@ -87,7 +87,9 @@ const Navbar = () => {
+ 
{
{