From bf4a321f2273c87b73a798c4e55eaa092d28b309 Mon Sep 17 00:00:00 2001
From: JilianaTiu <jilianatiu@gmail.com>
Date: Mon, 24 Oct 2022 00:20:09 -0700
Subject: [PATCH] update projects & style

---
 src/public/.DS_Store              | Bin 10244 -> 10244 bytes
 src/public/css/styles.css         |  14 +++++++
 src/public/img/.DS_Store          | Bin 10244 -> 10244 bytes
 src/public/img/officers/.DS_Store | Bin 8196 -> 8196 bytes
 src/public/projects.tsx           |  64 ++++++++++--------------------
 5 files changed, 36 insertions(+), 42 deletions(-)

diff --git a/src/public/.DS_Store b/src/public/.DS_Store
index 2c2839d16f040e5259904bf64bc0eab7029960c5..2c86dfd63e29a5ce6dbda07a92a72bd6cd7cfe95 100644
GIT binary patch
delta 33
ocmZn(XbIS$FC=1YXsV-NZe~=gqfl*WWT2y9Vr;hAS?HiB0GfaZ*Z=?k

delta 33
ocmZn(XbIS$FC=1QV4|a7W@K8cqfl*WWT2y9VrH`0S?HiB0GbyF)Bpeg

diff --git a/src/public/css/styles.css b/src/public/css/styles.css
index 91299bc..d01c7e5 100644
--- a/src/public/css/styles.css
+++ b/src/public/css/styles.css
@@ -423,4 +423,18 @@ iframe {
 	width: 80vw;
 	height: 600px;
 	max-width: 1000px;
+}
+
+.project-desc {
+	display: flex;
+    justify-content: center;
+	column-gap: 10em;
+    vertical-align: middle;
+	flex-wrap: wrap;
+}
+
+.project-desc img {
+	width: 30em;
+    padding-top: 3em;
+    padding-bottom: 3em;
 }
\ No newline at end of file
diff --git a/src/public/img/.DS_Store b/src/public/img/.DS_Store
index d5029b1241dee16295079485a2eec2789af63f0d..002adc61627136a7c3a372d1af91a1fc6f8263d6 100644
GIT binary patch
delta 638
zcmZn(XbG4g&dJTdz{JVGAi+IRL0y)afq{V$h*g0Y$QEE=NMp!kNM=Z7C}JqySh$#R
zvVjT<D@X;)WJ5WT`po3Af~1`MB%rQ+Nd-BX#U%y?_XPwPnV4Bv+1NQaxwv_F`S=9{
zg@gq~1VzO}#U(@~g`{QT1%#6lle5!{@=Nnlobz+?i=1*wQ{x5ri!<`eJ(KhE0*X@0
zGE>VVN>VFIf-|dtQbK4Nf>KlBlA_^;gj5y)6^WoJaxY3v&5KSi%1rT3ODj$-i2zxV
zT$G=a6Odn=S(2Hb7l|Yr83VSyBsJGFFD-wvy|iRKirR?C#G<0ay!2G3%GjL5q|_Y$
zJg5AUlKk9=OrVoN&IB74T#%TYnU}6?{{a|GK)|W&paEeCFepP93=GN+4IW@NhX7+p
zUVdIGP*pfYQrW>9s){3mL7TymA($bCp^%}0VLHQNhOG<-8O||0X86kRpOKeQj8TbE
zn^A|+l+m2gfzgxEi_wQMkTHlc8e#wwD55|>7DB;D#+1qL1jRR&GO=uC=V0MrWCz9N
z=05S)?2NLTc?5XbMT`wibQH|ZjB0fhsx6HSbQDaC%_i%L2TUyKl4OM#qX0}e46eX5
d0#8623*R$O=2vl?9HO#r^FI-3COpQp0|3?%oh$$V

delta 160
zcmZn(XbG4g&d4*dP;8=}<YWUC7D)ymPyu2_1_l8JhH?fyhGK>?hIG%I&4L_aESm*b
zdYLz~bFgqQs%++w;AQ79u(Z@sFg3K8{7XuDvW>jsWMcuL&58oA*e5ph2{MCBV_;C=
o1`@7719>(xvV3Qr%&+1&*_}sVa*WEN%}lc5Ojr$>tSC?l09j2U!2kdN

