@@ -1,5 +1,6 @@
1+<!-- First nav is desktop-specific. Second nav is dropdown version for mobile. -->
12{% block content %}
2−<nav class="bg-gray5 pt4 full-left no-break docs pr4 fourth-1-md fourth-1-lg">
3+<nav class="bg-gray5 dn db-l db-xl pt4 full-left no-break docs pr4">
34 <a class="gray3" href="{{config.base_url}}">Urbit</a>
45 <span class="gray3"> / </span>
56 <a href="{{config.base_url}}/docs/">
@@ -8,77 +9,64 @@
89 <button id="js-search-window-toggle" class="mt4 mb4" type="button" style="outline:none">
910 <span id="search-icon" class="f3 gray3">⚲</span><span class="ml3 gray2">Search</span>
1011 </button>
12+ <ul class="mb3">
13+ <li class="mt1"><a href="/try/#install">Install</a> ↗</li>
14+ <li class="mt1"><a href="/operations/">Operations</a> ↗</li>
15+ <li class="mt1"><a href="/develop/">Developer Guide</a> ↗</li>
16+ <li class="mt1"><a href="https://azimuth.network">Azimuth</a> ↗</li>
17+ </ul>
1118 <ul>
12− {% block menu %}
13− {% set index = get_section(path="docs/_index.md") %}
14− {% for s in index.subsections %}
19+ {% block menu %}
20+ {% set index = get_section(path="docs/_index.md") %}
21+ {% for s in index.subsections %}
1522 {% set subsection = get_section(path=s) %}
16− <li class="mt3">
17− <a href="{{ subsection.permalink }}">
18− {{ subsection.title }}
19− </a>
23+ <details class="mt2">
24+ <summary>{{ subsection.title }}</summary>
2025 {% if subsection.pages %}
21− <!-- level 1 -->
22− <ul>
2326 {% for page in subsection.pages %}
24− <li>
25− <a href="{{ page.permalink }}">
27+ <li class="mt1">
28+ <a href="{{ page.permalink}}">
2629 {{ page.title }}
2730 </a>
2831 </li>
2932 {% endfor %}
30−
3133 {% for y in subsection.subsections %}
3234 {% set subsubsection = get_section(path=y) %}
33− <ul>
34− <li>
35− <a href="{{ subsubsection.permalink }}">
36− {{ subsubsection.title }}
37− </a>
38− <!-- level 2 -->
35+ <details class="ml2 mt1">
36+ <summary>{{ subsubsection.title }}</summary>
3937 {% if subsubsection.pages %}
40− <ul>
4138 {% for page in subsubsection.pages %}
42− <li>
43− <a href="{{ page.permalink }}">
44− {{ page.title }}
45− </a>
46− </li>
39+ <li class="mt1"><a href="{{ page.permalink }}">{{ page.title }}</a></li>
4740 {% endfor %}
48−
4941 {% for x in subsubsection.subsections %}
50− {% set subsubsubsection = get_section(path=x) %}
51− <ul>
52− <li>
53− <a href="{{ subsubsubsection.permalink }}">
54− {{ subsubsubsection.title }}
55− </a>
42+ {% set subsubsubsection = get_section(path=x) %}
43+ <details class="ml2 mt1">
44+ <summary>{{ subsubsubsection.title }}</summary>
5645 {% if subsubsubsection.pages %}
57− <!-- level 3 -->
58− <ul>
5946 {% for page in subsubsubsection.pages %}
60− <li>
61− <a href="{{ page.permalink }}">
62− {{ page.title }}
63− </a>
64− </li>
47+ <li class="mt1"><a href="{{ page.permalink }}">{{ page.title }}</a></li>
6548 {% endfor %}
66− </ul>
6749 {% endif %}
68− </li>
69− </ul>
50+ </details>
7051 {% endfor %}
71−
72− </ul>
7352 {% endif %}
74− </li>
75− </ul>
53+ </details>
7654 {% endfor %}
77− </ul>
7855 {% endif %}
79− </li>
80− {% endfor %}
81− {% endblock menu %}
56+ </details>
57+ {% endfor %}
58+ {% endblock menu %}
8259 </ul>
8360</nav>
61+
62+<nav class="dn-l mobile dn-xl db pt4 no-break docs full">
63+ <a class="gray3" href="{{config.base_url}}">Urbit</a>
64+ <span class="gray3"> / </span>
65+ <a href="{{config.base_url}}/docs/">
66+ Documentation
67+ </a>
68+ <button id="js-search-window-toggle" class="mt4 mb4" type="button" style="outline:none">
69+ <span id="search-icon" class="f3 gray3">⚲</span><span class="ml3 gray2">Search</span>
70+ </button>
71+</nav>
8472{% endblock content %}