git.iko.soy/urbit.org
on e8ee718 help sign in
urbit.org/components/Footer.js
173 lines 6.0 kB history raw
1import Link from "next/link";
2import SingleColumn from "./SingleColumn";
3import Section from "./Section";
4import { contact } from "../lib/constants";
6export default function Footer() {
7 return (
8 <footer className="bg-wall w-full mt-48 flex justify-center">
9 <SingleColumn>
10 <Section short className="flex flex-row flex-wrap">
11 <div className="w-1/2 md:w-1/3 flex flex-col flex-shrink">
12 <h4 className="mt-16 mb-8">Use Urbit</h4>
13 <Link href="/getting-started">
14 <div>
15 <a className="type-sub text-gray">Getting Started</a>
16 </div>
17 </Link>
18 <Link href="/using">
19 <div>
20 <a className="type-sub text-gray">Operator's Manual</a>
21 </div>
22 </Link>
23 <Link href="https://github.com/urbit/port/releases">
24 <div>
25 <a className="type-sub text-gray">Urbit Client</a>
26 </div>
27 </Link>
28 <Link href="https://github.com/urbit/urbit/releases">
29 <div>
30 <a className="mt-2 type-sub text-gray">Urbit Binaries</a>
31 </div>
32 </Link>
33 {
34 // <Link href="">
35 // <div>
36 // <a className="mt-2 type-sub text-gray">Urbit Apps</a>
37 // </div>
38 // </Link>
39 }
40 <Link href="/getting-started/planet/#hosting-providers">
41 <div>
42 <a className="mt-2 type-sub text-gray">Hosting Providers</a>
43 </div>
44 </Link>
45 </div>
46 <div className="w-1/2 md:w-1/3 flex flex-col flex-shrink">
47 <h4 className="mt-16 mb-8">About</h4>
48 <Link href="/understanding-urbit">
49 <div>
50 <a className="type-sub text-gray">What's Urbit?</a>
51 </div>
52 </Link>
53 <Link href="/understanding-urbit/urbit-id">
54 <div>
55 <a className="mt-2 type-sub text-gray">Urbit ID</a>
56 </div>
57 </Link>
58 <Link href="/understanding-urbit/urbit-os">
59 <div>
60 <a className="mt-2 type-sub text-gray">Urbit OS</a>
61 </div>
62 </Link>
63 <Link href="/faq">
64 <div>
65 <a className="mt-2 type-sub text-gray">FAQ</a>
66 </div>
67 </Link>
68 </div>
69 <div className="w-1/2 md:w-1/3 flex flex-col flex-shrink">
70 <h4 className="mt-16 mb-8">News</h4>
71 <Link href="/blog">
72 <div>
73 <a className="type-sub text-gray">Blog</a>
74 </div>
75 </Link>
76 <Link href="/events">
77 <div>
78 <a className="mt-2 type-sub text-gray">Events</a>
79 </div>
80 </Link>
81 <Link href="/updates">
82 <div>
83 <a className="mt-2 type-sub text-gray">Updates</a>
84 </div>
85 </Link>
86 </div>
88 <div className="w-1/2 md:w-1/3 flex flex-col">
89 <h4 className="mt-16 mb-8">Develop</h4>
90 <Link href="/docs">
91 <div>
92 <a className="type-sub text-gray">Documentation</a>
93 </div>
94 </Link>
95 <Link href="https://github.com/urbit">
96 <div>
97 <a className="mt-2 type-sub text-gray">Github</a>
98 </div>
99 </Link>
100 <Link href="https://github.com/urbit/awesome-urbit#http-apis-airlock">
101 <div>
102 <a className="mt-2 type-sub text-gray">Airlock APIs</a>
103 </div>
104 </Link>
105 </div>
106 <div className="w-1/2 md:w-1/3 flex flex-col">
107 <h4 className="mt-16 mb-8">Contribute</h4>
108 <Link href="https://github.com/urbit/urbit/issues">
109 <div>
110 <a className="type-sub text-gray">Issue Tracker</a>
111 </div>
112 </Link>
113 <Link href="/grants">
114 <div>
115 <a className="mt-2 type-sub text-gray">Urbit Grants</a>
116 </div>
117 </Link>
118 </div>
120 <div className="w-1/2 md:w-1/3 flex flex-col">
121 <h4 className="mt-16 mb-8">Community</h4>
122 <Link href="https://groups.google.com/a/urbit.org/g/dev?pli=1">
123 <div>
124 <a className="type-sub text-gray">Dev Mailing List</a>
125 </div>
126 </Link>
127 <Link href="https://discord.gg/CfSKKaB2ep">
128 <div>
129 <a className="mt-2 type-sub text-gray">Support Discord</a>
130 </div>
131 </Link>
132 <Link href="https://github.com/urbit/azimuth">
133 <div>
134 <a className="mt-2 type-sub text-gray">Governance</a>
135 </div>
136 </Link>
137 <Link href="https://twitter.com/urbit">
138 <div>
139 <a className="mt-2 type-sub text-gray">Twitter</a>
140 </div>
141 </Link>
142 </div>
143 </Section>
144 <Section className="flex flex-col md:flex-row">
145 <div className="md:w-1/3">
146 <Link href="/privacy">
147 <div>
148 <a className="type-sub text-gray">Privacy Policy</a>
149 </div>
150 </Link>
151 </div>
152 <div className="md:w-1/3">
153 <Link href="/terms-of-service">
154 <div>
155 <a className="type-sub text-gray">Terms of Service</a>
156 </div>
157 </Link>
158 </div>
159 <div className="md:w-1/3">
160 <div>
161 <a
162 href={"mailto:" + contact.email}
163 className="type-sub text-gray"
164 >
165 {contact.email}
166 </a>
167 </div>
168 </div>
169 </Section>
170 </SingleColumn>
171 </footer>
172 );