Merge pull request #87 from hack-rpi/fix/text-alignment-fix

update alignment of things

app/page.tsx

@@ -15,7 +15,7 @@ export default function Home() {
 	const [lineEnd, setLineEnd] = useState(0);
 	const [faqStart, setFaqStart] = useState(0);
 	const [teamStart, setTeamStart] = useState(0);
-	const [sponsorsStart, setSponsorsStart ] = useState(0);
+	const [sponsorsStart, setSponsorsStart] = useState(0);
 	const [showHighlightDot, setShowHighlightDot] = useState(false);
 
 	useEffect(() => {
@@ -57,9 +57,9 @@ export default function Home() {
 				</div>
 				<Footer />
 
-				<div className={`${showHighlightDot ? "fixed top-32 right-3.5 block": "opacity-0"} w-12 h-12 z-[5] bg-white border-[6px] border-hackrpi-primary-blue rounded-full transition-opacity duration-500`}>
-
-				</div>
+				<div
+					className={`${showHighlightDot ? "fixed top-32 right-3.5 block" : "opacity-0"} w-12 h-12 z-[5] bg-white border-[6px] border-hackrpi-primary-blue rounded-full transition-opacity duration-500`}
+				></div>
 
 				<div
 					className="absolute w-3 right-8	 bg-hackrpi-primary-blue"

components/about-us.tsx

@@ -6,11 +6,10 @@ export default function AboutUs() {
 			id="about"
 			className="w-11/12 lg:w-full mx-auto mt-12 mb-8 flex flex-col lg:flex-row items-start justify-start h-fit ml-0 pl-8 lg:pl-0 "
 		>
-
 			<div className="w-full lg:w-3/6 ml-auto lg:pl-4 pr-4">
 				<h1 className="text-white text-4xl mb-2 font-bold font-sans-Helvetica">About HackRPI</h1>
 
-				<div>
+				<div className="w-11/12">
 					<p className="pb-3">
 						HackRPI 2024 is Rensselaer Polytechnic Institute&apos;s 11th annual intercollegiate hackathon hosted by
 						students for students. Starting at noon on Saturday, November 9th, teams of 1-4 people have 24 hours to

components/faq/faq.tsx

@@ -94,7 +94,6 @@ const faqs: FAQ[] = [
 
 const FAQPage = () => {
 	const [expandedIndex, setExpandedIndex] = useState<number | null>(null);
-
 
 	const handleToggle = (index: number) => {
 		setExpandedIndex((prevIndex) => (prevIndex === index ? null : index));
@@ -107,7 +106,6 @@ const FAQPage = () => {
 		>
 			<div className="flex w-full desktop:w-2/3">
 				<h1 className="font-mokoto font-normal text-white text-left text-4xl text-shadow-md pb-4">FAQs</h1>
-
 			</div>
 			<div className="w-full desktop:w-2/3">
 				{faqs.map((faq, index) => (

components/sponsors.tsx

@@ -8,9 +8,9 @@ const Sponsors = () => {
 	const [sponsors] = useState<SponsorsJSON>(sponsorsJson);
 
 	return (
-		<div className="flex flex-col w-full justify-center items-start desktop:items-center pl-8 bg-gradient-to-b from-hackrpi-secondary-dark-blue via-hackrpi-primary-blue to-hackrpi-secondary-dark-blue py-8 ">
-			<div className="w-5/6 desktop:w-11/12">
-				<h2 className="pb-10 text-white font-sans font-bold text-center text-4xl">
+		<div className="flex flex-col w-full justify-center items-start desktop:items-center pl-8 desktop:pl-0 bg-gradient-to-b from-hackrpi-secondary-dark-blue via-hackrpi-primary-blue to-hackrpi-secondary-dark-blue py-8 ">
+			<div className="w-11/12 desktop:w-2/3">
+				<h2 className="pb-10 text-white font-sans font-bold text-left text-4xl">
 					Thank you to our sponsors that make HackRPI possible!
 				</h2>
 

components/team/team.tsx

@@ -19,7 +19,6 @@ export default function TeamComponent() {
 	// 	hover: false,
 	// });
 
-
 	const DIRECTOR_DX_PERCENT = 0.5;
 	// const ORGANIZER_DX_PERCENT = 1.25;
 
@@ -62,15 +61,15 @@ export default function TeamComponent() {
 		<div className="w-full flex items-center justify-center mb-4  desktop:pl-0">
 			<div id="team" className="flex w-5/6 desktop:w-2/3 flex-col items-start justify-start">
 				<h1 className="text-4xl text-white font-bold ">Meet the Team</h1>
-				<p>
+				<p className="w-11/12 desktop:w-full">
 					We are a motivated team of RPI students who share a passion for exploring the bounds of Computer Science and a
 					commitment to organizing a fantastic event. Our team of students from every grade and major work together to
 					organize our Hackathon in the fall and many other smaller events throughout the year. We are always looking
 					for more students to join our team and help us make the event a success. If you are interested in helping,
 					please join our discord or fill out one of the forms below!
 				</p>
 				{/* <div className="flex flex-wrap items-center justify-center  xl:justify-between w-full my-4"> */}
-				<div className="flex flex-wrap items-center justify-center w-full my-4">
+				<div className="flex flex-wrap items-center justify-start desktop:justify-center w-full my-4">
 					<HackRPILink
 						className="w-72 h-12 flex items-center justify-center text-xl text-center my-1"
 						href="https://discord.gg/Pzmdt7FYnu"

components/title-components/title.tsx

@@ -17,11 +17,9 @@ export default function TitleComponent() {
 			window.removeEventListener("resize", handleResize);
 		};
 	}, []);
-	if (windowWidth > 860)
-		return <DesktopTitleComponent />;
+	if (windowWidth > 860) return <DesktopTitleComponent />;
 
-	if (windowWidth < 859 && windowWidth > 0)
-		return <MobileTitleComponent />;
+	if (windowWidth < 859 && windowWidth > 0) return <MobileTitleComponent />;
 
-	return (<div className="h-screen"></div>);
+	return <div className="h-screen"></div>;
 }