From a6f5198fa03df6e63be614fba9e29f91622e99e2 Mon Sep 17 00:00:00 2001 From: dora Date: Sun, 27 Jun 2021 03:56:57 -0400 Subject: [PATCH 01/11] get involved page + connectwithus --- components/ConnectWithUs.module.css | 17 +++++++++++ components/ConnectWithUs.tsx | 21 +++++++++++++ content/get-involved.mdx | 17 +++++++++++ pages/get-involved.mdx | 1 - pages/get-involved.module.css | 45 ++++++++++++++++++++++++++++ pages/get-involved.tsx | 29 ++++++++++++++++++ public/images/get-involved-codey.svg | 9 ++++++ 7 files changed, 138 insertions(+), 1 deletion(-) create mode 100644 components/ConnectWithUs.module.css create mode 100644 components/ConnectWithUs.tsx create mode 100644 content/get-involved.mdx delete mode 100644 pages/get-involved.mdx create mode 100644 pages/get-involved.module.css create mode 100644 pages/get-involved.tsx create mode 100644 public/images/get-involved-codey.svg diff --git a/components/ConnectWithUs.module.css b/components/ConnectWithUs.module.css new file mode 100644 index 00000000..7733d666 --- /dev/null +++ b/components/ConnectWithUs.module.css @@ -0,0 +1,17 @@ +.header { + color: var(--blue-2); + font-weight: 600; + margin: 0 0 calc(11rem / 16) 0; +} + +.text { + margin: 0; +} + +.socialLinks { + margin: calc(36rem / 16) calc(-10rem / 16); +} + +.socialLinks > * { + justify-content: left; +} diff --git a/components/ConnectWithUs.tsx b/components/ConnectWithUs.tsx new file mode 100644 index 00000000..21097db5 --- /dev/null +++ b/components/ConnectWithUs.tsx @@ -0,0 +1,21 @@ +import React from "react"; +import styles from "./ConnectWithUs.module.css"; +import { SocialLinks } from "./SocialLinks"; +import { Link } from "./Link"; + +export function ConnectWithUs() { + return ( + <> +

Connect with us!

+

+ Drop by any of our social media outlets to learn more about us, keep + up-to-date with our upcoming events, or to chat with our members! +

+ +
+ {/* TODO: fix feedback form link */} + Send feedback through our Feedback Form +

+ + ); +} diff --git a/content/get-involved.mdx b/content/get-involved.mdx new file mode 100644 index 00000000..c060f3d6 --- /dev/null +++ b/content/get-involved.mdx @@ -0,0 +1,17 @@ +## How to Join + +### General Members + +Simply drop by our office in MC 3036/3037 with some identification (WatCard, driver's license, etc.) and $2 per term that +you would like to pay for. We'll have you sign our [machine usage agreement](/resources/services/) and after your account on our systems is created +you'll have access to all the services available to members. + +### Executive Roles + +Are you interested in using your skills to get involved with CSC? We have committees covering everything from design to development, +so no matter your interests, we’ve got a place for you. CSC hires at the beginning of every term, so make sure to stay connected +through social media to keep up to date on when applications open! + +### Elected Seats +Each term the CSC holds elections to determine the executive council. To find out when and where the next elections will be held, +check the [homepage](/). For details on the elections, see the constitution. \ No newline at end of file diff --git a/pages/get-involved.mdx b/pages/get-involved.mdx deleted file mode 100644 index da4c5a96..00000000 --- a/pages/get-involved.mdx +++ /dev/null @@ -1 +0,0 @@ -# Get Involved page diff --git a/pages/get-involved.module.css b/pages/get-involved.module.css new file mode 100644 index 00000000..f086e5ec --- /dev/null +++ b/pages/get-involved.module.css @@ -0,0 +1,45 @@ +.headerContainer { + display: flex; + flex-direction: row; + border-bottom: calc(1rem / 16) solid var(--purple-2); +} + +.headerText h1 { + color: var(--purple-2); + margin: 0 0 0.5rem 0; +} + +.headerText p { + color: var(--black); + margin: 0 0 1.375rem 0; +} + +.codey { + align-self: flex-end; + justify-self: end; +} + +.content { + margin-top: calc(32rem / 16); + margin-bottom: calc(52.77rem / 16); +} + +.content h2 { + font-weight: 600; + color: var(--blue-2); + margin-top: calc(30rem / 16); +} + +.content h3 { + font-weight: 600; + color: var(--purple-2); + margin-top: calc(30rem / 16); + margin-bottom: calc(15rem / 16); +} + +.content p { + margin: 0; +} + +@media only screen and (max-width: calc(768rem / 16)) { +} diff --git a/pages/get-involved.tsx b/pages/get-involved.tsx new file mode 100644 index 00000000..a2925784 --- /dev/null +++ b/pages/get-involved.tsx @@ -0,0 +1,29 @@ +import React from "react"; +import { Image } from "../components/Image"; +import { Link } from "../components/Link"; +import { ConnectWithUs } from "../components/ConnectWithUs"; +import Content from "../content/get-involved.mdx"; +import styles from "./get-involved.module.css"; + +export default function GetInvolved() { + return ( + <> +
+
+

Get Involved!

+

+ If you’re interested in holding, planning, or helping out with an + event, don’t hesitate to get in touch with the{" "} + Programme Committee! +

