git.iko.soy/urbit.org
on master help sign in
styling changes and a few things like the favico and 404 page added
b6a926bfriederjanmoerman
sass/_main.scss+12−3
compare with master
unifiedsplit
@@ -111,13 +111,14 @@ iframe {
111.content {
111.content {
112 position: relative;
112 position: relative;
113 z-index: 1;
113 z-index: 1;
114+ margin-top: -16rem;
114}
115}
115
116
116.content-nav-icon {
117.content-nav-icon {
117 display: none;
118 display: none;
118}
119}
119
120
120−.no-side-nav-column {
121+.no-side-nav-column, .nav-column {
121 flex-basis: 33.33333333%;
122 flex-basis: 33.33333333%;
122 max-width: 33.33333333%;
123 max-width: 33.33333333%;
123 margin-left: 16.66666667%;
124 margin-left: 16.66666667%;
@@ -169,7 +170,7 @@ iframe {
169 top: 0;
170 top: 0;
170 &__navigation {
171 &__navigation {
171 display: none;
172 display: none;
172− padding-top: 24rem;
173+ padding-top: 9rem;
173 }
174 }
174 &__nav-icon {
175 &__nav-icon {
175 position: absolute;
176 position: absolute;
@@ -225,6 +226,10 @@ iframe {
225 }
226 }
226}
227}
227
228
229+.posts__content {
230+ margin-left: -8rem;
231+}
232+
228.footer {
233.footer {
229 width: 100%;
234 width: 100%;
230}
235}
@@ -378,6 +383,10 @@ pre, code, .code-block, .text-code, .text-mono {
378}
383}
379
384
380pre, code {
385pre, code {
381− background-color: #F2F2F2;
386+ background-color: #000 !important;
387+ color: #fff !important;
388+ span {
389+ color: #fff !important;
390+ }
382 padding: 1rem;
391 padding: 1rem;
383}
392}
sass/_responsive.scss+8
@@ -16,6 +16,9 @@
16 flex-basis: 90%;
16 flex-basis: 90%;
17 max-width: 90%;
17 max-width: 90%;
18 }
18 }
19+ .posts__content {
20+ margin-left: 8rem;
21+ }
19 .no-side-nav-column {
22 .no-side-nav-column {
20 flex-basis: 66.66666667%;
23 flex-basis: 66.66666667%;
21 max-width: 66.66666667%;
24 max-width: 66.66666667%;
@@ -77,4 +80,9 @@
77 flex-basis: 83.33333333%;
80 flex-basis: 83.33333333%;
78 max-width: 83.33333333%;
81 max-width: 83.33333333%;
79 }
82 }
83+ .nav-column {
84+ flex-basis: 75%;
85+ max-width: 75%;
86+ margin-left: 24%;
87+ }
80}
88}
static/images/favicon.iconew file

Binary file not shown.

