From c7705d52cfe9aeda55ba7e77bae32feda42b725e Mon Sep 17 00:00:00 2001 From: Dave Peck Date: Tue, 12 Mar 2024 12:18:03 -0700 Subject: [PATCH] Add CountMore-branded banner to voter registration page. (#2) * Who built the site * Branded banner on voter registration form. * Maybe some updates * remove 'below' --- src/components/MoreAndText.tsx | 23 ++++++++++++++++ src/pages/index.astro | 9 +++--- src/pages/va-register.astro | 50 ++++++++++++++++++++++++++++------ tailwind.config.mjs | 2 ++ 4 files changed, 72 insertions(+), 12 deletions(-) diff --git a/src/components/MoreAndText.tsx b/src/components/MoreAndText.tsx index 6b1fa2b..c473317 100644 --- a/src/components/MoreAndText.tsx +++ b/src/components/MoreAndText.tsx @@ -75,6 +75,29 @@ const MoreAndText: React.FC<{ handler: RegistrationHandler }> = ({ vote rather than the electoral college — and each person's vote would count the same no matter where they lived.

+

+ Who built this site? +

+

+ Hi. We're{" "} + + Front Seat + + , a group of civic tech builders based in sunny Seattle, Washington. + We built this site in partnership with{" "} + + VoteAmerica + + , a trusted name in online voter registration. +

)} diff --git a/src/pages/index.astro b/src/pages/index.astro index d4d11cf..9c6286e 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -3,7 +3,7 @@ import Layout from "../layouts/Layout.astro"; import MoreAndText from "../components/MoreAndText.tsx"; --- - +
@@ -31,11 +31,12 @@ import MoreAndText from "../components/MoreAndText.tsx"; ©2024 Count More
- - Contact @@ -52,7 +53,7 @@ import MoreAndText from "../components/MoreAndText.tsx"; class="font-cabinet font-regular text-[18px] leading-[20px] underline hover:text-gray-700 transition-colors duration-200" href="mailto:Dave Peck , Matt Lerner ?subject=Count%20More" > - Contact
diff --git a/src/pages/va-register.astro b/src/pages/va-register.astro index b98796e..8388fb6 100644 --- a/src/pages/va-register.astro +++ b/src/pages/va-register.astro @@ -3,18 +3,52 @@ import Layout from "../layouts/Layout.astro"; import VoteAmericaAnalytics from "../components/VoteAmericaAnalytics"; --- - + {/* Add VoteAmerica+ Embed Tools To section of page. */} - {/* Embed the primary voteamerica area */} -
-
+
+
+
+
+
+

+ Make your vote +

+

+ Count
More +

+
+

+ Register to vote with our trusted partner, VoteAmerica. +

+
+
+
+ + {/* Embed the primary voteamerica area */} +
+
+
diff --git a/tailwind.config.mjs b/tailwind.config.mjs index a7d19bd..a515457 100644 --- a/tailwind.config.mjs +++ b/tailwind.config.mjs @@ -4,6 +4,8 @@ export default { theme: { screens: { sm: '376px', + // The VoteAmerica breakpoint is 664px + va: '664px', md: '768px', lg: '960px', xl: '1280px',