on master help sign in
Hide search on mobile
c5a1ce3Matilde Park
sass/_main.scss+3
@@ -217,6 +217,9 @@ nav.previous, nav.next {
217 min-width: 110px;
217 min-width: 110px;
218 text-align: left;
218 text-align: left;
219 background: transparent;
219 background: transparent;
220+ &.dn {
221+ display: none;
222+ }
220 span#search-icon {
223 span#search-icon {
221 display: inline-block;
224 display: inline-block;
222 transform: rotate(-45deg);
225 transform: rotate(-45deg);
templates/404.html+2−1
@@ -1,7 +1,7 @@
1{% extends "base.html" %}
1{% extends "base.html" %}
2{% block title %} 404 {% endblock title %}
2{% block title %} 404 {% endblock title %}
3{% block content %}
3{% block content %}
4−<nav class="mt4">
4+<nav class="mt4 w5">
5 <a class="gray3" href="/">Urbit</a>
5 <a class="gray3" href="/">Urbit</a>
6 <span class="gray3"> / </span>
6 <span class="gray3"> / </span>
7 <a href="/404">
7 <a href="/404">
@@ -12,6 +12,7 @@
12<main class="fourth-2">
12<main class="fourth-2">
13 <h1 class="fixed fw2"
13 <h1 class="fixed fw2"
14 style="font-size: 6rem;
14 style="font-size: 6rem;
15+ font-family: 'Inter UI', sans-serif;
15 top: 50%;
16 top: 50%;
16 left: 50%;
17 left: 50%;
17 transform: translate(-50%, -50%);
18 transform: translate(-50%, -50%);
templates/essays/list.html+1−1
@@ -2,7 +2,7 @@
2{% block title %} Essays {% endblock title %}
2{% block title %} Essays {% endblock title %}
3{% block content %}
3{% block content %}
4<!-- header -->
4<!-- header -->
5−<nav class="mt4 full fourth-1-md fourth-1-lg">
5+<nav class="mt4 full fourth-1-md fourth-1-lg mb3 mb0-m mb0-l mb0-xl">
6 <a class="gray3" href="/">Urbit</a>
6 <a class="gray3" href="/">Urbit</a>
7 <span class="gray3"> / </span>
7 <span class="gray3"> / </span>
8 <a href="/essays">
8 <a href="/essays">
templates/essays/post.html+1−1
@@ -17,7 +17,7 @@
17{% block content %}
17{% block content %}
18<!-- header -->
18<!-- header -->
19<!-- content -->
19<!-- content -->
20−<nav class="mt4 full fourth-1-md fourth-1-lg">
20+<nav class="mt4 full fourth-1-md fourth-1-lg mb3 mb0-m mb0-l mb0-xl">
21 <a class="gray3" href="/">Urbit</a>
21 <a class="gray3" href="/">Urbit</a>
22 <span class="gray3"> / </span>
22 <span class="gray3"> / </span>
23 <a class="section" href="/essays">
23 <a class="section" href="/essays">
templates/media/list.html+1−1
@@ -2,7 +2,7 @@
2{% block title %} Media {% endblock title %}
2{% block title %} Media {% endblock title %}
3{% block content %}
3{% block content %}
4<!-- header -->
4<!-- header -->
5−<nav class="mt4 full fourth-1-md fourth-1-lg">
5+<nav class="mt4 full fourth-1-md fourth-1-lg mb3 mb0-m mb0-l mb0-xl">
6 <a class="gray3" href="/">Urbit</a>
6 <a class="gray3" href="/">Urbit</a>
7 <span class="gray3"> / </span>
7 <span class="gray3"> / </span>
8 <a href="/media">
8 <a href="/media">
templates/page.html+2−2
@@ -12,7 +12,7 @@
12<!-- header -->
12<!-- header -->
13<!-- content -->
13<!-- content -->
14{% if page.components[1] %}
14{% if page.components[1] %}
15−<nav class="mt4 full fourth-1-md fourth-1-lg">
15+<nav class="mt4 full fourth-1-md fourth-1-lg mb3 mb0-m mb0-l mb0-xl">
16 <a class="gray3" href="/">Urbit</a>
16 <a class="gray3" href="/">Urbit</a>
17 <span class="gray3"> / </span>
17 <span class="gray3"> / </span>
18 <a href="/{{ page.components[0] }}">
18 <a href="/{{ page.components[0] }}">
@@ -23,7 +23,7 @@
23
23
24</nav>
24</nav>
25{% else %}
25{% else %}
26−<nav class="mt4 full fourth-1-md fourth-1-lg">
26+<nav class="mt4 full fourth-1-md fourth-1-lg mb3 mb0-m mb0-l mb0-xl">
27 <a class="gray3" href="/">Urbit</a>
27 <a class="gray3" href="/">Urbit</a>
28 <span class="gray3"> / </span>
28 <span class="gray3"> / </span>
29 <a href="/{{ page.components[0] }}">
29 <a href="/{{ page.components[0] }}">
templates/page_indiced.html+2−2
@@ -13,7 +13,7 @@
13<!-- header -->
13<!-- header -->
14<!-- content -->
14<!-- content -->
15{% if page.title %}
15{% if page.title %}
16−<nav class="mt4 pb4 fixed-xl fixed-l full fourth-1-md fourth-1-lg page-indiced">
16+<nav class="mt4 pb4 fixed-xl fixed-l full fourth-1-md fourth-1-lg page-indiced mb3 mb0-m mb0-l mb0-xl">
17 <a class="gray3" href="/">Urbit</a>
17 <a class="gray3" href="/">Urbit</a>
18 <span class="gray3"> / </span>
18 <span class="gray3"> / </span>
19 <a href="/{{ page.components[0] }}">
19 <a href="/{{ page.components[0] }}">
@@ -23,7 +23,7 @@
23 {% include "partials/navigation-search.html" %}
23 {% include "partials/navigation-search.html" %}
24
24
25{% else %}
25{% else %}
26−<nav class="mt4 fixed-xl fixed-l full fourth-1-md fourth-1-lg page-indiced">
26+<nav class="mt4 fixed-xl fixed-l full fourth-1-md fourth-1-lg page-indiced mb3 mb0-m mb0-l mb0-xl">
27 <a class="gray3" href="/">Urbit</a>
27 <a class="gray3" href="/">Urbit</a>
28 <span class="gray3"> / </span>
28 <span class="gray3"> / </span>
29 <a href="/{{ page.components[0] }}">
29 <a href="/{{ page.components[0] }}">
templates/partials/navigation-search.html+1−1
@@ -1,3 +1,3 @@
1−<button id="js-search-window-toggle" class="mt4 bw-0 mb3" type="button" style="outline:none">
1+<button id="js-search-window-toggle" class="mt4 dn db-m db-l db-xl bw-0 mb3" type="button" style="outline:none">
2 <span id="search-icon" class="f3 gray3">⚲</span><span class="ml3 gray3">Search</span></span>
2 <span id="search-icon" class="f3 gray3">⚲</span><span class="ml3 gray3">Search</span></span>
3 </button>
3 </button>
templates/updates/list.html+1−1
@@ -3,7 +3,7 @@
3{% block bodyclasses %}class="updates"{% endblock bodyclasses %}
3{% block bodyclasses %}class="updates"{% endblock bodyclasses %}
4{% block content %}
4{% block content %}
5<!-- header -->
5<!-- header -->
6−<nav class="mt4 full fourth-1-md fourth-1-lg">
6+<nav class="mt4 full fourth-1-md fourth-1-lg mb3 mb0-m mb0-l mb0-xl">
7 <a class="gray3" href="/">Urbit</a>
7 <a class="gray3" href="/">Urbit</a>
8 <span class="gray3"> / </span>
8 <span class="gray3"> / </span>
9 <a href="/updates">
9 <a href="/updates">