on master help sign in
styling changes and a few things like the favico and 404 page added
commitb6a926bd16aa934b42cccf29af47840fc0dc8abf authorfriederjanmoerman <hijbrid@gmail.com> dateWed 8 May 2019, 03:52 (7 years ago) parent740916f
11 files changed+96−73
sass/_main.scss+12−3 sass/_responsive.scss+8 static/images/favicon.ico templates/404.html+25 templates/base.html+1 templates/index.html−2 templates/page.html+1−1 templates/partials/navigation.html+46−65 templates/posts/list.html+1−1 templates/posts/single.html+1−1 templates/robots.txt+1
sass/_main.scss+12−3
@@ -111,13 +111,14 @@ iframe {
111111.content {
112112 position: relative;
113113 z-index: 1;
114+ margin-top: -16rem;
114115}
115116
116117.content-nav-icon {
117118 display: none;
118119}
119120
120−.no-side-nav-column {
121+.no-side-nav-column, .nav-column {
121122 flex-basis: 33.33333333%;
122123 max-width: 33.33333333%;
123124 margin-left: 16.66666667%;
@@ -169,7 +170,7 @@ iframe {
169170 top: 0;
170171 &__navigation {
171172 display: none;
172− padding-top: 24rem;
173+ padding-top: 9rem;
173174 }
174175 &__nav-icon {
175176 position: absolute;
@@ -225,6 +226,10 @@ iframe {
225226 }
226227}
227228
229+.posts__content {
230+ margin-left: -8rem;
231+}
232+
228233.footer {
229234 width: 100%;
230235}
@@ -378,6 +383,10 @@ pre, code, .code-block, .text-code, .text-mono {
378383}
379384
380385pre, code {
381− background-color: #F2F2F2;
386+ background-color: #000 !important;
387+ color: #fff !important;
388+ span {
389+ color: #fff !important;
390+ }
382391 padding: 1rem;
383392}
sass/_responsive.scss+8
@@ -16,6 +16,9 @@
1616 flex-basis: 90%;
1717 max-width: 90%;
1818 }
19+ .posts__content {
20+ margin-left: 8rem;
21+ }
1922 .no-side-nav-column {
2023 flex-basis: 66.66666667%;
2124 max-width: 66.66666667%;
@@ -77,4 +80,9 @@
7780 flex-basis: 83.33333333%;
7881 max-width: 83.33333333%;
7982 }
83+ .nav-column {
84+ flex-basis: 75%;
85+ max-width: 75%;
86+ margin-left: 24%;
87+ }
8088}
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 @@
77 <meta name="viewport" content="width=device-width, initial-scale=1.0">
88 <meta name="description" content="{{ config.description }}">
99 <meta name="author" content="{{ config.extra.author.name }}">
10+ <link rel="icon" type="image/png" href="../images/favicon.ico"/>
1011 <title>{{ config.title }}</title>
1112 <!-- stylesheets -->
1213 <link rel="stylesheet" href="{{ config.base_url }}/styles.css" >
templates/index.html−2
@@ -2,7 +2,6 @@
22
33{% block content %}
44<div class="wrapper">
5−
65 <div class="container">
76 <div class="no-side-nav-column">
87 <h1 class="mt10">Urbit</h1>
@@ -44,5 +43,4 @@
4443 </div>
4544 </div>
4645</div>
47−
4846{% endblock content %}
templates/page.html+1−1
@@ -36,7 +36,7 @@
3636 </div>
3737 <div class="container">
3838 <div class="content-nav-spacer"></div>
39− <div class="content ml8 pb40">
39+ <div class="content posts__content pb40">
4040 <div class="article">
4141 <!-- header -->
4242 <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 @@
22<header id="main-nav" class="header">
33 <div class="wrapper">
44 <div id="js-main-nav-toggle" class="header__nav-icon"></div>
5− <nav class="header__navigation">
6− <ul class="list">
7− {% for item in config.extra.urbit_menu %}
8− <li class="list__item">
9− <h2 class="mb6">
10− <a href="{{ item.url | replace(from="$BASE_URL", to=config.base_url) }}">
11− {{ item.name }}
12− </a>
13− </h2>
14− </li>
15− {% endfor %}
16− </ul>
17− <section class ="form mv20">
18− <div id="mc_embed_signup">
19− <h2 class="mb2">Updates</h2>
20− <p>Every month we send an email with community events and what we're up to.</p>
21− <iframe name="nothing" style="display:none;"></iframe>
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">
23− <div class="input-group text-mono" id="mc_embed_signup_scroll">
24− <div class="mc-field-group">
25− <input class="required mb2" type="email" name="EMAIL" id="mce-EMAIL" placeholder="your@email.com">
26− </div>
27− <div id="mce-responses" class="clear">
28− <div id="mce-error-response" class="response" style="display:none"></div>
29− <div id="mce-success-response" class="response" style="display:none"></div>
30− </div>
31− <div style="position: absolute; left: -5000px;">
32− <input type="text" name="b_972a03db9e0c6c25bb58de8c8_be143888d2">
33− </div>
34− <div class="clear">
35− <button id="mc-embedded-subscribe" class="btn bg-black white h-font" type="submit" name="subscribe">
36− <span class="text-500">Subscribe</span>
37− </button>
38− </div>
39− </div>
40− </form>
5+ </div>
6+ <nav class="header__navigation">
7+ <div class="wrapper">
8+ <div class="container">
9+ <div class="nav-column">
10+ <ul class="list">
11+ {% for item in config.extra.urbit_menu %}
12+ <li class="list__item">
13+ <h2 class="mb6">
14+ <a href="{{ item.url | replace(from="$BASE_URL", to=config.base_url) }}">
15+ {{ item.name }}
16+ </a>
17+ </h2>
18+ </li>
19+ {% endfor %}
20+ </ul>
21+ <section class="mt9 mb6">
22+ <h4 class="mb1">Follow</h4>
23+ <ul class="list">
24+ <li class="list__item">
25+ <a class="text-mono" href="#">twitter.com/urbit</a>
26+ </li>
27+ <li class="list__item">
28+ <a class="text-mono" href="#">github.com/urbit</a>
29+ </li>
30+ </ul>
31+ </section>
32+ <section class="mb6">
33+ <h4 class="mb1">Contact</h4>
34+ <a class="text-mono" href="mailto:support@urbit.org">support@urbit.org</a>
35+ </section>
36+ <section class="mb6">
37+ <h4 class="mb1">Company</h4>
38+ <ul class="list">
39+ {% for item in config.extra.urbit_footer %}
40+ <li class="list__item">
41+ <a class="text-mono" href="{{ item.url | replace(from="$BASE_URL", to=config.base_url) }}">
42+ {{ item.name }}
43+ </a>
44+ </li>
45+ {% endfor %}
46+ </ul>
47+ </section>
4148 </div>
42− </section>
43− <section class="mb6">
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>
49+ </div>
50+ </div>
51+ </nav>
7152 </div>
7253</header>
7354{% endblock content %}
templates/posts/list.html+1−1
@@ -28,7 +28,7 @@
2828 </div>
2929 <div class="container">
3030 <div class="content-nav-spacer"></div>
31− <div class="content ml8">
31+ <div class="content posts__content">
3232 <h1 class="mb8">Posts</h1>
3333 <ul class="list">
3434 {% set posts = get_section(path="posts/_index.md") %}
templates/posts/single.html+1−1
@@ -36,7 +36,7 @@
3636 </div>
3737 <div class="container">
3838 <div class="content-nav-spacer"></div>
39− <div class="content ml8">
39+ <div class="content posts__content">
4040 <h1 class="mb8">{{ term.name }}</h1>
4141 <ul class="list">
4242 {% for page in term.pages %}
templates/robots.txtnew file+1
@@ -0,0 +1 @@
1+User-agent: *