@@ -5,22 +5,10 @@ import Container from '../components/Container'
55import SingleColumn from '../components/SingleColumn'
66import Header from '../components/Header'
77import Footer from '../components/Footer'
8−import { getAllPosts } from '../lib/lib'
9−
10−function TabCarousel(props) {
11− if (props.children) {
12− if (props.children[props.index]) {
13− return props.children[props.index]
14− }
15− }
16− return null
17−}
18−
19−function BackgroundImage(props) {
20− return (
21− <div className={`bg-img`} style={{backgroundImage: `url(${props.src})`}}/>
22− )
23−}
8+import BackgroundImage from '../components/BackgroundImage'
9+import TabCarousel from '../components/TabCarousel'
10+import { getAllPosts, formatDate } from '../lib/lib'
11+import { contact } from '../lib/constants'
2412
2513export default function Home({ posts, events }) {
2614
@@ -124,7 +112,7 @@ export default function Home({ posts, events }) {
124112 <BackgroundImage src={post.extra.image || ''} />
125113 <p className='text-black type-h3 mt-2'>{post.title}</p>
126114 <caption className='text-black mt-2'>{post.extra.author}</caption>
127− <caption className='text-gray mt-2'>{post.date}</caption>
115+ <caption className='text-gray mt-2'>{formatDate(new Date(post.date))}</caption>
128116 </div>
129117 </Link>
130118 </div>
@@ -144,7 +132,7 @@ export default function Home({ posts, events }) {
144132 <div>
145133 <BackgroundImage src={event.extra.image || ''} />
146134 <p className='text-black mt-2'>{event.title || ''}</p>
147− <caption className='text-gray'>{event.date}</caption>
135+ <caption className='text-gray'>{formatDate(new Date(event.date))}</caption>
148136 </div>
149137 </Link>
150138 </div>
@@ -153,19 +141,51 @@ export default function Home({ posts, events }) {
153141 }
154142 </div>
155143 </TabCarousel>
156−
157−
158144 </section>
159145
160146 <section className="layout-narrow pt-48">
161− <div className='measure pb-12'>
162− <h2 className="m-0 p-0 mr-4 pb-12">Inside the OS</h2>
163− <p>We send monthly emails on system improvements, upcoming events, and community spotlights.</p>
147+ <div className='measure'>
148+ <h2 className="m-0 p-0 mr-4 pb-12">Stay In Touch</h2>
149+ <p className='pb-12'>We send monthly emails on system improvements, upcoming events, and community spotlights.</p>
164150 </div>
151+ <form
152+ action="https://urbit.us11.list-manage.com/subscribe/post?u=972a03db9e0c6c25bb58de8c8&amp;id=be143888d2"
153+ method="post" id="mc-embedded-subscribe-form"
154+ name="mc-embedded-subscribe-form"
155+ className="validate form"
156+ target="_blank"
157+ novalidate>
158+ <div className="input-group" id="mc_embed_signup_scroll">
159+ <div className="mc-field-group w-full relative">
160+ <input
161+ className="text-gray type-ui black border-green border-4 px-3 w-full mb-2 h-16 rounded-xl"
162+ type="email"
163+ name="EMAIL"
164+ id="mce-EMAIL"
165+ placeholder="your@email.com" />
166+ <div className="flex h-16 items-center justify-center absolute top-0 right-6">
167+ <button
168+ id="mc-embedded-subscribe"
169+ className="type-ui text-gray bg-transparent"
170+ type="submit"
171+ name="subscribe"
172+ onclick="_paq.push(['trackEvent', 'Mailing List', 'Subscribe'])">
173+ Sign Up
174+ </button>
175+ </div>
176+ </div>
177+ </div>
178+ </form>
179+ <h3 className="mt-8">Follow us on <a className="text-green" href={contact.twitter}>Twitter</a></h3>
180+ <h3 className="mt-8">Explore code on <a className="text-green" href={contact.github}>Github</a></h3>
181+ <h3 className="mt-8">Ask questions in our <a className="text-green" href={contact.discord}>Discord</a></h3>
182+ <h3 className="mt-8">Boot Urbit and join <code className="bg-wall p-2 rounded-lg">{contact.urbitCommunity}</code></h3>
183+
165184 </section>
185+
166186 </SingleColumn>
167187
168− <Footer />
188+ <Footer/>
169189
170190 </Container>
171191 )