diff --git a/src/public/img/officers/.DS_Store b/src/public/img/officers/.DS_Store
index cfb36bb69f4a1623c9241ecf9627638e8d55b53b..763ccc3f8695342a06289f307129ad7797e5e4be 100644
GIT binary patch
delta 166
zcmZp1XmOa}&nUAoU^hRb%w`^eOh#WBh7^WWh9V%&X3%5EVklrp2hzn1NesFSW(=kb
z20$50Aj=Fak_wbDU~p#0VaWE($xlwo$xmWnU=RReCk6&)-pyHpcNzJ)fyN~=R5Ii;
z<TK<kq)cuQ5@!WVPqq;*<mLn#kpYx1Wyk}{NHGC*EfQYJyqR6%JIiJ}5jJK3K~5tK

delta 49
zcmV-10M7q}K!iY$PXQURP`eKS8M6!!X#um%5z+yZ)e~m3Z4{aVk$}Ln2N?GRv%VEc
H0+E2dy-gDH

diff --git a/src/public/projects.tsx b/src/public/projects.tsx
index a7463ce..90bfc3f 100644
--- a/src/public/projects.tsx
+++ b/src/public/projects.tsx
@@ -23,49 +23,29 @@ class Main extends React.Component {
                     delay={2000}
                     backgrounds={["img/backgrounds/robocar.webp"]}
                 ></Splash>
-                <DefaultSection
-                    title="RoboCup"
-                    paragraphs={[
-                        '"RoboCup is an international scientific initiative with the goal to advance the state of the art of intelligent robots. When established in 1997, the original mission was to field a team of robots capable of winning against the human soccer World Cup champions by 2050."',
-                        "IEEE hosts Robocup Soccer, an annual project where teams develop six robots to compete with other teams during Robofest. Join this hands-on project to explore computer vision, mechanical design, and microcontroller development!",
-                    ]}
-                >
-                    <a className="ex-link" href="https://www.robocup.org/">
-                        RoboCup website
-                    </a>
-                </DefaultSection>
-                <DefaultSection
-                    title="Quarterly Projects"
-                    paragraphs={[
-                        "Getting started on hardware development or want to make your own project? IEEE's Quarterly Projects aims to provide students with project experience in a span of 10 weeks. During QP, students will acquire skills used in the industry such as C++ and the prototyping process with the assistance of our mentors.",
-                    ]}
-                >
-                    <a
-                        className="ex-link"
-                        href="https://forms.gle/eW6e1i3vWCdBj7Vn6"
+
+
+                <div className="project-desc">
+                    <DefaultSection
+                        title="Continuous Projects"
+                        paragraphs={[
+                            "Looking to use your developed skills or get involved in a project that competes with other schools? Annual projects allow students to become more acquainted with computer vision and embedded systems while building connections with other schools and students."
+                        ]}
                     >
-                        Apply here
-                    </a>
-                </DefaultSection>
-                <DefaultSection className={"past-proj"} title="Past Projects">
-                    <div className="cards">
-                        <InvolveBox
-                            boxTitle=""
-                            image="img/backgrounds/robocar.webp"
-                            description="'22 Robocar Competition"
-                        ></InvolveBox>
-                        <InvolveBox
-                            boxTitle=""
-                            image="img/backgrounds/micromouse.webp"
-                            description="'22 Micromouse Competition"
-                        ></InvolveBox>
-                        <InvolveBox
-                            boxTitle=""
-                            image="img/backgrounds/sp22qp.webp"
-                            description="'22 Spring QP Showcase"
-                        ></InvolveBox>
-                    </div>
-                </DefaultSection>
+                    </DefaultSection>
+                    <img src="img/backgrounds/micromouse.webp"></img>
+                </div>
+
+                <div className="project-desc">
+                    <DefaultSection
+                        title="Quarterly Projects"
+                        paragraphs={[
+                            "Getting started on hardware development or want to make your own project? IEEE's Quarterly Projects aims to provide students with project experience in a span of 10 weeks. During QP, students will acquire skills used in the industry such as C++ and the prototyping process with the assistance of our mentors."
+                        ]}
+                    >
+                    </DefaultSection>
+                    <img src="img/backgrounds/sp22qp.webp"></img>
+                </div>
 
                 <div id="contact-us">
                     <DefaultSection