|
3 | 3 | <head> |
4 | 4 | <meta charset="UTF-8"> |
5 | 5 | <title>{{ page.title | default: "The Fixi Project" }}</title> |
6 | | - <link rel="stylesheet" href="site.css"> |
7 | | - <script src="https://cdn.jsdelivr.net/npm/@bigskysoftware/moxi-js@0.0.2/moxi.js" |
8 | | - integrity="sha256-M38vFJVAnZCtEkqBtfjYijQj2NBLVjrZxA0qvAf8YgU=" |
| 6 | + <link rel="stylesheet" href="{{ '/site.css' | relative_url }}"> |
| 7 | + <script src="https://cdn.jsdelivr.net/npm/@bigskysoftware/moxi-js@0.1.1/moxi.js" |
| 8 | + integrity="sha256-FYiaQ07vplZsK/jRKPT0yhLByqgC8cTXwe8SyuRy1lE=" |
9 | 9 | crossorigin="anonymous"></script> |
10 | 10 | <script> |
11 | 11 | addEventListener('DOMContentLoaded', () => { |
|
16 | 16 | </script> |
17 | 17 | </head> |
18 | 18 | <body> |
| 19 | +{% assign u = page.url %} |
| 20 | +{% for item in site.data.nav %}{% if item.url == u %}{% assign cur = forloop.index0 %}{% endif %}{% endfor %} |
| 21 | +{% assign p_idx = cur | minus: 1 %} |
| 22 | +{% assign n_idx = cur | plus: 1 %} |
| 23 | +{% for item in site.data.nav %}{% if forloop.index0 == p_idx %}{% assign prev = item %}{% endif %}{% if forloop.index0 == n_idx %}{% assign nxt = item %}{% endif %}{% endfor %} |
| 24 | + |
| 25 | +<details class="mobilenav"> |
| 26 | + <summary>Menu</summary> |
| 27 | + <nav> |
| 28 | + {% for item in site.data.nav %}<a href="{{ item.url | relative_url }}"{% if u == item.url %} class="active"{% endif %}>{% if item.ico %}<span class="ico">{{ item.ico }}</span> {% endif %}{{ item.label }}</a>{% endfor %} |
| 29 | + </nav> |
| 30 | +</details> |
| 31 | + |
| 32 | +<main> |
| 33 | + <h1>{{ page.heading | default: page.title | default: "The Fixi Project" }}</h1> |
| 34 | + <nav class="topnav"> |
| 35 | + {% for item in site.data.nav %}<a href="{{ item.url | relative_url }}"{% if u == item.url %} class="active"{% endif %}>{% if item.ico %}<span class="ico">{{ item.ico }}</span>{% endif %}{{ item.label }}</a>{% endfor %} |
| 36 | + </nav> |
19 | 37 | {{ content }} |
| 38 | + <nav class="pagination"> |
| 39 | + {% if prev %}<a href="{{ prev.url | relative_url }}" class="prev"><span class="arr">←</span>{% if prev.ico %}<span class="ico">{{ prev.ico }}</span>{% endif %}<span class="lbl">{{ prev.label }}</span></a>{% endif %} |
| 40 | + {% if nxt %}<a href="{{ nxt.url | relative_url }}" class="next">{% if nxt.ico %}<span class="ico">{{ nxt.ico }}</span>{% endif %}<span class="lbl">{{ nxt.label }}</span><span class="arr">→</span></a>{% endif %} |
| 41 | + </nav> |
| 42 | +</main> |
20 | 43 | </body> |
21 | 44 | </html> |
0 commit comments