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

curved footer

Browse source
This commit is contained in:
JilianaTiu 2022-09-26 13:07:07 -07:00
parent ecd2ea813f
commit 714357e13a
5 changed files with 31 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/public/committees.tsx
View file

@ -34,13 +34,16 @@ class Main extends React.Component<MainProps, MainState> {
<InvolveBox boxTitle="" image="img/committees/outreach.jpg" description="Outreach Committee"></InvolveBox> <InvolveBox boxTitle="" image="img/committees/outreach.jpg" description="Outreach Committee"></InvolveBox>
</div> </div>
</DefaultSection> </DefaultSection>
<DefaultSection title="Have questions? Contact us!">
<div className="join-scls">{ <div id="contact-us">
[...EMAIL, ...SOCIALS].map(n => ( <DefaultSection title="Have questions? Contact us!">
<SocialCard url={n.url} image={n.icon} message={n.message}></SocialCard> <div className="join-scls">{
)) [...EMAIL, ...SOCIALS].map(n => (
}</div> <SocialCard url={n.url} image={n.icon} message={n.message}></SocialCard>
</DefaultSection> ))
}</div>
</DefaultSection>
</div>
<Footer></Footer> <Footer></Footer>
</>; </>;
} }

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

@ -275,7 +275,7 @@ a:hover {
.carousel-right { .carousel-right {
margin-right: 2em; margin-right: 2em;
} }
.contact { .contact-us {
border-radius: 0 0 50% 50% / 4rem; border-radius: 0 0 50% 50% / 4rem;
transform: translateY(4rem); transform: translateY(4rem);
} }

17
src/public/events.tsx
View file

@ -39,14 +39,15 @@ class Main extends React.Component<MainProps, MainState> {
</div> </div>
</DefaultSection> </DefaultSection>
<div id="contact-us">
<DefaultSection title="Have questions? Contact us!"> <DefaultSection title="Have questions? Contact us!">
<div className="join-scls">{ <div className="join-scls">{
[...EMAIL, ...SOCIALS].map(n => ( [...EMAIL, ...SOCIALS].map(n => (
<SocialCard url={n.url} image={n.icon} message={n.message}></SocialCard> <SocialCard url={n.url} image={n.icon} message={n.message}></SocialCard>
)) ))
}</div> }</div>
</DefaultSection> </DefaultSection>
</div>
<Footer></Footer> <Footer></Footer>
</>; </>;

2
src/public/index.tsx
View file

@ -39,7 +39,7 @@ class Main extends React.Component<MainProps, MainState> {
<InvolveBox boxTitle="Committees" image="img/backgrounds/gbm.png" description="Build our amazing community!"></InvolveBox> <InvolveBox boxTitle="Committees" image="img/backgrounds/gbm.png" description="Build our amazing community!"></InvolveBox>
</div> </div>
</DefaultSection> </DefaultSection>
<div id="contact-us"> <div className="contact-us">
<DefaultSection title="Have questions? Contact us!"> <DefaultSection title="Have questions? Contact us!">
<div className="join-scls">{ <div className="join-scls">{
[...EMAIL, ...SOCIALS].map(n => ( [...EMAIL, ...SOCIALS].map(n => (

17
src/public/projects.tsx
View file

@ -39,13 +39,16 @@ class Main extends React.Component<MainProps, MainState> {
<InvolveBox boxTitle="" image="img/backgrounds/sp22qp.png" description="'22 Spring QP Showcase"></InvolveBox> <InvolveBox boxTitle="" image="img/backgrounds/sp22qp.png" description="'22 Spring QP Showcase"></InvolveBox>
</div> </div>
</DefaultSection> </DefaultSection>
<DefaultSection title="Have questions? Contact us!">
<div className="join-scls">{ <div id="contact-us">
[...EMAIL, ...SOCIALS].map(n => ( <DefaultSection title="Have questions? Contact us!">
<SocialCard url={n.url} image={n.icon} message={n.message}></SocialCard> <div className="join-scls">{
)) [...EMAIL, ...SOCIALS].map(n => (
}</div> <SocialCard url={n.url} image={n.icon} message={n.message}></SocialCard>
</DefaultSection> ))
}</div>
</DefaultSection>
</div>
<Footer></Footer> <Footer></Footer>
</>; </>;
} }