Merge remote-tracking branch 'origin/main' into feat/home-page
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
This commit is contained in:
commit
15ddcc3968
|
@ -1,3 +1,7 @@
|
||||||
|
.page {
|
||||||
|
margin-bottom: calc(20rem / 16);
|
||||||
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
height: calc(80rem / 16);
|
height: calc(80rem / 16);
|
||||||
margin-top: auto;
|
margin-top: auto;
|
||||||
|
@ -31,33 +35,6 @@
|
||||||
height: calc(400rem / 16);
|
height: calc(400rem / 16);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*for temp mailing list components*/
|
|
||||||
.mailingList {
|
|
||||||
margin: calc(4rem / 16) auto;
|
|
||||||
max-width: calc(806rem / 16);
|
|
||||||
}
|
|
||||||
|
|
||||||
.mailingList form > * {
|
|
||||||
margin: calc(0.5rem / 16) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mailingList form input {
|
|
||||||
border-radius: calc(16rem / 16);
|
|
||||||
padding: calc(8rem / 16) 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mailingList form input[type="text"] {
|
|
||||||
/*temporary hard coding of font*/
|
|
||||||
font-family: Poppins;
|
|
||||||
font-style: normal;
|
|
||||||
padding: 0 calc(8rem / 16);
|
|
||||||
}
|
|
||||||
|
|
||||||
.mailingList h2 {
|
|
||||||
color: var(--blue-2);
|
|
||||||
}
|
|
||||||
/*for temp mailing list components*/
|
|
||||||
|
|
||||||
@media only screen and (max-width: calc(768rem / 16)) {
|
@media only screen and (max-width: calc(768rem / 16)) {
|
||||||
.titleContainer {
|
.titleContainer {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
@ -2,8 +2,9 @@ import React from "react";
|
||||||
import { Image } from "../../components/Image";
|
import { Image } from "../../components/Image";
|
||||||
import Content from "../../content/about/index.mdx";
|
import Content from "../../content/about/index.mdx";
|
||||||
import styles from "./index.module.css";
|
import styles from "./index.module.css";
|
||||||
import { Button } from "../../components/Button";
|
import { ConnectWithUs } from "components/ConnectWithUs";
|
||||||
import { SocialLinks } from "../../components/SocialLinks";
|
import { EmailSignup } from "components/EmailSignup";
|
||||||
|
import { DefaultLayout } from "components/DefaultLayout";
|
||||||
|
|
||||||
export default function AboutUs() {
|
export default function AboutUs() {
|
||||||
return (
|
return (
|
||||||
|
@ -15,29 +16,14 @@ export default function AboutUs() {
|
||||||
<div className={styles.content}>
|
<div className={styles.content}>
|
||||||
<Content />
|
<Content />
|
||||||
</div>
|
</div>
|
||||||
<div className={styles.mailingList}>
|
<DefaultLayout>
|
||||||
<h2>Connect with us!</h2>
|
<ConnectWithUs />
|
||||||
<p>
|
<EmailSignup />
|
||||||
Drop by any of our social media outlets to learn more about us, keep
|
</DefaultLayout>
|
||||||
up-to-date with our upcoming events, or to chat with our members!
|
|
||||||
</p>
|
|
||||||
<SocialLinks color="gradient" size="big" />
|
|
||||||
<p>Send feedback through our Feedback Form </p>
|
|
||||||
<h2>Join our Mailing List!</h2>
|
|
||||||
<form action="">
|
|
||||||
<div>
|
|
||||||
<input type="text" placeholder="Full Name*" required />
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<input type="text" placeholder="Email*" required />
|
|
||||||
</div>
|
|
||||||
<Button>Subscribe</Button>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
AboutUs.Layout = function AboutUsLayout(props: { children: React.ReactNode }) {
|
AboutUs.Layout = function AboutUsLayout(props: { children: React.ReactNode }) {
|
||||||
return <div>{props.children}</div>;
|
return <div className={styles.page}>{props.children}</div>;
|
||||||
};
|
};
|
||||||
|
|
Loading…
Reference in New Issue