@@ -5,34 +5,36 @@ import { contact } from "../lib/constants";
6export default function Footer() {
6export default function Footer() {
8− <footer className="py-16 bg-wall w-full mt-48 flex justify-center">
8+ <footer className="bg-wall w-full mt-48 flex justify-center">
9 <SingleColumn>
9 <SingleColumn>
10− <Section short className="flex">
10+ <Section short className="flex flex-row flex-wrap">
11− <div className="w-1/3 flex flex-col flex-shrink">
11+ <div className="w-1/2 md:w-1/3 flex flex-col flex-shrink">
12− <h4 className="mb-8">Use Urbit</h4>
12+ <h4 className="mt-16 mb-8">Use Urbit</h4>
13− <Link href="">
13+ <Link href="https://github.com/urbit/port/releases">
15 <a className="type-sub text-gray">Urbit Client</a>
15 <a className="type-sub text-gray">Urbit Client</a>
18− <Link href="">
18+ <Link href="https://github.com/urbit/urbit/releases">
20 <a className="mt-2 type-sub text-gray">Urbit Binaries</a>
20 <a className="mt-2 type-sub text-gray">Urbit Binaries</a>
23− <Link href="">
24+ // <Link href="">
25− <a className="mt-2 type-sub text-gray">Urbit Apps</a>
26+ // <a className="mt-2 type-sub text-gray">Urbit Apps</a>
27− </Link>
28+ // </Link>
30+ <Link href="/getting-started/planet/#hosting-providers">
30 <a className="mt-2 type-sub text-gray">Hosting Providers</a>
32 <a className="mt-2 type-sub text-gray">Hosting Providers</a>
34− <div className="w-1/3 flex flex-col flex-shrink">
36+ <div className="w-1/2 md:w-1/3 flex flex-col flex-shrink">
35− <h4 className="mb-8">About</h4>
37+ <h4 className="mt-16 mb-8">About</h4>
36 <Link href="/understanding-urbit">
38 <Link href="/understanding-urbit">
38 <a className="type-sub text-gray">What's Urbit?</a>
40 <a className="type-sub text-gray">What's Urbit?</a>
@@ -54,8 +56,8 @@ export default function Footer() {
57− <div className="w-1/3 flex flex-col flex-shrink">
59+ <div className="w-1/2 md:w-1/3 flex flex-col flex-shrink">
58− <h4 className="mb-8">News</h4>
60+ <h4 className="mt-16 mb-8">News</h4>
59 <Link href="/blog">
61 <Link href="/blog">
61 <a className="type-sub text-gray">Blog</a>
63 <a className="type-sub text-gray">Blog</a>
@@ -67,10 +69,9 @@ export default function Footer() {
71− <Section short className="flex">
72− <div className="w-1/3 flex flex-col">
73+ <div className="w-1/2 md:w-1/3 flex flex-col">
73− <h4 className="mb-8">Develop</h4>
74+ <h4 className="mt-16 mb-8">Develop</h4>
74 <Link href="/docs">
75 <Link href="/docs">
76 <a className="type-sub text-gray">Documentation</a>
77 <a className="type-sub text-gray">Documentation</a>
@@ -87,8 +88,8 @@ export default function Footer() {
90− <div className="w-1/3 flex flex-col">
91+ <div className="w-1/2 md:w-1/3 flex flex-col">
91− <h4 className="mb-8">Contribute</h4>
92+ <h4 className="mt-16 mb-8">Contribute</h4>
92 <Link href="https://github.com/urbit/urbit/issues">
93 <Link href="https://github.com/urbit/urbit/issues">
94 <a className="type-sub text-gray">Issue Tracker</a>
95 <a className="type-sub text-gray">Issue Tracker</a>
@@ -100,8 +101,9 @@ export default function Footer() {
103− <div className="w-1/3 flex flex-col">
105+ <div className="w-1/2 md:w-1/3 flex flex-col">
104− <h4 className="mb-8">Community</h4>
106+ <h4 className="mt-16 mb-8">Community</h4>
105 <Link href="https://groups.google.com/a/urbit.org/g/dev?pli=1">
107 <Link href="https://groups.google.com/a/urbit.org/g/dev?pli=1">
107 <a className="type-sub text-gray">Dev Mailing List</a>
109 <a className="type-sub text-gray">Dev Mailing List</a>
@@ -124,24 +126,29 @@ export default function Footer() {
126 </Section>
128 </Section>
127− <Section short className="flex">
129+ <Section className="flex flex-col md:flex-row">
128− <div className="w-1/3">
130+ <div className="md:w-1/3">
129 <Link href="/privacy">
131 <Link href="/privacy">
131 <a className="type-sub text-gray">Privacy Policy</a>
133 <a className="type-sub text-gray">Privacy Policy</a>
135− <div className="w-1/3">
137+ <div className="md:w-1/3">
136 <Link href="/terms-of-service">
138 <Link href="/terms-of-service">
138 <a className="type-sub text-gray">Terms of Service</a>
140 <a className="type-sub text-gray">Terms of Service</a>
142− <div className="w-1/3">
144+ <div className="md:w-1/3">
147+ href={"mailto:" + contact.email}
144− <a className="type-sub text-gray">{"mailto:" + contact.email}</a>
148+ className="type-sub text-gray"
147 </Section>
154 </Section>