on master help sign in
feedback styling changes index page put to effect
commit740916fd1bc3386561c0674ec19929cbf1c28670 authorfriederjanmoerman <hijbrid@gmail.com> dateWed 8 May 2019, 01:02 (7 years ago) parent9b73543
4 files changed+109−89
sass/_main.scss+7−1 sass/_responsive.scss+12 templates/index.html+40−36 templates/partials/footer.html+50−52
sass/_main.scss+7−1
@@ -117,6 +117,12 @@ iframe {
117117 display: none;
118118}
119119
120+.no-side-nav-column {
121+ flex-basis: 33.33333333%;
122+ max-width: 33.33333333%;
123+ margin-left: 16.66666667%;
124+}
125+
120126.list, .sub-list {
121127 list-style: none;
122128 margin: 0;
@@ -331,7 +337,7 @@ h1, .h1 {
331337h2, .h2 {
332338 margin: 0;
333339 font-size: 5rem;
334− font-weight: 500;
340+ font-weight: 700;
335341 line-height: 6rem;
336342}
337343
sass/_responsive.scss+12
@@ -16,6 +16,10 @@
1616 flex-basis: 90%;
1717 max-width: 90%;
1818 }
19+ .no-side-nav-column {
20+ flex-basis: 66.66666667%;
21+ max-width: 66.66666667%;
22+ }
1923 .form {
2024 max-width: 270px;
2125 }
@@ -66,3 +70,11 @@
6670 }
6771 }
6872}
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 @@
22
33{% block content %}
44<div class="wrapper">
5− <h1 class="mt10">Urbit</h1>
6− <p class="mb6">A personal server built from scratch.</p>
5+
76 <div class="container">
8− <ul class="list">
9− <li class="list__item">
10− <h2>
11− <a href="{{config.base_url ~ "/primer"}}">
12− Primer
13− </a>
14− </h2>
15− <p class="mb6">
16− A 10-minute read on what Urbit is and why it exists.
17− </p>
18− </li>
19− <li class="list__item">
20− <h2>
21− <a href="{{config.base_url ~ "/posts"}}">
22− Posts
23− </a>
24− </h2>
25− <p class="mb6">
26− Regular updates, occasional essays and media.
27− </p>
28− </li>
29− <li class="list__item">
30− <h2>
31− <a href="{{config.base_url ~ "/docs"}}">
32− Docs
33− </a>
34− </h2>
35− <p class="mb6">
36− Installation instructions and complete system documentation.
37− </p>
38− </li>
39− </ul>
7+ <div class="no-side-nav-column">
8+ <h1 class="mt10">Urbit</h1>
9+ <p class="mb6">A personal server built from scratch.</p>
10+ <ul class="list">
11+ <li class="list__item">
12+ <h2>
13+ <a href="{{config.base_url ~ "/primer"}}">
14+ Primer
15+ </a>
16+ </h2>
17+ <p class="mb6">
18+ A 10-minute read on what Urbit is and why it exists.
19+ </p>
20+ </li>
21+ <li class="list__item">
22+ <h2>
23+ <a href="{{config.base_url ~ "/posts"}}">
24+ Posts
25+ </a>
26+ </h2>
27+ <p class="mb6">
28+ Regular updates, occasional essays and media.
29+ </p>
30+ </li>
31+ <li class="list__item">
32+ <h2>
33+ <a href="{{config.base_url ~ "/docs"}}">
34+ Docs
35+ </a>
36+ </h2>
37+ <p class="mb6">
38+ Installation instructions and complete system documentation.
39+ </p>
40+ </li>
41+ </ul>
42+ <!-- footer -->
43+ {% include "partials/footer.html" %}
44+ </div>
4045 </div>
4146</div>
42−<!-- footer -->
43−{% include "partials/footer.html" %}
47+
4448{% endblock content %}
templates/partials/footer.html+50−52
@@ -1,59 +1,57 @@
11{% block content %}
22<footer class="footer">
3− <div class="wrapper">
4− <section class ="form mv20">
5− <div id="mc_embed_signup">
6− <h2 class="mb2">Updates</h2>
7− <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>
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">
10− <div class="input-group text-mono" id="mc_embed_signup_scroll">
11− <div class="mc-field-group">
12− <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>
3+ <section class ="form mv20">
4+ <div id="mc_embed_signup">
5+ <h2 class="mb2">Updates</h2>
6+ <p>Every month we send an email with community events and what we're up to.</p>
7+ <iframe name="nothing" style="display:none;"></iframe>
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">
9+ <div class="input-group text-mono" id="mc_embed_signup_scroll">
10+ <div class="mc-field-group">
11+ <input class="required mb2" type="email" name="EMAIL" id="mce-EMAIL" placeholder="your@email.com">
2612 </div>
27− </form>
28− </div>
29− </section>
30− <section class="mb6">
31− <h4 class="mb1">Follow</h4>
32− <ul class="list">
33− <li class="list__item">
34− <a class="text-mono" href="#">twitter.com/urbit</a>
35− </li>
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>
26+ </form>
27+ </div>
28+ </section>
29+ <section class="mb6">
30+ <h4 class="mb1">Follow</h4>
31+ <ul class="list">
32+ <li class="list__item">
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>
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 %}
3648 <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>
3852 </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 %}
55− </ul>
56− </section>
57− </div>
53+ {% endfor %}
54+ </ul>
55+ </section>
5856</footer>
5957{% endblock content %}