templates/404.htmlnew file+25
@@ -0,0 +1,25 @@
1+{% extends "base.html" %}
2+
3+{% block content %}
4+<div class="wrapper">
5+ <div class="container">
6+ <div class="no-side-nav-column">
7+ <h1 class="mt10">Error 404</h1>
8+ <p class="mb14">Sorry, but the page you requested doesn't exist.</p>
9+ <ul class="list">
10+ {% for item in config.extra.urbit_menu %}
11+ <li class="list__item">
12+ <h2 class="mb6">
13+ <a href="{{ item.url | replace(from="$BASE_URL", to=config.base_url) }}">
14+ {{ item.name }}
15+ </a>
16+ </h2>
17+ </li>
18+ {% endfor %}
19+ </ul>
20+ <!-- footer -->
21+ {% include "partials/footer.html" %}
22+ </div>
23+ </div>
24+</div>
25+{% endblock content %}
templates/base.html+1
@@ -7,6 +7,7 @@
7 <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 <meta name="viewport" content="width=device-width, initial-scale=1.0">
8 <meta name="description" content="{{ config.description }}">
8 <meta name="description" content="{{ config.description }}">
9 <meta name="author" content="{{ config.extra.author.name }}">
9 <meta name="author" content="{{ config.extra.author.name }}">
10+ <link rel="icon" type="image/png" href="../images/favicon.ico"/>
10 <title>{{ config.title }}</title>
11 <title>{{ config.title }}</title>
11 <!-- stylesheets -->
12 <!-- stylesheets -->
12 <link rel="stylesheet" href="{{ config.base_url }}/styles.css" >
13 <link rel="stylesheet" href="{{ config.base_url }}/styles.css" >
templates/index.html−2
@@ -2,7 +2,6 @@
2
2
3{% block content %}
3{% block content %}
4<div class="wrapper">
4<div class="wrapper">
5−
6 <div class="container">
5 <div class="container">
7 <div class="no-side-nav-column">
6 <div class="no-side-nav-column">
8 <h1 class="mt10">Urbit</h1>
7 <h1 class="mt10">Urbit</h1>
@@ -44,5 +43,4 @@
44 </div>
43 </div>
45 </div>
44 </div>
46</div>
45</div>
47−
48{% endblock content %}
46{% endblock content %}
templates/page.html+1−1
@@ -36,7 +36,7 @@
36 </div>
36 </div>
37 <div class="container">
37 <div class="container">
38 <div class="content-nav-spacer"></div>
38 <div class="content-nav-spacer"></div>
39− <div class="content ml8 pb40">
39+ <div class="content posts__content pb40">
40 <div class="article">
40 <div class="article">
41 <!-- header -->
41 <!-- header -->
42 <h4 class="mt2 mb16"><code>&#126;{% if page.date %}{{ page.date | date(format="%Y.%m.%d") }}{% endif %}</code></h4>
42 <h4 class="mt2 mb16"><code>&#126;{% if page.date %}{{ page.date | date(format="%Y.%m.%d") }}{% endif %}</code></h4>
templates/partials/navigation.html+46−65
@@ -2,72 +2,53 @@
2<header id="main-nav" class="header">
2<header id="main-nav" class="header">
3 <div class="wrapper">
3 <div class="wrapper">
4 <div id="js-main-nav-toggle" class="header__nav-icon"></div>
4 <div id="js-main-nav-toggle" class="header__nav-icon"></div>
5+ </div>
5− <nav class="header__navigation">
6+ <nav class="header__navigation">
7+ <div class="wrapper">
8+ <div class="container">
9+ <div class="nav-column">
6− <ul class="list">
10+ <ul class="list">
7− {% for item in config.extra.urbit_menu %}
11+ {% for item in config.extra.urbit_menu %}
8− <li class="list__item">
12+ <li class="list__item">
9− <h2 class="mb6">
13+ <h2 class="mb6">
10− <a href="{{ item.url | replace(from="$BASE_URL", to=config.base_url) }}">
14+ <a href="{{ item.url | replace(from="$BASE_URL", to=config.base_url) }}">
11− {{ item.name }}
15+ {{ item.name }}
12− </a>
16+ </a>
13− </h2>
17+ </h2>
14− </li>
18+ </li>
15− {% endfor %}
19+ {% endfor %}
16− </ul>
20+ </ul>
17− <section class ="form mv20">
21+ <section class="mt9 mb6">
18− <div id="mc_embed_signup">
22+ <h4 class="mb1">Follow</h4>
19− <h2 class="mb2">Updates</h2>
23+ <ul class="list">
20− <p>Every month we send an email with community events and what we're up to.</p>
24+ <li class="list__item">
21− <iframe name="nothing" style="display:none;"></iframe>
25+ <a class="text-mono" href="#">twitter.com/urbit</a>
22− <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">
26+ </li>
23− <div class="input-group text-mono" id="mc_embed_signup_scroll">
27+ <li class="list__item">
24− <div class="mc-field-group">
28+ <a class="text-mono" href="#">github.com/urbit</a>
25− <input class="required mb2" type="email" name="EMAIL" id="mce-EMAIL" placeholder="your@email.com">
29+ </li>
26− </div>
30+ </ul>
27− <div id="mce-responses" class="clear">
31+ </section>
28− <div id="mce-error-response" class="response" style="display:none"></div>
32+ <section class="mb6">
29− <div id="mce-success-response" class="response" style="display:none"></div>
33+ <h4 class="mb1">Contact</h4>
30− </div>
34+ <a class="text-mono" href="mailto:support@urbit.org">support@urbit.org</a>
31− <div style="position: absolute; left: -5000px;">
35+ </section>
32− <input type="text" name="b_972a03db9e0c6c25bb58de8c8_be143888d2">
36+ <section class="mb6">
33− </div>
37+ <h4 class="mb1">Company</h4>
34− <div class="clear">
38+ <ul class="list">
35− <button id="mc-embedded-subscribe" class="btn bg-black white h-font" type="submit" name="subscribe">
39+ {% for item in config.extra.urbit_footer %}
36− <span class="text-500">Subscribe</span>
40+ <li class="list__item">
37− </button>
41+ <a class="text-mono" href="{{ item.url | replace(from="$BASE_URL", to=config.base_url) }}">
38− </div>
42+ {{ item.name }}
39− </div>
43+ </a>
40− </form>
44+ </li>
45+ {% endfor %}
46+ </ul>
47+ </section>
41 </div>
48 </div>
42− </section>
49+ </div>
43− <section class="mb6">
50+ </div>
44− <h4 class="mb1">Follow</h4>
45− <ul class="list">
46− <li class="list__item">
47− <a class="text-mono" href="#">twitter.com/urbit</a>
48− </li>
49− <li class="list__item">
50− <a class="text-mono" href="#">github.com/urbit</a>
51− </li>
52− </ul>
53− </section>
54− <section class="mb6">
55− <h4 class="mb1">Contact</h4>
56− <a class="text-mono" href="mailto:support@urbit.org">support@urbit.org</a>
57− </section>
58− <section class="mb6">
59− <h4 class="mb1">Company</h4>
60− <ul class="list">
61− {% for item in config.extra.urbit_footer %}
62− <li class="list__item">
63− <a class="text-mono" href="{{ item.url | replace(from="$BASE_URL", to=config.base_url) }}">
64− {{ item.name }}
65− </a>
66− </li>
67− {% endfor %}
68− </ul>
69− </section>
70− </nav>
51+ </nav>
71 </div>
52 </div>
72</header>
53</header>
73{% endblock content %}
54{% endblock content %}
templates/posts/list.html+1−1
@@ -28,7 +28,7 @@
28 </div>
28 </div>
29 <div class="container">
29 <div class="container">
30 <div class="content-nav-spacer"></div>
30 <div class="content-nav-spacer"></div>
31− <div class="content ml8">
31+ <div class="content posts__content">
32 <h1 class="mb8">Posts</h1>
32 <h1 class="mb8">Posts</h1>
33 <ul class="list">
33 <ul class="list">
34 {% set posts = get_section(path="posts/_index.md") %}
34 {% set posts = get_section(path="posts/_index.md") %}
templates/posts/single.html+1−1
@@ -36,7 +36,7 @@
36 </div>
36 </div>
37 <div class="container">
37 <div class="container">
38 <div class="content-nav-spacer"></div>
38 <div class="content-nav-spacer"></div>
39− <div class="content ml8">
39+ <div class="content posts__content">
40 <h1 class="mb8">{{ term.name }}</h1>
40 <h1 class="mb8">{{ term.name }}</h1>
41 <ul class="list">
41 <ul class="list">
42 {% for page in term.pages %}
42 {% for page in term.pages %}
templates/robots.txtnew file+1
@@ -0,0 +1 @@
1+User-agent: *