git.iko.soy/urbit.org
on master help sign in
feedback styling changes index page put to effect
740916ffriederjanmoerman
sass/_main.scss+7−1
compare with master
unifiedsplit
@@ -117,6 +117,12 @@ iframe {
117 display: none;
117 display: none;
118}
118}
119
119
120+.no-side-nav-column {
121+ flex-basis: 33.33333333%;
122+ max-width: 33.33333333%;
123+ margin-left: 16.66666667%;
124+}
125+
120.list, .sub-list {
126.list, .sub-list {
121 list-style: none;
127 list-style: none;
122 margin: 0;
128 margin: 0;
@@ -331,7 +337,7 @@ h1, .h1 {
331h2, .h2 {
337h2, .h2 {
332 margin: 0;
338 margin: 0;
333 font-size: 5rem;
339 font-size: 5rem;
334− font-weight: 500;
340+ font-weight: 700;
335 line-height: 6rem;
341 line-height: 6rem;
336}
342}
337
343
sass/_responsive.scss+12
@@ -16,6 +16,10 @@
16 flex-basis: 90%;
16 flex-basis: 90%;
17 max-width: 90%;
17 max-width: 90%;
18 }
18 }
19+ .no-side-nav-column {
20+ flex-basis: 66.66666667%;
21+ max-width: 66.66666667%;
22+ }
19 .form {
23 .form {
20 max-width: 270px;
24 max-width: 270px;
21 }
25 }
@@ -66,3 +70,11 @@
66 }
70 }
67 }
71 }
68}
72}
73+
74+@media only screen and (max-width: 480px) {
75+ .no-side-nav-column {
76+ margin-left: 8.33333333%;
77+ flex-basis: 83.33333333%;
78+ max-width: 83.33333333%;
79+ }
80+}
templates/index.html+40−36
@@ -2,43 +2,47 @@
2
2
3{% block content %}
3{% block content %}
4<div class="wrapper">
4<div class="wrapper">
5− <h1 class="mt10">Urbit</h1>
5+
6− <p class="mb6">A personal server built from scratch.</p>
7 <div class="container">
6 <div class="container">
7+ <div class="no-side-nav-column">
8+ <h1 class="mt10">Urbit</h1>
9+ <p class="mb6">A personal server built from scratch.</p>
8− <ul class="list">
10+ <ul class="list">
9− <li class="list__item">
11+ <li class="list__item">
10− <h2>
12+ <h2>
11− <a href="{{config.base_url ~ "/primer"}}">
13+ <a href="{{config.base_url ~ "/primer"}}">
12− Primer
14+ Primer
13− </a>
15+ </a>
14− </h2>
16+ </h2>
15− <p class="mb6">
17+ <p class="mb6">
16− A 10-minute read on what Urbit is and why it exists.
18+ A 10-minute read on what Urbit is and why it exists.
17− </p>
19+ </p>
18− </li>
20+ </li>
19− <li class="list__item">
21+ <li class="list__item">
20− <h2>
22+ <h2>
21− <a href="{{config.base_url ~ "/posts"}}">
23+ <a href="{{config.base_url ~ "/posts"}}">
22− Posts
24+ Posts
23− </a>
25+ </a>
24− </h2>
26+ </h2>
25− <p class="mb6">
27+ <p class="mb6">
26− Regular updates, occasional essays and media.
28+ Regular updates, occasional essays and media.
27− </p>
29+ </p>
28− </li>
30+ </li>
29− <li class="list__item">
31+ <li class="list__item">
30− <h2>
32+ <h2>
31− <a href="{{config.base_url ~ "/docs"}}">
33+ <a href="{{config.base_url ~ "/docs"}}">
32− Docs
34+ Docs
33− </a>
35+ </a>
34− </h2>
36+ </h2>
35− <p class="mb6">
37+ <p class="mb6">
36− Installation instructions and complete system documentation.
38+ Installation instructions and complete system documentation.
37− </p>
39+ </p>
38− </li>
40+ </li>
39− </ul>
41+ </ul>
42+ <!-- footer -->
43+ {% include "partials/footer.html" %}
44+ </div>
40 </div>
45 </div>
41</div>
46</div>
42−<!-- footer -->
47+
43−{% include "partials/footer.html" %}
44{% endblock content %}
48{% endblock content %}
templates/partials/footer.html+50−52
@@ -1,59 +1,57 @@
1{% block content %}
1{% block content %}
2<footer class="footer">
2<footer class="footer">
3− <div class="wrapper">
4− <section class ="form mv20">
3+ <section class ="form mv20">
5− <div id="mc_embed_signup">
4+ <div id="mc_embed_signup">
6− <h2 class="mb2">Updates</h2>
5+ <h2 class="mb2">Updates</h2>
7− <p>Every month we send an email with community events and what we're up to.</p>
6+ <p>Every month we send an email with community events and what we're up to.</p>
8− <iframe name="nothing" style="display:none;"></iframe>
7+ <iframe name="nothing" style="display:none;"></iframe>
9− <form id="mc-embedded-subscribe-form" class="validate" action="https://urbit.us11.list-manage.com/subscribe/post?u=972a03db9e0c6c25bb58de8c8&amp;amp;id=be143888d2" method="post" name="mc-embedded-subscribe-form" target="nothing">
8+ <form id="mc-embedded-subscribe-form" class="validate" action="https://urbit.us11.list-manage.com/subscribe/post?u=972a03db9e0c6c25bb58de8c8&amp;amp;id=be143888d2" method="post" name="mc-embedded-subscribe-form" target="nothing">
10− <div class="input-group text-mono" id="mc_embed_signup_scroll">
9+ <div class="input-group text-mono" id="mc_embed_signup_scroll">
11− <div class="mc-field-group">
10+ <div class="mc-field-group">
12− <input class="required mb2" type="email" name="EMAIL" id="mce-EMAIL" placeholder="your@email.com">
11+ <input class="required mb2" type="email" name="EMAIL" id="mce-EMAIL" placeholder="your@email.com">
13− </div>
14− <div id="mce-responses" class="clear">
15− <div id="mce-error-response" class="response" style="display:none"></div>
16− <div id="mce-success-response" class="response" style="display:none"></div>
17− </div>
18− <div style="position: absolute; left: -5000px;">
19− <input type="text" name="b_972a03db9e0c6c25bb58de8c8_be143888d2">
20− </div>
21− <div class="clear">
22− <button id="mc-embedded-subscribe" class="btn bg-black white h-font" type="submit" name="subscribe">
23− <span class="text-500">Subscribe</span>
24− </button>
25− </div>
26 </div>
12 </div>
13+ <div id="mce-responses" class="clear">
14+ <div id="mce-error-response" class="response" style="display:none"></div>
15+ <div id="mce-success-response" class="response" style="display:none"></div>
16+ </div>
17+ <div style="position: absolute; left: -5000px;">
18+ <input type="text" name="b_972a03db9e0c6c25bb58de8c8_be143888d2">
19+ </div>
20+ <div class="clear">
21+ <button id="mc-embedded-subscribe" class="btn bg-black white h-font" type="submit" name="subscribe">
22+ <span class="text-500">Subscribe</span>
23+ </button>
24+ </div>
25+ </div>
27− </form>
26+ </form>
28− </div>
27+ </div>
29− </section>
28+ </section>
30− <section class="mb6">
29+ <section class="mb6">
31− <h4 class="mb1">Follow</h4>
30+ <h4 class="mb1">Follow</h4>
32− <ul class="list">
31+ <ul class="list">
33− <li class="list__item">
32+ <li class="list__item">
34− <a class="text-mono" href="#">twitter.com/urbit</a>
33+ <a class="text-mono" href="#">twitter.com/urbit</a>
34+ </li>
35+ <li class="list__item">
36+ <a class="text-mono" href="#">github.com/urbit</a>
35− </li>
37+ </li>
38+ </ul>
39+ </section>
40+ <section class="mb6">
41+ <h4 class="mb1">Contact</h4>
42+ <a class="text-mono" href="mailto:support@urbit.org">support@urbit.org</a>
43+ </section>
44+ <section class="mb6">
45+ <h4 class="mb1">Company</h4>
46+ <ul class="list">
47+ {% for item in config.extra.urbit_footer %}
36 <li class="list__item">
48 <li class="list__item">
37− <a class="text-mono" href="#">github.com/urbit</a>
49+ <a class="text-mono" href="{{ item.url | replace(from="$BASE_URL", to=config.base_url) }}">
50+ {{ item.name }}
51+ </a>
38 </li>
52 </li>
39− </ul>
40− </section>
41− <section class="mb6">
42− <h4 class="mb1">Contact</h4>
43− <a class="text-mono" href="mailto:support@urbit.org">support@urbit.org</a>
44− </section>
45− <section class="mb6">
46− <h4 class="mb1">Company</h4>
47− <ul class="list">
48− {% for item in config.extra.urbit_footer %}
49− <li class="list__item">
50− <a class="text-mono" href="{{ item.url | replace(from="$BASE_URL", to=config.base_url) }}">
51− {{ item.name }}
52− </a>
53− </li>
54− {% endfor %}
53+ {% endfor %}
55− </ul>
54+ </ul>
56− </section>
55+ </section>
57− </div>
58</footer>
56</footer>
59{% endblock content %}
57{% endblock content %}