Webmaster/old-ieeeucsd-org
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update projects & style

Browse source
This commit is contained in:
JilianaTiu 2022-10-24 00:20:09 -07:00
parent e028b050db
commit bf4a321f22
5 changed files with 36 additions and 42 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
src/public/.DS_Store vendored
View file

Binary file not shown.

14
src/public/css/styles.css
View file

@ -423,4 +423,18 @@ iframe {
width: 80vw; width: 80vw;
height: 600px; height: 600px;
max-width: 1000px; 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;
} }

BIN
src/public/img/.DS_Store vendored
View file

Binary file not shown.

BIN
src/public/img/officers/.DS_Store vendored
View file

Binary file not shown.

64
src/public/projects.tsx
View file

@ -23,49 +23,29 @@ class Main extends React.Component {
delay={2000} delay={2000}
backgrounds={["img/backgrounds/robocar.webp"]} backgrounds={["img/backgrounds/robocar.webp"]}
></Splash> ></Splash>
<DefaultSection
title="RoboCup"
paragraphs={[ <div className="project-desc">
'"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."', <DefaultSection
"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!", 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."
<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"
> >
Apply here </DefaultSection>
</a> <img src="img/backgrounds/micromouse.webp"></img>
</DefaultSection> </div>
<DefaultSection className={"past-proj"} title="Past Projects">
<div className="cards"> <div className="project-desc">
<InvolveBox <DefaultSection
boxTitle="" title="Quarterly Projects"
image="img/backgrounds/robocar.webp" paragraphs={[
description="'22 Robocar Competition" "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."
></InvolveBox> ]}
<InvolveBox >
boxTitle="" </DefaultSection>
image="img/backgrounds/micromouse.webp" <img src="img/backgrounds/sp22qp.webp"></img>
description="'22 Micromouse Competition" </div>
></InvolveBox>
<InvolveBox
boxTitle=""
image="img/backgrounds/sp22qp.webp"
description="'22 Spring QP Showcase"
></InvolveBox>
</div>
</DefaultSection>
<div id="contact-us"> <div id="contact-us">
<DefaultSection <DefaultSection