www
/
www-new
12
3
Fork 5
Code Issues 58 Pull Requests 42 Projects Releases Wiki Activity

Home Page UI #88

Merged
a3thakra merged 19 commits from feat/home-page into main 2021-07-27 02:13:35 -04:00
Conversation 4 Commits 19 Files Changed 11 +11 -5
2 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 2c1b18ad31 - Show all commits

11
pages/index.module.css
View File

@ -93,12 +93,10 @@
gap: 1rem;
}
/* TODO: use <ConnectWithUs> and <EmailSighup> components and modify/get rid of below styles */
.contact {
margin: 0 auto;
max-width: calc(800rem / 16);
padding: calc(20rem / 16);
padding-bottom: calc(20rem / 16);
padding: calc(30rem / 16) calc(40rem / 16) calc(80rem / 16);
}
/* On a smaller desktop screen, make the events/new flow vertically */
@ -155,7 +153,7 @@
align-items: center;
gap: calc(8rem / 16);
padding: calc(36rem / 16) calc(40rem / 16);
padding: calc(36rem / 16) calc(30rem / 16) calc(20rem / 16);
}
.cardsHeading {
@ -175,4 +173,9 @@
border: none;
background-color: var(--purple-2);
}
.contact {
padding: calc(30rem / 16);
padding-bottom: calc(80rem / 16);
}
}

5
pages/index.tsx
View File

@ -3,6 +3,8 @@ import { Image } from "../components/Image";
import { SocialLinks } from "../components/SocialLinks";
import { EventDescriptionCard } from "../components/EventDescriptionCard";
import { NewsCard } from "../components/NewsCard";
import { ConnectWithUs } from "../components/ConnectWithUs";
import { EmailSignup } from "../components/EmailSignup";
import styles from "./index.module.css";
// temporary event and news imports
@ -72,7 +74,8 @@ export default function Home() {
</div>
</div>
<div className={styles.contact}>
{/* TODO: use <ConnectWithUs> and <EmailSighup> components */}
<ConnectWithUs />
<EmailSignup />
</div>
</>
);