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