git.iko.soy/urbit.org
on master help sign in
grid tweaks, rearrange homepage based on gwp feedback
c23012eGavin Atkinson
sass/_main.scss+12
compare with master
unifiedsplit
@@ -552,3 +552,15 @@ hr {
552 overflow: hidden;
552 overflow: hidden;
553 z-index:-99;
553 z-index:-99;
554}
554}
555+
556+.ul-black {
557+ border-bottom: 1px solid black;
558+}
559+
560+.ul-blue {
561+ border-bottom: 1px solid #4330fc;
562+}
563+
564+.ul-green {
565+ border-bottom: 1px solid #2aa779;
566+}
sass/grid.scss+114−114
@@ -5,9 +5,9 @@
5 display: grid;
5 display: grid;
6 grid-template-columns: repeat(12, [col-start] 1fr);
6 grid-template-columns: repeat(12, [col-start] 1fr);
7 grid-auto-rows: auto;
7 grid-auto-rows: auto;
8− column-gap: 32px;
8+ column-gap: 64px;
9 }
9 }
10−
10+
11 .grid8 {
11 .grid8 {
12 display: grid;
12 display: grid;
13 grid-template-columns: repeat(8, [col-start] 1fr);
13 grid-template-columns: repeat(8, [col-start] 1fr);
@@ -15,35 +15,35 @@
15 gap: 1px;
15 gap: 1px;
16 width: 100%;
16 width: 100%;
17 }
17 }
18−
18+
19 .full {
19 .full {
20 grid-area: auto / 1 / auto / 13;
20 grid-area: auto / 1 / auto / 13;
21 }
21 }
22−
22+
23 .half-1 {
23 .half-1 {
24 grid-area: auto / 1 / auto / 7;
24 grid-area: auto / 1 / auto / 7;
25 }
25 }
26−
26+
27 .half-2 {
27 .half-2 {
28 grid-area: auto / 7 / auto / 13;
28 grid-area: auto / 7 / auto / 13;
29 }
29 }
30−
30+
31 .fourth-1 {
31 .fourth-1 {
32 grid-area: auto / 1 / auto / 4;
32 grid-area: auto / 1 / auto / 4;
33 }
33 }
34−
34+
35 .fourth-2 {
35 .fourth-2 {
36 grid-area: auto / 4 / auto / 7;
36 grid-area: auto / 4 / auto / 7;
37 }
37 }
38−
38+
39 .fourth-3 {
39 .fourth-3 {
40 grid-area: auto / 7 / auto / 10;
40 grid-area: auto / 7 / auto / 10;
41 }
41 }
42−
42+
43 .fourth-4 {
43 .fourth-4 {
44 grid-area: auto / 10 / auto / 13;
44 grid-area: auto / 10 / auto / 13;
45 }
45 }
46−
46+
47 @media only screen and (min-width: 34.375em) {
47 @media only screen and (min-width: 34.375em) {
48 .full-ns {
48 .full-ns {
49 grid-area: auto / 1 / auto / 13;
49 grid-area: auto / 1 / auto / 13;
@@ -67,7 +67,7 @@
67 grid-area: auto / 10 / auto / 13;
67 grid-area: auto / 10 / auto / 13;
68 }
68 }
69 }
69 }
70−
70+
71 @media only screen and (min-width: 46.875em) and (max-width: 60em) {
71 @media only screen and (min-width: 46.875em) and (max-width: 60em) {
72 .full-md {
72 .full-md {
73 grid-area: auto / 1 / auto / 13;
73 grid-area: auto / 1 / auto / 13;
@@ -91,7 +91,7 @@
91 grid-area: auto / 10 / auto / 13;
91 grid-area: auto / 10 / auto / 13;
92 }
92 }
93 }
93 }
94−
94+
95 @media only screen and (min-width: 60em) {
95 @media only screen and (min-width: 60em) {
96 .full-lg {
96 .full-lg {
97 grid-area: auto / 1 / auto / 13;
97 grid-area: auto / 1 / auto / 13;
@@ -115,477 +115,477 @@
115 grid-area: auto / 10 / auto / 13;
115 grid-area: auto / 10 / auto / 13;
116 }
116 }
117 }
117 }
118−
118+
119 .gap1 {
119 .gap1 {
120 width: 1px;
120 width: 1px;
121 }
121 }
122−
122+
123 .gap2 {
123 .gap2 {
124 width: 2px;
124 width: 2px;
125 }
125 }
126−
126+
127 .gap4 {
127 .gap4 {
128 width: 4px;
128 width: 4px;
129 }
129 }
130−
130+
131 .gap8 {
131 .gap8 {
132 width: 8px;
132 width: 8px;
133 }
133 }
134−
134+
135 .gap12 {
135 .gap12 {
136 width: 12px;
136 width: 12px;
137 }
137 }
138−
138+
139 .gap16 {
139 .gap16 {
140 width: 16px;
140 width: 16px;
141 }
141 }
142−
142+
143 .gap24 {
143 .gap24 {
144 width: 24px;
144 width: 24px;
145 }
145 }
146−
146+
147 .gap32 {
147 .gap32 {
148 width: 32px;
148 width: 32px;
149 }
149 }
150−
150+
151 .fr1 {
151 .fr1 {
152 width: 1fr;
152 width: 1fr;
153 }
153 }
154−
154+
155 .fr2 {
155 .fr2 {
156 width: 2fr;
156 width: 2fr;
157 }
157 }
158−
158+
159 .fr3 {
159 .fr3 {
160 width: 3fr;
160 width: 3fr;
161 }
161 }
162−
162+
163 .fr4 {
163 .fr4 {
164 width: 4fr;
164 width: 4fr;
165 }
165 }
166−
166+
167 .fr5 {
167 .fr5 {
168 width: 5fr;
168 width: 5fr;
169 }
169 }
170−
170+
171 .fr6 {
171 .fr6 {
172 width: 6fr;
172 width: 6fr;
173 }
173 }
174−
174+
175 .fr7 {
175 .fr7 {
176 width: 7fr;
176 width: 7fr;
177 }
177 }
178−
178+
179 .fr8 {
179 .fr8 {
180 width: 8fr;
180 width: 8fr;
181 }
181 }
182−
182+
183 .fr9 {
183 .fr9 {
184 width: 9fr;
184 width: 9fr;
185 }
185 }
186−
186+
187 .fr10 {
187 .fr10 {
188 width: 10fr;
188 width: 10fr;
189 }
189 }
190−
190+
191 .fr11 {
191 .fr11 {
192 width: 11fr;
192 width: 11fr;
193 }
193 }
194−
194+
195 .fr12 {
195 .fr12 {
196 width: 12fr;
196 width: 12fr;
197 }
197 }
198−
198+
199 .c1-2 {
199 .c1-2 {
200 grid-column-start: 1;
200 grid-column-start: 1;
201 grid-column-end: 2;
201 grid-column-end: 2;
202 }
202 }
203−
203+
204 .c1-3 {
204 .c1-3 {
205 grid-column-start: 1;
205 grid-column-start: 1;
206 grid-column-end: 3;
206 grid-column-end: 3;
207 }
207 }
208−
208+
209 .c1-4 {
209 .c1-4 {
210 grid-column-start: 1;
210 grid-column-start: 1;
211 grid-column-end: 4;
211 grid-column-end: 4;
212 }
212 }
213−
213+
214 .c1-5 {
214 .c1-5 {
215 grid-column-start: 1;
215 grid-column-start: 1;
216 grid-column-end: 5;
216 grid-column-end: 5;
217 }
217 }
218−
218+
219 .c1-6 {
219 .c1-6 {
220 grid-column-start: 1;
220 grid-column-start: 1;
221 grid-column-end: 6;
221 grid-column-end: 6;
222 }
222 }
223−
223+
224 .c1-7 {
224 .c1-7 {
225 grid-column-start: 1;
225 grid-column-start: 1;
226 grid-column-end: 7;
226 grid-column-end: 7;
227 }
227 }
228−
228+
229 .c1-8 {
229 .c1-8 {
230 grid-column-start: 1;
230 grid-column-start: 1;
231 grid-column-end: 8;
231 grid-column-end: 8;
232 }
232 }
233−
233+
234 .c1-9 {
234 .c1-9 {
235 grid-column-start: 1;
235 grid-column-start: 1;
236 grid-column-end: 9;
236 grid-column-end: 9;
237 }
237 }
238−
238+
239 .c1-10 {
239 .c1-10 {
240 grid-column-start: 1;
240 grid-column-start: 1;
241 grid-column-end: 10;
241 grid-column-end: 10;
242 }
242 }
243−
243+
244 .c1-11 {
244 .c1-11 {
245 grid-column-start: 1;
245 grid-column-start: 1;
246 grid-column-end: 11;
246 grid-column-end: 11;
247 }
247 }
248−
248+
249 .c1-12 {
249 .c1-12 {
250 grid-column-start: 1;
250 grid-column-start: 1;
251 grid-column-end: 12;
251 grid-column-end: 12;
252 }
252 }
253−
253+
254 .c1-13 {
254 .c1-13 {
255 grid-column-start: 1;
255 grid-column-start: 1;
256 grid-column-end: 13;
256 grid-column-end: 13;
257 }
257 }
258−
258+
259 .c2-3 {
259 .c2-3 {
260 grid-column-start: 2;
260 grid-column-start: 2;
261 grid-column-end: 3;
261 grid-column-end: 3;
262 }
262 }
263−
263+
264 .c2-4 {
264 .c2-4 {
265 grid-column-start: 2;
265 grid-column-start: 2;
266 grid-column-end: 4;
266 grid-column-end: 4;
267 }
267 }
268−
268+
269 .c2-5 {
269 .c2-5 {
270 grid-column-start: 2;
270 grid-column-start: 2;
271 grid-column-end: 5;
271 grid-column-end: 5;
272 }
272 }
273−
273+
274 .c2-6 {
274 .c2-6 {
275 grid-column-start: 2;
275 grid-column-start: 2;
276 grid-column-end: 6;
276 grid-column-end: 6;
277 }
277 }
278−
278+
279 .c2-7 {
279 .c2-7 {
280 grid-column-start: 2;
280 grid-column-start: 2;
281 grid-column-end: 7;
281 grid-column-end: 7;
282 }
282 }
283−
283+
284 .c2-8 {
284 .c2-8 {
285 grid-column-start: 2;
285 grid-column-start: 2;
286 grid-column-end: 8;
286 grid-column-end: 8;
287 }
287 }
288−
288+
289 .c2-9 {
289 .c2-9 {
290 grid-column-start: 2;
290 grid-column-start: 2;
291 grid-column-end: 9;
291 grid-column-end: 9;
292 }
292 }
293−
293+
294 .c2-10 {
294 .c2-10 {
295 grid-column-start: 2;
295 grid-column-start: 2;
296 grid-column-end: 10;
296 grid-column-end: 10;
297 }
297 }
298−
298+
299 .c2-11 {
299 .c2-11 {
300 grid-column-start: 2;
300 grid-column-start: 2;
301 grid-column-end: 11;
301 grid-column-end: 11;
302 }
302 }
303−
303+
304 .c2-12 {
304 .c2-12 {
305 grid-column-start: 2;
305 grid-column-start: 2;
306 grid-column-end: 12;
306 grid-column-end: 12;
307 }
307 }
308−
308+
309 .c2-13 {
309 .c2-13 {
310 grid-column-start: 2;
310 grid-column-start: 2;
311 grid-column-end: 13;
311 grid-column-end: 13;
312 }
312 }
313−
313+
314 .c3-4 {
314 .c3-4 {
315 grid-column-start: 3;
315 grid-column-start: 3;
316 grid-column-end: 4;
316 grid-column-end: 4;
317 }
317 }
318−
318+
319 .c3-5 {
319 .c3-5 {
320 grid-column-start: 3;
320 grid-column-start: 3;
321 grid-column-end: 5;
321 grid-column-end: 5;
322 }
322 }
323−
323+
324 .c3-6 {
324 .c3-6 {
325 grid-column-start: 3;
325 grid-column-start: 3;
326 grid-column-end: 6;
326 grid-column-end: 6;
327 }
327 }
328−
328+
329 .c3-7 {
329 .c3-7 {
330 grid-column-start: 3;
330 grid-column-start: 3;
331 grid-column-end: 7;
331 grid-column-end: 7;
332 }
332 }
333−
333+
334 .c3-8 {
334 .c3-8 {
335 grid-column-start: 3;
335 grid-column-start: 3;
336 grid-column-end: 8;
336 grid-column-end: 8;
337 }
337 }
338−
338+
339 .c3-9 {
339 .c3-9 {
340 grid-column-start: 3;
340 grid-column-start: 3;
341 grid-column-end: 9;
341 grid-column-end: 9;
342 }
342 }
343−
343+
344 .c3-10 {
344 .c3-10 {
345 grid-column-start: 3;
345 grid-column-start: 3;
346 grid-column-end: 10;
346 grid-column-end: 10;
347 }
347 }
348−
348+
349 .c3-11 {
349 .c3-11 {
350 grid-column-start: 3;
350 grid-column-start: 3;
351 grid-column-end: 11;
351 grid-column-end: 11;
352 }
352 }
353−
353+
354 .c3-12 {
354 .c3-12 {
355 grid-column-start: 3;
355 grid-column-start: 3;
356 grid-column-end: 12;
356 grid-column-end: 12;
357 }
357 }
358−
358+
359 .c3-13 {
359 .c3-13 {
360 grid-column-start: 3;
360 grid-column-start: 3;
361 grid-column-end: 13;
361 grid-column-end: 13;
362 }
362 }
363−
363+
364 .c4-5 {
364 .c4-5 {
365 grid-column-start: 4;
365 grid-column-start: 4;
366 grid-column-end: 5;
366 grid-column-end: 5;
367 }
367 }
368−
368+
369 .c4-6 {
369 .c4-6 {
370 grid-column-start: 4;
370 grid-column-start: 4;
371 grid-column-end: 6;
371 grid-column-end: 6;
372 }
372 }
373−
373+
374 .c4-7 {
374 .c4-7 {
375 grid-column-start: 4;
375 grid-column-start: 4;
376 grid-column-end: 7;
376 grid-column-end: 7;
377 }
377 }
378−
378+
379 .c4-8 {
379 .c4-8 {
380 grid-column-start: 4;
380 grid-column-start: 4;
381 grid-column-end: 8;
381 grid-column-end: 8;
382 }
382 }
383−
383+
384 .c4-9 {
384 .c4-9 {
385 grid-column-start: 4;
385 grid-column-start: 4;
386 grid-column-end: 9;
386 grid-column-end: 9;
387 }
387 }
388−
388+
389 .c4-10 {
389 .c4-10 {
390 grid-column-start: 4;
390 grid-column-start: 4;
391 grid-column-end: 10;
391 grid-column-end: 10;
392 }
392 }
393−
393+
394 .c4-11 {
394 .c4-11 {
395 grid-column-start: 4;
395 grid-column-start: 4;
396 grid-column-end: 11;
396 grid-column-end: 11;
397 }
397 }
398−
398+
399 .c4-12 {
399 .c4-12 {
400 grid-column-start: 4;
400 grid-column-start: 4;
401 grid-column-end: 12;
401 grid-column-end: 12;
402 }
402 }
403−
403+
404 .c4-13 {
404 .c4-13 {
405 grid-column-start: 4;
405 grid-column-start: 4;
406 grid-column-end: 13;
406 grid-column-end: 13;
407 }
407 }
408−
408+
409 .c5-6 {
409 .c5-6 {
410 grid-column-start: 5;
410 grid-column-start: 5;
411 grid-column-end: 6;
411 grid-column-end: 6;
412 }
412 }
413−
413+
414 .c5-7 {
414 .c5-7 {
415 grid-column-start: 5;
415 grid-column-start: 5;
416 grid-column-end: 7;
416 grid-column-end: 7;
417 }
417 }
418−
418+
419 .c5-8 {
419 .c5-8 {
420 grid-column-start: 5;
420 grid-column-start: 5;
421 grid-column-end: 8;
421 grid-column-end: 8;
422 }
422 }
423−
423+
424 .c5-9 {
424 .c5-9 {
425 grid-column-start: 5;
425 grid-column-start: 5;
426 grid-column-end: 9;
426 grid-column-end: 9;
427 }
427 }
428−
428+
429 .c5-10 {
429 .c5-10 {
430 grid-column-start: 5;
430 grid-column-start: 5;
431 grid-column-end: 10;
431 grid-column-end: 10;
432 }
432 }
433−
433+
434 .c5-11 {
434 .c5-11 {
435 grid-column-start: 5;
435 grid-column-start: 5;
436 grid-column-end: 11;
436 grid-column-end: 11;
437 }
437 }
438−
438+
439 .c5-12 {
439 .c5-12 {
440 grid-column-start: 5;
440 grid-column-start: 5;
441 grid-column-end: 12;
441 grid-column-end: 12;
442 }
442 }
443−
443+
444 .c5-13 {
444 .c5-13 {
445 grid-column-start: 5;
445 grid-column-start: 5;
446 grid-column-end: 13;
446 grid-column-end: 13;
447 }
447 }
448−
448+
449 .c6-7 {
449 .c6-7 {
450 grid-column-start: 6;
450 grid-column-start: 6;
451 grid-column-end: 7;
451 grid-column-end: 7;
452 }
452 }
453−
453+
454 .c6-8 {
454 .c6-8 {
455 grid-column-start: 6;
455 grid-column-start: 6;
456 grid-column-end: 8;
456 grid-column-end: 8;
457 }
457 }
458−
458+
459 .c6-9 {
459 .c6-9 {
460 grid-column-start: 6;
460 grid-column-start: 6;
461 grid-column-end: 9;
461 grid-column-end: 9;
462 }
462 }
463−
463+
464 .c6-10 {
464 .c6-10 {
465 grid-column-start: 6;
465 grid-column-start: 6;
466 grid-column-end: 10;
466 grid-column-end: 10;
467 }
467 }
468−
468+
469 .c6-11 {
469 .c6-11 {
470 grid-column-start: 6;
470 grid-column-start: 6;
471 grid-column-end: 11;
471 grid-column-end: 11;
472 }
472 }
473−
473+
474 .c6-12 {
474 .c6-12 {
475 grid-column-start: 6;
475 grid-column-start: 6;
476 grid-column-end: 12;
476 grid-column-end: 12;
477 }
477 }
478−
478+
479 .c6-13 {
479 .c6-13 {
480 grid-column-start: 6;
480 grid-column-start: 6;
481 grid-column-end: 13;
481 grid-column-end: 13;
482 }
482 }
483−
483+
484 .c7-8 {
484 .c7-8 {
485 grid-column-start: 7;
485 grid-column-start: 7;
486 grid-column-end: 8;
486 grid-column-end: 8;
487 }
487 }
488−
488+
489 .c7-9 {
489 .c7-9 {
490 grid-column-start: 7;
490 grid-column-start: 7;
491 grid-column-end: 9;
491 grid-column-end: 9;
492 }
492 }
493−
493+
494 .c7-10 {
494 .c7-10 {
495 grid-column-start: 7;
495 grid-column-start: 7;
496 grid-column-end: 10;
496 grid-column-end: 10;
497 }
497 }
498−
498+
499 .c7-11 {
499 .c7-11 {
500 grid-column-start: 7;
500 grid-column-start: 7;
501 grid-column-end: 11;
501 grid-column-end: 11;
502 }
502 }
503−
503+
504 .c7-12 {
504 .c7-12 {
505 grid-column-start: 7;
505 grid-column-start: 7;
506 grid-column-end: 12;
506 grid-column-end: 12;
507 }
507 }
508−
508+
509 .c7-13 {
509 .c7-13 {
510 grid-column-start: 7;
510 grid-column-start: 7;
511 grid-column-end: 13;
511 grid-column-end: 13;
512 }
512 }
513−
513+
514 .c8-9 {
514 .c8-9 {
515 grid-column-start: 8;
515 grid-column-start: 8;
516 grid-column-end: 9;
516 grid-column-end: 9;
517 }
517 }
518−
518+
519 .c8-10 {
519 .c8-10 {
520 grid-column-start: 8;
520 grid-column-start: 8;
521 grid-column-end: 10;
521 grid-column-end: 10;
522 }
522 }
523−
523+
524 .c8-11 {
524 .c8-11 {
525 grid-column-start: 8;
525 grid-column-start: 8;
526 grid-column-end: 11;
526 grid-column-end: 11;
527 }
527 }
528−
528+
529 .c8-12 {
529 .c8-12 {
530 grid-column-start: 8;
530 grid-column-start: 8;
531 grid-column-end: 12;
531 grid-column-end: 12;
532 }
532 }
533−
533+
534 .c8-13 {
534 .c8-13 {
535 grid-column-start: 8;
535 grid-column-start: 8;
536 grid-column-end: 13;
536 grid-column-end: 13;
537 }
537 }
538−
538+
539 .c9-10 {
539 .c9-10 {
540 grid-column-start: 9;
540 grid-column-start: 9;
541 grid-column-end: 10;
541 grid-column-end: 10;
542 }
542 }
543−
543+
544 .c9-11 {
544 .c9-11 {
545 grid-column-start: 9;
545 grid-column-start: 9;
546 grid-column-end: 11;
546 grid-column-end: 11;
547 }
547 }
548−
548+
549 .c9-12 {
549 .c9-12 {
550 grid-column-start: 9;
550 grid-column-start: 9;
551 grid-column-end: 12;
551 grid-column-end: 12;
552 }
552 }
553−
553+
554 .c9-13 {
554 .c9-13 {
555 grid-column-start: 9;
555 grid-column-start: 9;
556 grid-column-end: 13;
556 grid-column-end: 13;
557 }
557 }
558−
558+
559 .c10-11 {
559 .c10-11 {
560 grid-column-start: 10;
560 grid-column-start: 10;
561 grid-column-end: 11;
561 grid-column-end: 11;
562 }
562 }
563−
563+
564 .c10-12 {
564 .c10-12 {
565 grid-column-start: 10;
565 grid-column-start: 10;
566 grid-column-end: 12;
566 grid-column-end: 12;
567 }
567 }
568−
568+
569 .c10-13 {
569 .c10-13 {
570 grid-column-start: 10;
570 grid-column-start: 10;
571 grid-column-end: 13;
571 grid-column-end: 13;
572 }
572 }
573−
573+
574 .c11-12 {
574 .c11-12 {
575 grid-column-start: 11;
575 grid-column-start: 11;
576 grid-column-end: 12;
576 grid-column-end: 12;
577 }
577 }
578−
578+
579 .c11-13 {
579 .c11-13 {
580 grid-column-start: 11;
580 grid-column-start: 11;
581 grid-column-end: 13;
581 grid-column-end: 13;
582 }
582 }
583−
583+
584 .c12-13 {
584 .c12-13 {
585 grid-column-start: 12;
585 grid-column-start: 12;
586 grid-column-end: 13;
586 grid-column-end: 13;
587 }
587 }
588−
588+
589 @media only screen and (min-width: 550px) {
589 @media only screen and (min-width: 550px) {
590 .c1-2-ns {
590 .c1-2-ns {
591 grid-column-start: 1;
591 grid-column-start: 1;
@@ -900,7 +900,7 @@
900 grid-column-end: 13;
900 grid-column-end: 13;
901 }
901 }
902 }
902 }
903−
903+
904 @media only screen and (min-width: 750px) and (max-width: 960px) {
904 @media only screen and (min-width: 750px) and (max-width: 960px) {
905 .c1-2-md {
905 .c1-2-md {
906 grid-column-start: 1;
906 grid-column-start: 1;
@@ -1215,7 +1215,7 @@
1215 grid-column-end: 13;
1215 grid-column-end: 13;
1216 }
1216 }
1217 }
1217 }
1218−
1218+
1219 @media only screen and (min-width: 960px) {
1219 @media only screen and (min-width: 960px) {
1220 .c1-2-lg {
1220 .c1-2-lg {
1221 grid-column-start: 1;
1221 grid-column-start: 1;
@@ -1529,4 +1529,4 @@
1529 grid-column-start: 12;
1529 grid-column-start: 12;
1530 grid-column-end: 13;
1530 grid-column-end: 13;
1531 }
1531 }
1532− }
1532+ }
templates/index.html+55−43
@@ -21,7 +21,7 @@ content: " ↗";
21 </video>
21 </video>
22
22
23 <div class='grid12' style='height: 100%; width:100%;'>
23 <div class='grid12' style='height: 100%; width:100%;'>
24− <div class='full c4-10-lg flex items-center align-center z10 white'>
24+ <div class='full c3-10-lg flex items-center align-center z10 white'>
25 Urbit is your last computer.
25 Urbit is your last computer.
26 </div>
26 </div>
27 </div>
27 </div>
@@ -31,25 +31,67 @@ content: " ↗";
31 "></iframe> -->
31 "></iframe> -->
32</section>
32</section>
33
33
34−<nav class="home full c4-10-lg mt6 mb5 grid12">
34+<nav class="home full c3-11-lg mt6 grid12">
35− <section class="full half-1-md half-1-lg">
35+ <section class="full mb6">
36−
36+ <div>
37+ It's a simple, durable computer you own 100% and forever.
38+ </div>
39+ </section>
40+ <aside class="full half-1-md half-1-lg mb6">
37 <ul>
41 <ul>
38− <li><a href="/understanding-urbit/">Introduction -></a></li>
42+ <li><a class='ul-black' href="/understanding-urbit/">Introduction</a></li>
43+ <li class=""><a class="blue2 ul-blue" href="/docs">Docs</a></li>
44+ <li><a class="green2 ul-green" href="/install">Install</a></li>
45+ </ul>
46+ </aside>
47+</nav>
39
48
40− <li class="mt4"><a href="/essays">Essays</a></li>
49+<article class="full-bleed full grid12 mt6">
41− <li><a href="/updates/">Updates</a></li>
50+ <nav class="full grid12 mt4 mb6">
42− <li><a href="/media">Media</a></li>
51+ <section class="full c3-7-lg">
43− <li><a href="/faq/">FAQ</a></li>
52+ <h1 class="mb3">Understand Urbit</h1>
53+ <p class="lh-copy mt1 mb4">For a quick explanation of what Urbit is and how Urbit works, see the <a href="/understanding-urbit">introduction</a>.
54+ If you're more technical, feel free to skip ahead to the <a href="/understanding-urbit/technical-overview">technical overview.</a></p>
55+ <ul class="full c4-7-lg">
56+ <li class="mt2"><a class="b--black bb" href="/understanding-urbit/">Introduction</a></li>
57+ {% set posts = get_section(path="understanding-urbit/_index.md") %}
58+ {% for page in posts.pages %}
59+ <li class="mt2"><a class="b--black bb" href="{{ page.permalink }}">{{ page.title }}</a></li>
60+ {% endfor %}
61+ </ul>
62+ </section>
44
63
64+ <section class="full c7-11-lg">
65+ <h1 class="mb3">Learn More</h1>
66+ <p class="lh-copy mt1 mb4">For a quick explanation of what Urbit is and how Urbit works, see the <a href="/understanding-urbit">introduction</a>.
67+ If you're more technical, feel free to skip ahead to the <a href="/understanding-urbit/technical-overview">technical overview.</a></p>
68+ <ul class="full c4-7-lg">
45− <li class="mt4"><a class="blue2" href="/docs">Docs ↗</a></li>
69+ <li class="mt2"><a class="b--black bb" href="/understanding-urbit/">Introduction</a></li>
46− <li><a class="green2" href="/install">Install ↗</a></li>
70+ {% set posts = get_section(path="understanding-urbit/_index.md") %}
71+ {% for page in posts.pages %}
72+ <li class="mt2"><a class="b--black bb" href="{{ page.permalink }}">{{ page.title }}</a></li>
73+ {% endfor %}
47 </ul>
74 </ul>
75+ </section>
48
76
77+ <section class="c3-7-lg mt6">
78+ <h1 class="mb3">Follow Us</h1>
79+ <p class="lh-copy mt1 mb4">Urbit is actively being built, explored, and experimented with.
80+ To follow our progress you can:
81+ </p>
82+ <ul>
83+ <li class="mt2">Follow us on <a href="https://twitter.com/urbit">Twitter</a></li>
84+ <li class="mt2">Explore the code on <a href="https://github.com/urbit/urbit">GitHub</a></li>
85+ <li class="mt2">Ask questions in our <a href="https://discord.gg/bkEX6EU">Discord</a></li>
86+ </ul>
87+ <p class="lh-copy">or boot Urbit and join <code class="db">~dopzod/urbit-help</code></p>
49 </section>
88 </section>
50
89
51− <aside class="half-2-md half-2-lg full mt0-l mt0-xl mt4" id="newsletter-subscribe-top">
90+ <aside class="full c7-11-lg mt6" id="newsletter-subscribe-top">
91+ <h1 class="mb3">Stay Up to Date</h1>
92+ <p class="lh-copy mt1 mb3">
52− <p class="lh-copy mt1 mb3">We send regular updates about our project. Enter your email to get them.</p>
93+ We send regular updates about our project. Enter your email to get them.
94+ </p>
53 <iframe name="nothing" style="display:none;"></iframe>
95 <iframe name="nothing" style="display:none;"></iframe>
54 <form action="https://urbit.us11.list-manage.com/subscribe/post?u=972a03db9e0c6c25bb58de8c8&amp;amp;id=be143888d2"
96 <form action="https://urbit.us11.list-manage.com/subscribe/post?u=972a03db9e0c6c25bb58de8c8&amp;amp;id=be143888d2"
55 method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate form"
97 method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate form"
@@ -65,36 +107,6 @@ content: " ↗";
65 </div>
107 </div>
66 </form>
108 </form>
67 </aside>
109 </aside>
68−</nav>
69−
70−<article class="full-bleed full grid12 mt6">
71−
72− <nav class="full grid12 mt4 mb6">
73− <section class="full c4-7-lg">
74− <h1 class="mb3">Understanding Urbit</h1>
75− <p class="lh-copy mt1 mb4">For a quick explanation of what Urbit is and how Urbit works, see the <a href="/understanding-urbit">introduction</a>.
76− If you're more technical, feel free to skip ahead to the <a href="/understanding-urbit/technical-overview">technical overview.</a></p>
77− <ul class="full c4-7-lg">
78− <li class="mt2"><a class="b--black bb" href="/understanding-urbit/">Introduction</a></li>
79− {% set posts = get_section(path="understanding-urbit/_index.md") %}
80− {% for page in posts.pages %}
81− <li class="mt2"><a class="b--black bb" href="{{ page.permalink }}">{{ page.title }}</a></li>
82− {% endfor %}
83− </ul>
84− </section>
85−
86− <section class="full c7-10-lg mt4 mt0-xl">
87− <h1 class="mb3">Follow the Project</h1>
88− <p class="lh-copy mt1 mb4">Urbit is actively being built, explored, and experimented with.
89− To follow our progress you can:
90− </p>
91− <ul>
92− <li class="mt2">Follow us on <a href="https://twitter.com/urbit">Twitter</a></li>
93− <li class="mt2">Explore the code on <a href="https://github.com/urbit/urbit">GitHub</a></li>
94− <li class="mt2">Ask questions in our <a href="https://discord.gg/bkEX6EU">Discord</a></li>
95− </ul>
96− <p class="lh-copy">or boot Urbit and join <code class="db">~dopzod/urbit-help</code></p>
97− </section>
98
110
99 </nav>
111 </nav>
100</article>
112</article>