on roller-tutorial help sign in
180 lines 6.3 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">User'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="/audits">
66 <div>
67 <a className="mt-2 type-bold text-wall-500">Security Audits</a>
68 </div>
69 </Link>
70 <Link href="/faq">
71 <div>
72 <a className="mt-2 type-bold text-wall-500">FAQ</a>
73 </div>
74 </Link>
75 <Link href="//media.urbit.org/whitepaper.pdf">
76 <div>
77 <a className="mt-2 type-bold text-wall-500">Whitepaper</a>
78 </div>
79 </Link>
80 </div>
81 <div className="w-1/2 md:w-1/3 flex flex-col flex-shrink">
82 <h4 className="mt-16 mb-8">News</h4>
83 <Link href="/blog">
84 <div>
85 <a className="type-bold text-wall-500">Blog</a>
86 </div>
87 </Link>
88 <Link href="/events">
89 <div>
90 <a className="mt-2 type-bold text-wall-500">Events</a>
91 </div>
92 </Link>
93 <Link href="/updates">
94 <div>
95 <a className="mt-2 type-bold text-wall-500">Updates</a>
96 </div>
97 </Link>
98 </div>
100 <div className="w-1/2 md:w-1/3 flex flex-col">
101 <h4 className="mt-16 mb-8">Develop</h4>
102 <Link href="/docs">
103 <div>
104 <a className="type-bold text-wall-500">Documentation</a>
105 </div>
106 </Link>
107 <Link href="https://github.com/urbit">
108 <div>
109 <a className="mt-2 type-bold text-wall-500">Github</a>
110 </div>
111 </Link>
112 <Link href="https://github.com/urbit/awesome-urbit#http-apis-airlock">
113 <div>
114 <a className="mt-2 type-bold text-wall-500">Airlock APIs</a>
115 </div>
116 </Link>
117 </div>
118 <div className="w-1/2 md:w-1/3 flex flex-col">
119 <h4 className="mt-16 mb-8">Contribute</h4>
120 <Link href="https://github.com/urbit/urbit/issues">
121 <div>
122 <a className="type-bold text-wall-500">Issue Tracker</a>
123 </div>
124 </Link>
125 <Link href="/grants">
126 <div>
127 <a className="mt-2 type-bold text-wall-500">Urbit Grants</a>
128 </div>
129 </Link>
130 </div>
132 <div className="w-1/2 md:w-1/3 flex flex-col">
133 <h4 className="mt-16 mb-8">Community</h4>
134 <Link href="https://groups.google.com/a/urbit.org/g/dev?pli=1">
135 <div>
136 <a className="type-bold text-wall-500">Dev Mailing List</a>
137 </div>
138 </Link>
139 <Link href="https://github.com/urbit/azimuth">
140 <div>
141 <a className="mt-2 type-bold text-wall-500">Governance</a>
142 </div>
143 </Link>
144 <Link href="https://twitter.com/urbit">
145 <div>
146 <a className="mt-2 type-bold text-wall-500">Twitter</a>
147 </div>
148 </Link>
149 </div>
150 </Section>
151 <Section className="flex flex-col md:flex-row">
152 <div className="md:w-1/3">
153 <Link href="/privacy">
154 <div>
155 <a className="type-bold text-wall-500">Privacy Policy</a>
156 </div>
157 </Link>
158 </div>
159 <div className="md:w-1/3">
160 <Link href="/terms-of-service">
161 <div>
162 <a className="type-bold text-wall-500">Terms of Service</a>
163 </div>
164 </Link>
165 </div>
166 <div className="md:w-1/3">
167 <div>
168 <a
169 href={"mailto:" + contact.email}
170 className="type-bold text-wall-500"
171 >
172 {contact.email}
173 </a>
174 </div>
175 </div>
176 </Section>
177 </SingleColumn>
178 </footer>
179 );