git.iko.soy/urbit.org
on master help sign in
add newsletter sign up to homepage, main spotlight
961af40Gordon
components/Contact.js+1−7
compare with master
unifiedsplit
@@ -1,4 +1,4 @@
1−import NewsletterSignup from "./NewletterSignup";
1+import NewsletterSignup from "./NewsletterSignup";
2import { name, contact } from "../lib/constants";
2import { name, contact } from "../lib/constants";
3import Link from "next/link";
3import Link from "next/link";
4
4
@@ -12,12 +12,6 @@ export default function Contact({
12
12
13 return (
13 return (
14 <div className={className}>
14 <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>
21 <NewsletterSignup color={border} />
15 <NewsletterSignup color={border} />
22 </div>
16 </div>
23 );
17 );
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 }) {
4 return (
4 return (
5 <Link href={slug}>
5 <Link href={slug}>
6 <div className="cursor-pointer bg-wall-100 rounded-xl basis-1/3 h-full">
6 <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">
8 {feat.image ? (
8 {feat.image ? (
9 <img
9 <img
10 className="rounded-xl w-full flex-1 object-cover"
10 className="rounded-xl w-full flex-1 object-cover"
@@ -18,9 +18,9 @@ export default function IndexCard({ slug, feat }) {
18 />
18 />
19 )}
19 )}
20 <div className="grow-1 shrink-0 flex flex-col h-full min-h-0 pt-4">
20 <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>
22 {badge(feat.type)}
22 {badge(feat.type)}
23− <p>{feat?.description}</p>
23+ <p className="text-sm">{feat?.description}</p>
24 </div>
24 </div>
25 </div>
25 </div>
26 </div>
26 </div>
pages/ecosystem/index.js+5−1
@@ -99,8 +99,12 @@ export default function Ecosystem({
99 Spotlight Archive
99 Spotlight Archive
100 </a>
100 </a>
101 </Link>
101 </Link>
102− <Contact emphasize className="pt-36 self-center w-fit mx-auto" />
103
102
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>
104 </>
108 </>
105 )}
109 )}
106 <div
110 <div
pages/index.js+13
@@ -18,6 +18,7 @@ import { getAllPosts, getAllEvents, generateRealtimeDate } from "../lib/lib";
18import { eventKeys } from "../lib/constants";
18import { eventKeys } from "../lib/constants";
19import IndexCard from "../components/ecosystem/IndexCard";
19import IndexCard from "../components/ecosystem/IndexCard";
20
20
21+
21export default function Home({
22export default function Home({
22 posts,
23 posts,
23 ecosystem,
24 ecosystem,
@@ -252,6 +253,18 @@ export default function Home({
252 </a>
253 </a>
253 </Link>
254 </Link>
254 </Section>
255 </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+
255 </SingleColumn>
268 </SingleColumn>
256 <Footer />
269 <Footer />
257 </Container>
270 </Container>