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>
</div>
</DefaultSection>
<DefaultSection title="Have questions? Contact us!">
<div className="join-scls">{
[...EMAIL, ...SOCIALS].map(n => (
<SocialCard url={n.url} image={n.icon} message={n.message}></SocialCard>
))
}</div>
</DefaultSection>
<div id="contact-us">
<DefaultSection title="Have questions? Contact us!">
<div className="join-scls">{
[...EMAIL, ...SOCIALS].map(n => (
<SocialCard url={n.url} image={n.icon} message={n.message}></SocialCard>
))
}</div>
</DefaultSection>
</div>
<Footer></Footer>
</>;
}

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

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

17
src/public/events.tsx
View file

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