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

update projects styles

Browse source
This commit is contained in:
JilianaTiu 2022-09-13 16:15:14 -07:00
parent 6b830a7a3a
commit 52cfcf86a6
2 changed files with 14 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -173,6 +173,11 @@ a:hover {
font-size: 2em; font-size: 2em;
margin-bottom: 2em; margin-bottom: 2em;
} }
.ex-link {
color: var(--accent);
font-size: 2em;
margin-bottom: 2em;
}
.involved { .involved {
border-radius: 50% 50% 0 0 / 4rem; border-radius: 50% 50% 0 0 / 4rem;
transform: translateY(-4rem); transform: translateY(-4rem);

15
src/public/projects.tsx
View file

@ -21,18 +21,21 @@ class Main extends React.Component<MainProps, MainState> {
return <> return <>
<Splash cta="Projects" delay={2000} backgrounds={["img/backgrounds/robocar.png"]}></Splash> <Splash cta="Projects" delay={2000} backgrounds={["img/backgrounds/robocar.png"]}></Splash>
<DefaultSection title="RoboCup" paragraphs={[ <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." "\"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!" ,"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!"
]}></DefaultSection> ]}>
<a className='ex-link' href='https://www.robocup.org/'>More information at RoboCup website</a>
</DefaultSection>
<DefaultSection title="Quarterly Projects" paragraphs={[ <DefaultSection title="Quarterly Projects" paragraphs={[
"Gain project experience through IEEE's Quarterly Projects where teams fully develop a project from scratch within 10 weeks!", "Gain project experience through IEEE's Quarterly Projects where teams fully develop a project from scratch within 10 weeks!"
"<a className='visit-us' href='https://forms.gle/eW6e1i3vWCdBj7Vn6'>Apply here!</a>" ]}>
]}></DefaultSection> <a className='ex-link' href='https://forms.gle/eW6e1i3vWCdBj7Vn6'>Apply here!</a>
</DefaultSection>
<DefaultSection className={"past-proj"} title="Past Projects"> <DefaultSection className={"past-proj"} title="Past Projects">
<div className="cards"> <div className="cards">
<InvolveBox boxTitle="" image="img/backgrounds/robocar.png" description="'22 Robocar Competition"></InvolveBox> <InvolveBox boxTitle="" image="img/backgrounds/robocar.png" description="'22 Robocar Competition"></InvolveBox>
<InvolveBox boxTitle="" image="img/backgrounds/micromouse.png" description="'22 Micromouse Competition"></InvolveBox> <InvolveBox boxTitle="" image="img/backgrounds/micromouse.png" description="'22 Micromouse Competition"></InvolveBox>
<InvolveBox boxTitle="" image="img/backgrounds/robocarteam.png" description="IEEE Team Meeting"></InvolveBox> <InvolveBox boxTitle="" image="img/backgrounds/robocarteam.png" description="'22 IEEE Team Meeting"></InvolveBox>
</div> </div>
</DefaultSection> </DefaultSection>
<DefaultSection title="Have questions? Contact us!"> <DefaultSection title="Have questions? Contact us!">