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

Add csc-general mailing list link

This commit is contained in:
Amy 2021-08-23 23:21:52 -04:00
parent 8c4f23c594
commit 0d73e19c87
2 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/EmailSignup.module.css
View File

@ -1,7 +1,3 @@
.container form {
box-sizing: border-box;
}
.header { .header {
color: var(--primary-accent); color: var(--primary-accent);
font-weight: 600; font-weight: 600;
@ -9,8 +5,9 @@
} }
.button { .button {
margin-top: calc(34rem / 16); margin-top: calc(26rem / 16);
display: block; display: block;
width: fit-content;
} }
@media only screen and (max-width: calc(768rem / 16)) { @media only screen and (max-width: calc(768rem / 16)) {

17
components/EmailSignup.tsx
View File

@ -1,21 +1,24 @@
import React from "react"; import React from "react";
import { Button } from "./Button"; import { Button } from "./Button";
import { Input } from "./Input";
import styles from "./EmailSignup.module.css"; import styles from "./EmailSignup.module.css";
export function EmailSignup() { export function EmailSignup() {
return ( return (
<section className={styles.container}> <section className={styles.container}>
<h1 className={styles.header}>Join Our Mailing List!</h1> <h1 className={styles.header}>Join our mailing list!</h1>
<form className={styles.form} action=""> <p>
<Input type="text" placeholder="Full Name*" required /> Join our mailing list to receive email notifications about important
<Input type="email" placeholder="Email*" required /> news and upcoming events!
<Button type="submit" className={styles.button}> </p>
<Button
isLink={true}
href="https://mailman.csclub.uwaterloo.ca/postorius/lists/csc-general.csclub.uwaterloo.ca/"
className={styles.button}
>
Subscribe Subscribe
</Button> </Button>
</form>
</section> </section>
); );
} }