+
+ {/* FIX CODEY SINCE ITS NOT SVG */} + +
+
+ +
+ + + ); +} diff --git a/public/images/get-involved-codey.svg b/public/images/get-involved-codey.svg new file mode 100644 index 00000000..3244a8df --- /dev/null +++ b/public/images/get-involved-codey.svg @@ -0,0 +1,9 @@ + + + + + + + + + -- 2.39.2 From 2ef89200c54eed843b313f38d01bc0e01fe3fd32 Mon Sep 17 00:00:00 2001 From: dora Date: Sun, 27 Jun 2021 05:19:47 -0400 Subject: [PATCH 02/11] email signup component --- components/EmailSignup.module.css | 61 +++++++++++++++++++++++++++++++ 1 file changed, 61 insertions(+) create mode 100644 components/EmailSignup.module.css diff --git a/components/EmailSignup.module.css b/components/EmailSignup.module.css new file mode 100644 index 00000000..d97883d7 --- /dev/null +++ b/components/EmailSignup.module.css @@ -0,0 +1,61 @@ +.container form { + box-sizing: border-box; +} + +.container > * { + margin: 0 0 calc(21rem / 16) 0; +} + +.header { + color: var(--blue-2); + font-weight: 600; + margin: 0 0 calc(21rem / 16) 0; +} + +.form input { + display: block; + width: 100%; + margin: calc(21rem / 16) 0; + + box-sizing: border-box; + border: 0; + border-radius: calc(20rem / 16); + + background-color: var(--grey-24); +} + +.form input::placeholder { + color: var(--grey); + font-weight: 700; +} + +.form input[type="text"], +.form input[type="email"] { + padding: calc(10rem / 16) calc(31rem / 16); + font-family: Poppins; + + font-size: calc(18rem / 16); + line-height: calc(30rem / 16); + color: var(--dark-grey); +} + +.form input:is(:active, :hover, :focus) { + box-sizing: border-box; + border: calc(3rem / 16) solid var(--blue-1); + border-radius: calc(20rem / 16); + outline: none; + padding: calc(7rem / 16) calc(28rem / 16); +} + +.button { + margin-top: calc(34rem / 16); +} + +/* TODO: make this only happen if the form is clicked on? */ +/* .form input:invalid { + box-sizing: border-box; + border: calc(3rem / 16) solid var(--red); + border-radius: calc(20rem / 16); + outline: none; + padding: calc(7rem / 16) calc(28rem / 16); +} */ -- 2.39.2 From 8d4295787cc5105e3916838105bfdecc85130b35 Mon Sep 17 00:00:00 2001 From: dora Date: Sun, 27 Jun 2021 05:20:27 -0400 Subject: [PATCH 03/11] email signup component --- components/EmailSignup.module.css | 61 +++++++++++++++++++++++++++++++ components/EmailSignup.tsx | 19 ++++++++++ pages/_app.css | 4 ++ pages/get-involved.module.css | 12 ++++++ pages/get-involved.tsx | 14 +++++-- 5 files changed, 106 insertions(+), 4 deletions(-) create mode 100644 components/EmailSignup.module.css create mode 100644 components/EmailSignup.tsx diff --git a/components/EmailSignup.module.css b/components/EmailSignup.module.css new file mode 100644 index 00000000..d97883d7 --- /dev/null +++ b/components/EmailSignup.module.css @@ -0,0 +1,61 @@ +.container form { + box-sizing: border-box; +} + +.container > * { + margin: 0 0 calc(21rem / 16) 0; +} + +.header { + color: var(--blue-2); + font-weight: 600; + margin: 0 0 calc(21rem / 16) 0; +} + +.form input { + display: block; + width: 100%; + margin: calc(21rem / 16) 0; + + box-sizing: border-box; + border: 0; + border-radius: calc(20rem / 16); + + background-color: var(--grey-24); +} + +.form input::placeholder { + color: var(--grey); + font-weight: 700; +} + +.form input[type="text"], +.form input[type="email"] { + padding: calc(10rem / 16) calc(31rem / 16); + font-family: Poppins; + + font-size: calc(18rem / 16); + line-height: calc(30rem / 16); + color: var(--dark-grey); +} + +.form input:is(:active, :hover, :focus) { + box-sizing: border-box; + border: calc(3rem / 16) solid var(--blue-1); + border-radius: calc(20rem / 16); + outline: none; + padding: calc(7rem / 16) calc(28rem / 16); +} + +.button { + margin-top: calc(34rem / 16); +} + +/* TODO: make this only happen if the form is clicked on? */ +/* .form input:invalid { + box-sizing: border-box; + border: calc(3rem / 16) solid var(--red); + border-radius: calc(20rem / 16); + outline: none; + padding: calc(7rem / 16) calc(28rem / 16); +} */ diff --git a/components/EmailSignup.tsx b/components/EmailSignup.tsx new file mode 100644 index 00000000..b16d3280 --- /dev/null +++ b/components/EmailSignup.tsx @@ -0,0 +1,19 @@ +import React from "react"; +import styles from "./EmailSignup.module.css"; +import { Button } from "./Button"; + +export function EmailSignup() { + return ( +
+

Join Our Mailing List!

+
+ + + +
+ +
+
+
+ ); +} diff --git a/pages/_app.css b/pages/_app.css index 664bdb16..5d3df978 100644 --- a/pages/_app.css +++ b/pages/_app.css @@ -13,6 +13,10 @@ body { --purple-1: #525284; --purple-2: #2a2a62; --black: #000000; + --grey: #bbbbbb; + --grey-24: rgba(196, 196, 196, 0.24); + --dark-grey: #6b6b6b; + --red: #9f616a; --gradient-blue-green: linear-gradient( 99.94deg, #1481e3 -17.95%, diff --git a/pages/get-involved.module.css b/pages/get-involved.module.css index f086e5ec..c2d80824 100644 --- a/pages/get-involved.module.css +++ b/pages/get-involved.module.css @@ -41,5 +41,17 @@ margin: 0; } +.connectWithUs { + margin-bottom: calc(21rem / 16); +} + +.emailSignup { + margin-bottom: calc(57.81rem / 16); +} + +.pageContainer { + margin-top: calc(172rem / 16); +} + @media only screen and (max-width: calc(768rem / 16)) { } diff --git a/pages/get-involved.tsx b/pages/get-involved.tsx index a2925784..6f45b4b5 100644 --- a/pages/get-involved.tsx +++ b/pages/get-involved.tsx @@ -2,12 +2,13 @@ import React from "react"; import { Image } from "../components/Image"; import { Link } from "../components/Link"; import { ConnectWithUs } from "../components/ConnectWithUs"; +import { EmailSignup } from "../components/EmailSignup"; import Content from "../content/get-involved.mdx"; import styles from "./get-involved.module.css"; export default function GetInvolved() { return ( - <> +

Get Involved!

@@ -17,13 +18,18 @@ export default function GetInvolved() { Programme Committee!

- {/* FIX CODEY SINCE ITS NOT SVG */} + {/* TODO: FIX CODEY SINCE ITS NOT SVG */}
- - +
+ +
+
+ +
+
); } -- 2.39.2 From 3e445a552cc5a97f009b5bb9d9332d09e86e0d3a Mon Sep 17 00:00:00 2001 From: dora Date: Sun, 27 Jun 2021 05:29:16 -0400 Subject: [PATCH 04/11] add new components to playground, time to sleep :') --- pages/get-involved.tsx | 4 +++- pages/playground.mdx | 18 ++++++++++++++++++ 2 files changed, 21 insertions(+), 1 deletion(-) diff --git a/pages/get-involved.tsx b/pages/get-involved.tsx index 6f45b4b5..12c842b9 100644 --- a/pages/get-involved.tsx +++ b/pages/get-involved.tsx @@ -6,6 +6,9 @@ import { EmailSignup } from "../components/EmailSignup"; import Content from "../content/get-involved.mdx"; import styles from "./get-involved.module.css"; +/** + * @todo fix codey image with svg + */ export default function GetInvolved() { return (
@@ -18,7 +21,6 @@ export default function GetInvolved() { Programme Committee!

- {/* TODO: FIX CODEY SINCE ITS NOT SVG */}
diff --git a/pages/playground.mdx b/pages/playground.mdx index 3a38453a..af488e24 100644 --- a/pages/playground.mdx +++ b/pages/playground.mdx @@ -9,6 +9,8 @@ import { OrganizedContentDemo, ButtonDemo, } from "../components/playground"; +import { ConnectWithUs } from "../components/ConnectWithUs" +import { EmailSignup } from "../components/EmailSignup" import { TeamMemberCard } from "../components/TeamMemberCard"; @@ -90,3 +92,19 @@ The `` component is used on various pages such as Meet the Team! and Our --- + +## `` + +The `` component is used on various pages such as the About page and the Get Involved Page! + + + +--- + +## `` + +The `` component is used on various pages such as the About page and the Get Involved Page! + + + +--- -- 2.39.2 From b8d97e41783ddd3c3aec951f7544d204a5e18d37 Mon Sep 17 00:00:00 2001 From: dora Date: Mon, 28 Jun 2021 00:01:07 -0400 Subject: [PATCH 05/11] fixing code, thanks adi --- components/ConnectWithUs.tsx | 10 ++--- components/EmailSignup.module.css | 45 +------------------ components/EmailSignup.tsx | 10 ++--- components/Input.module.css | 37 +++++++++++++++ components/Input.tsx | 8 ++++ pages/_app.css | 11 +++-- pages/about/our-supporters.tsx | 5 +-- pages/get-involved.module.css | 17 +++---- pages/get-involved.tsx | 6 +-- .../codey.svg} | 0 .../our-supporters/codey.svg} | 0 11 files changed, 74 insertions(+), 75 deletions(-) create mode 100644 components/Input.module.css create mode 100644 components/Input.tsx rename public/images/{get-involved-codey.svg => get-involved/codey.svg} (100%) rename public/{our-supporters/supporters-codey.svg => images/our-supporters/codey.svg} (100%) diff --git a/components/ConnectWithUs.tsx b/components/ConnectWithUs.tsx index 21097db5..4431f42d 100644 --- a/components/ConnectWithUs.tsx +++ b/components/ConnectWithUs.tsx @@ -5,17 +5,17 @@ import { Link } from "./Link"; export function ConnectWithUs() { return ( - <> +

Connect with us!

-

+

Drop by any of our social media outlets to learn more about us, keep up-to-date with our upcoming events, or to chat with our members!
{/* TODO: fix feedback form link */} - Send feedback through our Feedback Form -

- + Send feedback through our Feedback Form +
+
); } diff --git a/components/EmailSignup.module.css b/components/EmailSignup.module.css index d97883d7..a5b30a6f 100644 --- a/components/EmailSignup.module.css +++ b/components/EmailSignup.module.css @@ -12,50 +12,7 @@ margin: 0 0 calc(21rem / 16) 0; } -.form input { - display: block; - width: 100%; - margin: calc(21rem / 16) 0; - - box-sizing: border-box; - border: 0; - border-radius: calc(20rem / 16); - - background-color: var(--grey-24); -} - -.form input::placeholder { - color: var(--grey); - font-weight: 700; -} - -.form input[type="text"], -.form input[type="email"] { - padding: calc(10rem / 16) calc(31rem / 16); - font-family: Poppins; - - font-size: calc(18rem / 16); - line-height: calc(30rem / 16); - color: var(--dark-grey); -} - -.form input:is(:active, :hover, :focus) { - box-sizing: border-box; - border: calc(3rem / 16) solid var(--blue-1); - border-radius: calc(20rem / 16); - outline: none; - padding: calc(7rem / 16) calc(28rem / 16); -} - .button { margin-top: calc(34rem / 16); + display: block; } - -/* TODO: make this only happen if the form is clicked on? */ -/* .form input:invalid { - box-sizing: border-box; - border: calc(3rem / 16) solid var(--red); - border-radius: calc(20rem / 16); - outline: none; - padding: calc(7rem / 16) calc(28rem / 16); -} */ diff --git a/components/EmailSignup.tsx b/components/EmailSignup.tsx index b16d3280..66630791 100644 --- a/components/EmailSignup.tsx +++ b/components/EmailSignup.tsx @@ -1,18 +1,16 @@ import React from "react"; import styles from "./EmailSignup.module.css"; import { Button } from "./Button"; +import { Input } from "./Input"; export function EmailSignup() { return (

Join Our Mailing List!

- - - -
- -
+ + +
); diff --git a/components/Input.module.css b/components/Input.module.css new file mode 100644 index 00000000..9ace06a8 --- /dev/null +++ b/components/Input.module.css @@ -0,0 +1,37 @@ +.input { + display: block; + width: 100%; + margin: calc(21rem / 16) 0; + padding: calc(10rem / 16) calc(31rem / 16); + + box-sizing: border-box; + border: 0; + border-radius: calc(20rem / 16); + + background-color: var(--grey-1-24); + font-size: calc(18rem / 16); + line-height: calc(30rem / 16); + color: var(--grey-3); +} + +.input::placeholder { + color: var(--grey-2); + font-weight: 700; +} + +.input:is(:active, :hover, :focus) { + box-sizing: border-box; + border: calc(3rem / 16) solid var(--blue-1); + border-radius: calc(20rem / 16); + outline: none; + padding: calc(7rem / 16) calc(28rem / 16); +} + +/* TODO: make this only happen if the form is clicked on? */ +/* .form input:invalid { + box-sizing: border-box; + border: calc(3rem / 16) solid var(--red); + border-radius: calc(20rem / 16); + outline: none; + padding: calc(7rem / 16) calc(28rem / 16); +} */ diff --git a/components/Input.tsx b/components/Input.tsx new file mode 100644 index 00000000..477b3045 --- /dev/null +++ b/components/Input.tsx @@ -0,0 +1,8 @@ +import React, { InputHTMLAttributes } from "react"; +import styles from "./Input.module.css"; + +export function Input(props: InputHTMLAttributes) { + return ( + + ); +} diff --git a/pages/_app.css b/pages/_app.css index 5d3df978..3d6a41ce 100644 --- a/pages/_app.css +++ b/pages/_app.css @@ -13,9 +13,10 @@ body { --purple-1: #525284; --purple-2: #2a2a62; --black: #000000; - --grey: #bbbbbb; - --grey-24: rgba(196, 196, 196, 0.24); - --dark-grey: #6b6b6b; + --grey-1: #c4c4c4; + --grey-1-24: #c4c4c440; + --grey-2: #bbbbbb; + --grey-3: #6b6b6b; --red: #9f616a; --gradient-blue-green: linear-gradient( 99.94deg, @@ -81,3 +82,7 @@ h4 { font-size: calc(18rem / 16); font-weight: 600; } + +input { + font-family: "Poppins", "sans-serif"; +} diff --git a/pages/about/our-supporters.tsx b/pages/about/our-supporters.tsx index e6a13c06..a135a488 100644 --- a/pages/about/our-supporters.tsx +++ b/pages/about/our-supporters.tsx @@ -8,10 +8,7 @@ export default function OurSupporters() { <>

Our Supporters

- +
diff --git a/pages/get-involved.module.css b/pages/get-involved.module.css index c2d80824..37703dba 100644 --- a/pages/get-involved.module.css +++ b/pages/get-involved.module.css @@ -6,12 +6,12 @@ .headerText h1 { color: var(--purple-2); - margin: 0 0 0.5rem 0; + margin: 0 0 calc(8rem / 16) 0; } .headerText p { color: var(--black); - margin: 0 0 1.375rem 0; + margin: 0 0 calc(22rem / 16) 0; } .codey { @@ -21,7 +21,7 @@ .content { margin-top: calc(32rem / 16); - margin-bottom: calc(52.77rem / 16); + margin-bottom: calc(52rem / 16); } .content h2 { @@ -34,11 +34,7 @@ font-weight: 600; color: var(--purple-2); margin-top: calc(30rem / 16); - margin-bottom: calc(15rem / 16); -} - -.content p { - margin: 0; + margin-bottom: 1rem; } .connectWithUs { @@ -46,12 +42,13 @@ } .emailSignup { - margin-bottom: calc(57.81rem / 16); + margin-bottom: calc(58rem / 16); } .pageContainer { - margin-top: calc(172rem / 16); + margin-top: calc(50rem / 16); } +/* @todo aaaaaa */ @media only screen and (max-width: calc(768rem / 16)) { } diff --git a/pages/get-involved.tsx b/pages/get-involved.tsx index 12c842b9..26c0e2eb 100644 --- a/pages/get-involved.tsx +++ b/pages/get-involved.tsx @@ -21,11 +21,11 @@ export default function GetInvolved() { Programme Committee!

- +
-
+
-
+
diff --git a/public/images/get-involved-codey.svg b/public/images/get-involved/codey.svg similarity index 100% rename from public/images/get-involved-codey.svg rename to public/images/get-involved/codey.svg diff --git a/public/our-supporters/supporters-codey.svg b/public/images/our-supporters/codey.svg similarity index 100% rename from public/our-supporters/supporters-codey.svg rename to public/images/our-supporters/codey.svg -- 2.39.2 From 2eec46e18ecc70cacb40fd1ef9cafef335a224f3 Mon Sep 17 00:00:00 2001 From: dora Date: Sun, 27 Jun 2021 05:29:16 -0400 Subject: [PATCH 06/11] add new components to playground, time to sleep :') --- pages/get-involved.tsx | 4 +++- pages/playground.mdx | 18 ++++++++++++++++++ 2 files changed, 21 insertions(+), 1 deletion(-) diff --git a/pages/get-involved.tsx b/pages/get-involved.tsx index 6f45b4b5..12c842b9 100644 --- a/pages/get-involved.tsx +++ b/pages/get-involved.tsx @@ -6,6 +6,9 @@ import { EmailSignup } from "../components/EmailSignup"; import Content from "../content/get-involved.mdx"; import styles from "./get-involved.module.css"; +/** + * @todo fix codey image with svg + */ export default function GetInvolved() { return (
@@ -18,7 +21,6 @@ export default function GetInvolved() { Programme Committee!

- {/* TODO: FIX CODEY SINCE ITS NOT SVG */}
diff --git a/pages/playground.mdx b/pages/playground.mdx index 3a38453a..af488e24 100644 --- a/pages/playground.mdx +++ b/pages/playground.mdx @@ -9,6 +9,8 @@ import { OrganizedContentDemo, ButtonDemo, } from "../components/playground"; +import { ConnectWithUs } from "../components/ConnectWithUs" +import { EmailSignup } from "../components/EmailSignup" import { TeamMemberCard } from "../components/TeamMemberCard"; @@ -90,3 +92,19 @@ The `` component is used on various pages such as Meet the Team! and Our --- + +## `` + +The `` component is used on various pages such as the About page and the Get Involved Page! + + + +--- + +## `` + +The `` component is used on various pages such as the About page and the Get Involved Page! + + + +--- -- 2.39.2 From 42337a58c2dff9f48c4fc31450bd3c0bdbd7a7b1 Mon Sep 17 00:00:00 2001 From: dora Date: Mon, 28 Jun 2021 00:01:07 -0400 Subject: [PATCH 07/11] fixing code, thanks adi --- components/ConnectWithUs.tsx | 10 ++--- components/EmailSignup.module.css | 45 +------------------ components/EmailSignup.tsx | 10 ++--- components/Input.module.css | 37 +++++++++++++++ components/Input.tsx | 8 ++++ pages/_app.css | 11 +++-- pages/about/our-supporters.tsx | 5 +-- pages/get-involved.module.css | 17 +++---- pages/get-involved.tsx | 6 +-- .../codey.svg} | 0 .../our-supporters/codey.svg} | 0 11 files changed, 74 insertions(+), 75 deletions(-) create mode 100644 components/Input.module.css create mode 100644 components/Input.tsx rename public/images/{get-involved-codey.svg => get-involved/codey.svg} (100%) rename public/{our-supporters/supporters-codey.svg => images/our-supporters/codey.svg} (100%) diff --git a/components/ConnectWithUs.tsx b/components/ConnectWithUs.tsx index 21097db5..4431f42d 100644 --- a/components/ConnectWithUs.tsx +++ b/components/ConnectWithUs.tsx @@ -5,17 +5,17 @@ import { Link } from "./Link"; export function ConnectWithUs() { return ( - <> +

Connect with us!

-

+

Drop by any of our social media outlets to learn more about us, keep up-to-date with our upcoming events, or to chat with our members!
{/* TODO: fix feedback form link */} - Send feedback through our Feedback Form -

- + Send feedback through our Feedback Form +
+
); } diff --git a/components/EmailSignup.module.css b/components/EmailSignup.module.css index d97883d7..a5b30a6f 100644 --- a/components/EmailSignup.module.css +++ b/components/EmailSignup.module.css @@ -12,50 +12,7 @@ margin: 0 0 calc(21rem / 16) 0; } -.form input { - display: block; - width: 100%; - margin: calc(21rem / 16) 0; - - box-sizing: border-box; - border: 0; - border-radius: calc(20rem / 16); - - background-color: var(--grey-24); -} - -.form input::placeholder { - color: var(--grey); - font-weight: 700; -} - -.form input[type="text"], -.form input[type="email"] { - padding: calc(10rem / 16) calc(31rem / 16); - font-family: Poppins; - - font-size: calc(18rem / 16); - line-height: calc(30rem / 16); - color: var(--dark-grey); -} - -.form input:is(:active, :hover, :focus) { - box-sizing: border-box; - border: calc(3rem / 16) solid var(--blue-1); - border-radius: calc(20rem / 16); - outline: none; - padding: calc(7rem / 16) calc(28rem / 16); -} - .button { margin-top: calc(34rem / 16); + display: block; } - -/* TODO: make this only happen if the form is clicked on? */ -/* .form input:invalid { - box-sizing: border-box; - border: calc(3rem / 16) solid var(--red); - border-radius: calc(20rem / 16); - outline: none; - padding: calc(7rem / 16) calc(28rem / 16); -} */ diff --git a/components/EmailSignup.tsx b/components/EmailSignup.tsx index b16d3280..66630791 100644 --- a/components/EmailSignup.tsx +++ b/components/EmailSignup.tsx @@ -1,18 +1,16 @@ import React from "react"; import styles from "./EmailSignup.module.css"; import { Button } from "./Button"; +import { Input } from "./Input"; export function EmailSignup() { return (

Join Our Mailing List!

- - - -
- -
+ + +
); diff --git a/components/Input.module.css b/components/Input.module.css new file mode 100644 index 00000000..9ace06a8 --- /dev/null +++ b/components/Input.module.css @@ -0,0 +1,37 @@ +.input { + display: block; + width: 100%; + margin: calc(21rem / 16) 0; + padding: calc(10rem / 16) calc(31rem / 16); + + box-sizing: border-box; + border: 0; + border-radius: calc(20rem / 16); + + background-color: var(--grey-1-24); + font-size: calc(18rem / 16); + line-height: calc(30rem / 16); + color: var(--grey-3); +} + +.input::placeholder { + color: var(--grey-2); + font-weight: 700; +} + +.input:is(:active, :hover, :focus) { + box-sizing: border-box; + border: calc(3rem / 16) solid var(--blue-1); + border-radius: calc(20rem / 16); + outline: none; + padding: calc(7rem / 16) calc(28rem / 16); +} + +/* TODO: make this only happen if the form is clicked on? */ +/* .form input:invalid { + box-sizing: border-box; + border: calc(3rem / 16) solid var(--red); + border-radius: calc(20rem / 16); + outline: none; + padding: calc(7rem / 16) calc(28rem / 16); +} */ diff --git a/components/Input.tsx b/components/Input.tsx new file mode 100644 index 00000000..477b3045 --- /dev/null +++ b/components/Input.tsx @@ -0,0 +1,8 @@ +import React, { InputHTMLAttributes } from "react"; +import styles from "./Input.module.css"; + +export function Input(props: InputHTMLAttributes) { + return ( + + ); +} diff --git a/pages/_app.css b/pages/_app.css index 5d3df978..3d6a41ce 100644 --- a/pages/_app.css +++ b/pages/_app.css @@ -13,9 +13,10 @@ body { --purple-1: #525284; --purple-2: #2a2a62; --black: #000000; - --grey: #bbbbbb; - --grey-24: rgba(196, 196, 196, 0.24); - --dark-grey: #6b6b6b; + --grey-1: #c4c4c4; + --grey-1-24: #c4c4c440; + --grey-2: #bbbbbb; + --grey-3: #6b6b6b; --red: #9f616a; --gradient-blue-green: linear-gradient( 99.94deg, @@ -81,3 +82,7 @@ h4 { font-size: calc(18rem / 16); font-weight: 600; } + +input { + font-family: "Poppins", "sans-serif"; +} diff --git a/pages/about/our-supporters.tsx b/pages/about/our-supporters.tsx index e6a13c06..a135a488 100644 --- a/pages/about/our-supporters.tsx +++ b/pages/about/our-supporters.tsx @@ -8,10 +8,7 @@ export default function OurSupporters() { <>

Our Supporters

- +
diff --git a/pages/get-involved.module.css b/pages/get-involved.module.css index c2d80824..37703dba 100644 --- a/pages/get-involved.module.css +++ b/pages/get-involved.module.css @@ -6,12 +6,12 @@ .headerText h1 { color: var(--purple-2); - margin: 0 0 0.5rem 0; + margin: 0 0 calc(8rem / 16) 0; } .headerText p { color: var(--black); - margin: 0 0 1.375rem 0; + margin: 0 0 calc(22rem / 16) 0; } .codey { @@ -21,7 +21,7 @@ .content { margin-top: calc(32rem / 16); - margin-bottom: calc(52.77rem / 16); + margin-bottom: calc(52rem / 16); } .content h2 { @@ -34,11 +34,7 @@ font-weight: 600; color: var(--purple-2); margin-top: calc(30rem / 16); - margin-bottom: calc(15rem / 16); -} - -.content p { - margin: 0; + margin-bottom: 1rem; } .connectWithUs { @@ -46,12 +42,13 @@ } .emailSignup { - margin-bottom: calc(57.81rem / 16); + margin-bottom: calc(58rem / 16); } .pageContainer { - margin-top: calc(172rem / 16); + margin-top: calc(50rem / 16); } +/* @todo aaaaaa */ @media only screen and (max-width: calc(768rem / 16)) { } diff --git a/pages/get-involved.tsx b/pages/get-involved.tsx index 12c842b9..26c0e2eb 100644 --- a/pages/get-involved.tsx +++ b/pages/get-involved.tsx @@ -21,11 +21,11 @@ export default function GetInvolved() { Programme Committee!

- +
-
+
-
+
diff --git a/public/images/get-involved-codey.svg b/public/images/get-involved/codey.svg similarity index 100% rename from public/images/get-involved-codey.svg rename to public/images/get-involved/codey.svg diff --git a/public/our-supporters/supporters-codey.svg b/public/images/our-supporters/codey.svg similarity index 100% rename from public/our-supporters/supporters-codey.svg rename to public/images/our-supporters/codey.svg -- 2.39.2 From f589b05fb80506a5cff55e4b2a4e8c4a494f583f Mon Sep 17 00:00:00 2001 From: dora Date: Sun, 4 Jul 2021 00:55:56 -0400 Subject: [PATCH 08/11] mobile styles and images --- components/ConnectWithUs.module.css | 11 ++++ components/EmailSignup.module.css | 14 ++++ pages/get-involved.module.css | 64 ++++++++++++++++++- pages/get-involved.tsx | 9 ++- .../{codey.svg => codey-desktop.svg} | 0 public/images/get-involved/codey-mobile.svg | 38 +++++++++++ 6 files changed, 134 insertions(+), 2 deletions(-) rename public/images/get-involved/{codey.svg => codey-desktop.svg} (100%) create mode 100644 public/images/get-involved/codey-mobile.svg diff --git a/components/ConnectWithUs.module.css b/components/ConnectWithUs.module.css index 7733d666..37dbae7a 100644 --- a/components/ConnectWithUs.module.css +++ b/components/ConnectWithUs.module.css @@ -15,3 +15,14 @@ .socialLinks > * { justify-content: left; } + +@media only screen and (max-width: calc(768rem / 16)) { + .header { + font-size: calc(24rem / 16); + line-height: calc(36rem / 16); + margin: 0 0 calc(30rem / 16) 0; + } + .socialLinks { + margin: calc(48rem / 16) calc(-10rem / 16); + } +} diff --git a/components/EmailSignup.module.css b/components/EmailSignup.module.css index a5b30a6f..f735af35 100644 --- a/components/EmailSignup.module.css +++ b/components/EmailSignup.module.css @@ -16,3 +16,17 @@ margin-top: calc(34rem / 16); display: block; } + +@media only screen and (max-width: calc(768rem / 16)) { + .container > * { + margin: 0 0 calc(15rem / 16) 0; + } + .header { + font-size: calc(24rem / 16); + line-height: calc(36rem / 16); + margin: 0 0 calc(30rem / 16) 0; + } + .button { + margin-top: calc(20rem / 16); + } +} diff --git a/pages/get-involved.module.css b/pages/get-involved.module.css index 37703dba..d43c6d5d 100644 --- a/pages/get-involved.module.css +++ b/pages/get-involved.module.css @@ -14,7 +14,11 @@ margin: 0 0 calc(22rem / 16) 0; } -.codey { +.codeyMobile { + display: none; +} + +.codeyDesktop { align-self: flex-end; justify-self: end; } @@ -51,4 +55,62 @@ /* @todo aaaaaa */ @media only screen and (max-width: calc(768rem / 16)) { + .headerContainer { + display: flex; + flex-direction: column; + align-content: center; + border-bottom: none; + } + + .headerText { + margin-top: calc(8rem / 16); + text-align: center; + } + + .headerText h1 { + color: var(--purple-2); + font-size: calc(24rem / 16); + line-height: calc(36rem / 16); + margin-bottom: (12rem / 16); + } + + .headerText p { + margin: 0; + } + + .codeyMobile { + display: unset; + width: calc(75rem / 16); + align-self: center; + justify-self: flex-start; + } + + .codeyDesktop { + display: none; + } + + .content { + margin: calc(64rem / 16) 0 calc(42rem / 16) 0; + } + + .content h2 { + font-size: calc(24rem / 16); + line-height: calc(36rem / 16); + margin: 0 0 calc(30rem / 16) 0; + } + + .content h3:not(:first-of-type) { + margin: calc(48rem / 16) 0 calc(8rem / 16); + } + + .content p { + margin: 0; + } + + .connectWithUs { + margin-bottom: calc(46rem / 16); + } + .emailSignup { + margin-bottom: calc(104rem / 16); + } } diff --git a/pages/get-involved.tsx b/pages/get-involved.tsx index 26c0e2eb..d628ce09 100644 --- a/pages/get-involved.tsx +++ b/pages/get-involved.tsx @@ -13,6 +13,10 @@ export default function GetInvolved() { return (
+

Get Involved!

@@ -21,7 +25,10 @@ export default function GetInvolved() { Programme Committee!

- +
diff --git a/public/images/get-involved/codey.svg b/public/images/get-involved/codey-desktop.svg similarity index 100% rename from public/images/get-involved/codey.svg rename to public/images/get-involved/codey-desktop.svg diff --git a/public/images/get-involved/codey-mobile.svg b/public/images/get-involved/codey-mobile.svg new file mode 100644 index 00000000..14c1b811 --- /dev/null +++ b/public/images/get-involved/codey-mobile.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -- 2.39.2 From 48abedd17db55ac3e4b275c95979494f622c4fd8 Mon Sep 17 00:00:00 2001 From: dora Date: Sun, 4 Jul 2021 19:18:09 -0400 Subject: [PATCH 09/11] new desktop codey image --- public/images/get-involved/codey-desktop.svg | 44 +++++++++++++++++--- 1 file changed, 38 insertions(+), 6 deletions(-) diff --git a/public/images/get-involved/codey-desktop.svg b/public/images/get-involved/codey-desktop.svg index 3244a8df..26a7897a 100644 --- a/public/images/get-involved/codey-desktop.svg +++ b/public/images/get-involved/codey-desktop.svg @@ -1,9 +1,41 @@ - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - + + + -- 2.39.2 From f2ca41f6d7903a6b71e7c95e1ed8267470f713a1 Mon Sep 17 00:00:00 2001 From: dora Date: Mon, 19 Jul 2021 02:14:27 -0400 Subject: [PATCH 10/11] Address PR feedback --- components/ConnectWithUs.module.css | 19 ++-- components/ConnectWithUs.tsx | 22 +++-- components/EmailSignup.module.css | 13 +-- components/EmailSignup.tsx | 10 ++- components/Input.module.css | 2 +- components/SocialLinks.module.css | 11 ++- content/get-involved.mdx | 90 ++++++++++++++++--- pages/get-involved.module.css | 61 ++++++------- pages/get-involved.tsx | 14 +-- public/images/get-involved/codey-mobile.svg | 38 -------- .../{codey-desktop.svg => codey.svg} | 0 11 files changed, 147 insertions(+), 133 deletions(-) delete mode 100644 public/images/get-involved/codey-mobile.svg rename public/images/get-involved/{codey-desktop.svg => codey.svg} (100%) diff --git a/components/ConnectWithUs.module.css b/components/ConnectWithUs.module.css index 37dbae7a..8160a48d 100644 --- a/components/ConnectWithUs.module.css +++ b/components/ConnectWithUs.module.css @@ -1,28 +1,21 @@ .header { color: var(--blue-2); font-weight: 600; - margin: 0 0 calc(11rem / 16) 0; -} - -.text { - margin: 0; + font-size: calc(36rem / 16); + margin-bottom: calc(12rem / 16); } .socialLinks { - margin: calc(36rem / 16) calc(-10rem / 16); -} - -.socialLinks > * { - justify-content: left; + margin: calc(36rem / 16) 0; + line-height: 0; } @media only screen and (max-width: calc(768rem / 16)) { .header { font-size: calc(24rem / 16); - line-height: calc(36rem / 16); - margin: 0 0 calc(30rem / 16) 0; } + .socialLinks { - margin: calc(48rem / 16) calc(-10rem / 16); + margin: 1rem 0; } } diff --git a/components/ConnectWithUs.tsx b/components/ConnectWithUs.tsx index 4431f42d..cef31144 100644 --- a/components/ConnectWithUs.tsx +++ b/components/ConnectWithUs.tsx @@ -5,17 +5,21 @@ import { Link } from "./Link"; export function ConnectWithUs() { return ( -
-

Connect with us!

-
+
+

Connect with us!

+

Drop by any of our social media outlets to learn more about us, keep up-to-date with our upcoming events, or to chat with our members! -

- -
- {/* TODO: fix feedback form link */} - Send feedback through our Feedback Form +

+ +
+
-
+ + {/* TODO: fix feedback form link */} +

+ Send feedback through our Feedback Form +

+ ); } diff --git a/components/EmailSignup.module.css b/components/EmailSignup.module.css index f735af35..0d9567c8 100644 --- a/components/EmailSignup.module.css +++ b/components/EmailSignup.module.css @@ -2,14 +2,11 @@ box-sizing: border-box; } -.container > * { - margin: 0 0 calc(21rem / 16) 0; -} - .header { color: var(--blue-2); font-weight: 600; - margin: 0 0 calc(21rem / 16) 0; + font-size: calc(36rem / 16); + margin-bottom: calc(12rem / 16); } .button { @@ -18,14 +15,10 @@ } @media only screen and (max-width: calc(768rem / 16)) { - .container > * { - margin: 0 0 calc(15rem / 16) 0; - } .header { font-size: calc(24rem / 16); - line-height: calc(36rem / 16); - margin: 0 0 calc(30rem / 16) 0; } + .button { margin-top: calc(20rem / 16); } diff --git a/components/EmailSignup.tsx b/components/EmailSignup.tsx index 66630791..c5e3ba0e 100644 --- a/components/EmailSignup.tsx +++ b/components/EmailSignup.tsx @@ -5,13 +5,15 @@ import { Input } from "./Input"; export function EmailSignup() { return ( -
-

Join Our Mailing List!

+
+

Join Our Mailing List!

- +
-
+ ); } diff --git a/components/Input.module.css b/components/Input.module.css index 9ace06a8..7fcb4c83 100644 --- a/components/Input.module.css +++ b/components/Input.module.css @@ -2,7 +2,7 @@ display: block; width: 100%; margin: calc(21rem / 16) 0; - padding: calc(10rem / 16) calc(31rem / 16); + padding: calc(10rem / 16) calc(32rem / 16); box-sizing: border-box; border: 0; diff --git a/components/SocialLinks.module.css b/components/SocialLinks.module.css index 98f5e00b..200a8587 100644 --- a/components/SocialLinks.module.css +++ b/components/SocialLinks.module.css @@ -1,12 +1,15 @@ .link, .links { - display: flex; + display: inline-flex; align-items: center; - justify-content: center; } -.links > * { - margin: 0 calc(10rem / 16); +.link { + margin-left: calc(20rem / 16); +} + +.link:first-child { + margin-left: 0; } .big > * { diff --git a/content/get-involved.mdx b/content/get-involved.mdx index c060f3d6..fef63b05 100644 --- a/content/get-involved.mdx +++ b/content/get-involved.mdx @@ -1,17 +1,85 @@ +**Everyone at the University of Waterloo is welcome to come to our events and to +use our resources!** Feel free to join our communities and chat with our +members. However, if you wanted to officially become a member or support our +vision of creating a supportive environment for all computing students, there's +a bunch of ways you can join and help out. + ## How to Join -### General Members +### General Membership -Simply drop by our office in MC 3036/3037 with some identification (WatCard, driver's license, etc.) and $2 per term that -you would like to pay for. We'll have you sign our [machine usage agreement](/resources/services/) and after your account on our systems is created -you'll have access to all the services available to members. +
+ In-person Term -### Executive Roles +1. Drop by our office in **MC 3036/3037** with + - your WatCard, and + - $2 for term that you would like to pay for +2. Sign our [Machine Usage Agreement](https://csclub.uwaterloo.ca/services/machine_usage) -Are you interested in using your skills to get involved with CSC? We have committees covering everything from design to development, -so no matter your interests, we’ve got a place for you. CSC hires at the beginning of every term, so make sure to stay connected -through social media to keep up to date on when applications open! +That's all! After your account created, you'll have access to all the +[services](https://csclub.uwaterloo.ca/services/) available to members. -### Elected Seats -Each term the CSC holds elections to determine the executive council. To find out when and where the next elections will be held, -check the [homepage](/). For details on the elections, see the constitution. \ No newline at end of file +#### Membership Renewal + +If you are already a member of the CSC and want to renew your membership, you +can do so by coming in person to our office. + +
+ +
+ Online Term + +Email the CSC Systems Committee at +[syscom@csclub.uwaterloo.ca](mailto:syscom@csclub.uwaterloo.ca) from your +University of Waterloo email address with the following: + +1. a scan or photograph copy of your **WatCard**, +2. your **WatIAM userid**, and +3. your acknowledgement of having read, understood, and agreeing with our  +[Machine Usage Agreement](https://csclub.uwaterloo.ca/services/machine_usage). + +#### Membership Renewal + +For this online term, you do not need to pay the $2 fee to renew your +membership. We have extended the memberships of all members who had already +previously paid for membership or have joined CS Club during an online term. + +
+ +### Executive Committees + +Are you interested in using your skills to get involved with CSC? We have +committees covering everything from design to development, so no matter your +interests, we’ve got a place for you. + +**CSC hires at the end of every term**, so make sure to stay connected through +social media to keep up to date on when applications open! + +#### Programme Committee + +- In charge of planning, advertising, and running all events hosted by CSC. +- Voices concerns/ideas on behalf of the CS community. + +#### Website Committee + +- Creates functional and modern design for the CSC website. +- Builds and maintains the static website, updating content for events and news. + +#### Systems Committee + +- Maintaining all services that CSC provides which includes file share, DNS, +mail, configuration for IRC, Mattermost, Git hosting. +- Managing mirrors used by large public organizations and 1000s of people +internationally. + +### Elected Roles +Each term the CSC holds elections to determine the executive council. + +- President +- Vice-President +- Assistant Vice-President +- Treasurer + +To find out when and where the next elections will be held, keep an eye on on the [News](/). + +For details on the elections, see the [Constitution](https://csclub.uwaterloo.ca/about/constitution). \ No newline at end of file diff --git a/pages/get-involved.module.css b/pages/get-involved.module.css index d43c6d5d..796b5b44 100644 --- a/pages/get-involved.module.css +++ b/pages/get-involved.module.css @@ -14,18 +14,12 @@ margin: 0 0 calc(22rem / 16) 0; } -.codeyMobile { - display: none; -} - -.codeyDesktop { +.codey { align-self: flex-end; - justify-self: end; } .content { margin-top: calc(32rem / 16); - margin-bottom: calc(52rem / 16); } .content h2 { @@ -41,6 +35,29 @@ margin-bottom: 1rem; } +.content h4 { + margin-bottom: 0; +} + +.content h4 + * { + margin-top: calc(8rem / 16); +} + +.content strong { + font-weight: 600; +} +.content details > * { + padding-left: 1rem; +} + +.content details > summary { + padding-left: 0; +} + +.content details ol { + padding-left: 2rem; +} + .connectWithUs { margin-bottom: calc(21rem / 16); } @@ -57,20 +74,19 @@ @media only screen and (max-width: calc(768rem / 16)) { .headerContainer { display: flex; - flex-direction: column; + flex-direction: column-reverse; align-content: center; border-bottom: none; } .headerText { - margin-top: calc(8rem / 16); + margin-top: calc(6rem / 16); text-align: center; } .headerText h1 { color: var(--purple-2); font-size: calc(24rem / 16); - line-height: calc(36rem / 16); margin-bottom: (12rem / 16); } @@ -78,38 +94,19 @@ margin: 0; } - .codeyMobile { - display: unset; - width: calc(75rem / 16); + .codey { align-self: center; - justify-self: flex-start; - } - - .codeyDesktop { - display: none; - } - - .content { - margin: calc(64rem / 16) 0 calc(42rem / 16) 0; + height: calc(62rem / 16); } .content h2 { font-size: calc(24rem / 16); - line-height: calc(36rem / 16); - margin: 0 0 calc(30rem / 16) 0; - } - - .content h3:not(:first-of-type) { - margin: calc(48rem / 16) 0 calc(8rem / 16); - } - - .content p { - margin: 0; } .connectWithUs { margin-bottom: calc(46rem / 16); } + .emailSignup { margin-bottom: calc(104rem / 16); } diff --git a/pages/get-involved.tsx b/pages/get-involved.tsx index d628ce09..a81adf06 100644 --- a/pages/get-involved.tsx +++ b/pages/get-involved.tsx @@ -13,22 +13,14 @@ export default function GetInvolved() { return (
-

Get Involved!

- If you’re interested in holding, planning, or helping out with an - event, don’t hesitate to get in touch with the{" "} - Programme Committee! + If you’re interested in helping out with CS Club, don’t hesitate to + get in touch with us!

- +
diff --git a/public/images/get-involved/codey-mobile.svg b/public/images/get-involved/codey-mobile.svg deleted file mode 100644 index 14c1b811..00000000 --- a/public/images/get-involved/codey-mobile.svg +++ /dev/null @@ -1,38 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/public/images/get-involved/codey-desktop.svg b/public/images/get-involved/codey.svg similarity index 100% rename from public/images/get-involved/codey-desktop.svg rename to public/images/get-involved/codey.svg -- 2.39.2 From 499e7865baf16ed3c2ef4a9904da7051678d2720 Mon Sep 17 00:00:00 2001 From: dora Date: Thu, 22 Jul 2021 14:39:02 -0400 Subject: [PATCH 11/11] Remove todos --- pages/get-involved.module.css | 1 - pages/get-involved.tsx | 4 ---- 2 files changed, 5 deletions(-) diff --git a/pages/get-involved.module.css b/pages/get-involved.module.css index 796b5b44..7249c158 100644 --- a/pages/get-involved.module.css +++ b/pages/get-involved.module.css @@ -70,7 +70,6 @@ margin-top: calc(50rem / 16); } -/* @todo aaaaaa */ @media only screen and (max-width: calc(768rem / 16)) { .headerContainer { display: flex; diff --git a/pages/get-involved.tsx b/pages/get-involved.tsx index a81adf06..3ee19e68 100644 --- a/pages/get-involved.tsx +++ b/pages/get-involved.tsx @@ -1,14 +1,10 @@ import React from "react"; import { Image } from "../components/Image"; -import { Link } from "../components/Link"; import { ConnectWithUs } from "../components/ConnectWithUs"; import { EmailSignup } from "../components/EmailSignup"; import Content from "../content/get-involved.mdx"; import styles from "./get-involved.module.css"; -/** - * @todo fix codey image with svg - */ export default function GetInvolved() { return (
-- 2.39.2