From 3652f1663fbd59ce2a48ab57ae17ff334976be1a Mon Sep 17 00:00:00 2001
From: JilianaTiu <jilianatiu@gmail.com>
Date: Tue, 13 Sep 2022 14:05:10 -0700
Subject: [PATCH] add events page

---
 src/public/events.tsx | 56 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 56 insertions(+)
 create mode 100644 src/public/events.tsx

diff --git a/src/public/events.tsx b/src/public/events.tsx
new file mode 100644
index 0000000..3836021
--- /dev/null
+++ b/src/public/events.tsx
@@ -0,0 +1,56 @@
+import * as ReactDom from "react-dom";
+import * as React from "react";
+import TopBar from "./components/TopBar";
+import {ACTIVE_PAGES, SOCIALS, EMAIL, OFFICERS} from "./Config";
+import Splash from "./components/Splash";
+import DefaultSection from "./components/DefaultSection";
+import InvolveBox from "./components/InvolveBox";
+import SocialCard from "./components/SocialCard";
+import Carousel from "./components/Carousel";
+import Footer from "./components/Footer";
+
+interface MainProps {}
+interface MainState {}
+
+class Main extends React.Component<MainProps, MainState> {
+	constructor(props: MainProps) {
+		super(props);
+		this.state = {};
+	}
+	public render() {
+		return <>
+			<Splash cta="Events" delay={2000} backgrounds={["img/backgrounds/fa21qp.png"]}></Splash>
+			<DefaultSection title="We are..." paragraphs={[
+				"A diverse engineering community seeking to empower students through hands-on projects, networking opportunities, and social events. Bonus points on having an open-access project studio!",
+				"The Institute of Electrical and Electronics Engineers (IEEE) UC San Diego student branch is the second largest student chapter in the world’s largest professional organization. On the student level, we provide members with a plethora of ways to get involved!"
+			]}></DefaultSection>
+			<div className="project-space">
+				<div className="ps-title">Join us at the Project Space!</div>
+				<p>The <a href="https://www.google.com/maps/@32.8817126,-117.2350998,59m/">IEEE Project Space</a> is an open-access, collaborative space where students can do homework or get access to basic electronic tools such as soldering stations, breadboard components, and Arduino and Raspberry PI parts!</p>
+				<a className="visit-us" href="https://www.google.com/maps/@32.8817126,-117.2350998,59m/">Come visit at EBU1-4710!</a>
+			</div>
+			<DefaultSection className={"involved"} title="How else can I get involved?">
+				<div className="cards">
+					<InvolveBox boxTitle="Events" image="img/backgrounds/fa21social.png" description="Meet fellow IEEE members!"></InvolveBox>
+					<InvolveBox boxTitle="Projects" image="img/backgrounds/robofest.png" description="Learn new skills!"></InvolveBox>
+					<InvolveBox boxTitle="Committees" image="img/backgrounds/gbm.png" description="Build our amazing community!"></InvolveBox>
+				</div>
+			</DefaultSection>
+			<DefaultSection title="Have questions? Contact us!">
+				<div className="join-scls">{
+					[...EMAIL, ...SOCIALS].map(n => (
+						<SocialCard url={n.url} image={n.icon} message={n.message}></SocialCard>
+					))
+				}</div>
+			</DefaultSection>
+			<DefaultSection className="contact" title="Or... Contact one of our staff!">
+				<Carousel items={OFFICERS} itemsPerPage={6}></Carousel>
+			</DefaultSection>
+			<Footer></Footer>
+		</>;
+	}
+}
+
+ReactDom.render(<Main></Main>, document.getElementById("root"));
+
+export default {};
\ No newline at end of file