update projects styles
This commit is contained in:
parent
6b830a7a3a
commit
52cfcf86a6
2 changed files with 14 additions and 6 deletions
|
@ -173,6 +173,11 @@ a:hover {
|
|||
font-size: 2em;
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
.ex-link {
|
||||
color: var(--accent);
|
||||
font-size: 2em;
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
.involved {
|
||||
border-radius: 50% 50% 0 0 / 4rem;
|
||||
transform: translateY(-4rem);
|
||||
|
|
|
@ -21,18 +21,21 @@ class Main extends React.Component<MainProps, MainState> {
|
|||
return <>
|
||||
<Splash cta="Projects" delay={2000} backgrounds={["img/backgrounds/robocar.png"]}></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."
|
||||
"\"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!"
|
||||
]}></DefaultSection>
|
||||
]}>
|
||||
<a className='ex-link' href='https://www.robocup.org/'>More information at RoboCup website</a>
|
||||
</DefaultSection>
|
||||
<DefaultSection title="Quarterly Projects" paragraphs={[
|
||||
"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>
|
||||
"Gain project experience through IEEE's Quarterly Projects where teams fully develop a project from scratch within 10 weeks!"
|
||||
]}>
|
||||
<a className='ex-link' href='https://forms.gle/eW6e1i3vWCdBj7Vn6'>Apply here!</a>
|
||||
</DefaultSection>
|
||||
<DefaultSection className={"past-proj"} title="Past Projects">
|
||||
<div className="cards">
|
||||
<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/robocarteam.png" description="IEEE Team Meeting"></InvolveBox>
|
||||
<InvolveBox boxTitle="" image="img/backgrounds/robocarteam.png" description="'22 IEEE Team Meeting"></InvolveBox>
|
||||
</div>
|
||||
</DefaultSection>
|
||||
<DefaultSection title="Have questions? Contact us!">
|
||||
|
|
Loading…
Reference in a new issue