on master help sign in
add newsletter sign up to homepage, main spotlight
commit961af407d8d3ece488525391a4fb121b55a6a21f authorGordon <gordon@hey.com> dateFri 22 Jul 2022, 16:38 (4 years ago) parent3cd8702
5 files changed+22−11
components/Contact.js+1−7 components/NewletterSignup.js → components/NewsletterSignup.js components/ecosystem/IndexCard.js+3−3 pages/ecosystem/index.js+5−1 pages/index.js+13
components/Contact.js+1−7
@@ -1,4 +1,4 @@
1−import NewsletterSignup from "./NewletterSignup";
1+import NewsletterSignup from "./NewsletterSignup";
22import { name, contact } from "../lib/constants";
33import Link from "next/link";
44
@@ -12,12 +12,6 @@ export default function Contact({
1212
1313 return (
1414 <div className={className}>
15− <div className="measure">
16− <h4 className="pb-6">
17− Sign up for the Urbit Newsletter for a monthly Spotlight summary, and
18− more Urbit news.
19− </h4>
20− </div>
2115 <NewsletterSignup color={border} />
2216 </div>
2317 );
components/NewletterSignup.js → components/NewsletterSignup.jsrenamed

The content is the same.

components/ecosystem/IndexCard.js+3−3
@@ -4,7 +4,7 @@ export default function IndexCard({ slug, feat }) {
44 return (
55 <Link href={slug}>
66 <div className="cursor-pointer bg-wall-100 rounded-xl basis-1/3 h-full">
7− <div className="flex flex-col p-6 justify-between items-between h-full relative">
7+ <div className="flex flex-col p-4 justify-between items-between h-full relative">
88 {feat.image ? (
99 <img
1010 className="rounded-xl w-full flex-1 object-cover"
@@ -18,9 +18,9 @@ export default function IndexCard({ slug, feat }) {
1818 />
1919 )}
2020 <div className="grow-1 shrink-0 flex flex-col h-full min-h-0 pt-4">
21− <h3 className="mb-2">{feat.title}</h3>
21+ <p className="mb-1 font-bold">{feat.title}</p>
2222 {badge(feat.type)}
23− <p>{feat?.description}</p>
23+ <p className="text-sm">{feat?.description}</p>
2424 </div>
2525 </div>
2626 </div>
pages/ecosystem/index.js+5−1
@@ -99,8 +99,12 @@ export default function Ecosystem({
9999 Spotlight Archive
100100 </a>
101101 </Link>
102− <Contact emphasize className="pt-36 self-center w-fit mx-auto" />
103102
103+ <div className="pt-36">
104+ <h3 className="pb-2">Urbit Monthly</h3>
105+ <p className="pb-8">Get the Spotlight in your inbox along with updates on everything Urbit.</p>
106+ <Contact emphasize className="w-full" />
107+ </div>
104108 </>
105109 )}
106110 <div
pages/index.js+13
@@ -18,6 +18,7 @@ import { getAllPosts, getAllEvents, generateRealtimeDate } from "../lib/lib";
1818import { eventKeys } from "../lib/constants";
1919import IndexCard from "../components/ecosystem/IndexCard";
2020
21+
2122export default function Home({
2223 posts,
2324 ecosystem,
@@ -252,6 +253,18 @@ export default function Home({
252253 </a>
253254 </Link>
254255 </Section>
256+
257+
258+ <Section narrow>
259+
260+ <h3 className="pb-2">Urbit Monthly</h3>
261+ <p className="pb-8">Get monthly email updates on all things Urbit.</p>
262+
263+
264+ <Contact emphasize />
265+ </Section>
266+
267+
255268 </SingleColumn>
256269 <Footer />
257270 </Container>