just-the-docs 0.2.6 → 0.3.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (40) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +2 -2
  3. data/_includes/css/custom.scss.liquid +1 -0
  4. data/_includes/css/just-the-docs.scss.liquid +7 -0
  5. data/_includes/head.html +4 -4
  6. data/_includes/nav.html +55 -40
  7. data/_includes/title.html +5 -1
  8. data/_includes/vendor/anchor_headings.html +2 -2
  9. data/_layouts/default.html +146 -73
  10. data/_layouts/table_wrappers.html +1 -1
  11. data/_sass/base.scss +16 -18
  12. data/_sass/code.scss +209 -71
  13. data/_sass/color_schemes/dark.scss +1 -1
  14. data/_sass/color_schemes/light.scss +0 -0
  15. data/_sass/content.scss +53 -5
  16. data/_sass/custom/custom.scss +0 -129
  17. data/_sass/labels.scss +5 -4
  18. data/_sass/layout.scss +67 -55
  19. data/_sass/modules.scss +20 -0
  20. data/_sass/navigation.scss +129 -53
  21. data/_sass/print.scss +40 -0
  22. data/_sass/search.scss +204 -48
  23. data/_sass/support/_functions.scss +2 -3
  24. data/_sass/support/_variables.scss +15 -9
  25. data/_sass/support/mixins/_layout.scss +1 -3
  26. data/_sass/support/mixins/_typography.scss +6 -1
  27. data/_sass/typography.scss +9 -7
  28. data/_sass/utilities/_layout.scss +74 -17
  29. data/_sass/utilities/_lists.scss +7 -1
  30. data/_sass/utilities/_spacing.scss +69 -25
  31. data/assets/css/just-the-docs-dark.scss +3 -0
  32. data/assets/css/just-the-docs-default.scss +8 -0
  33. data/assets/css/just-the-docs-light.scss +3 -0
  34. data/assets/js/just-the-docs.js +374 -197
  35. data/assets/js/zzzz-search-data.json +58 -0
  36. data/lib/tasks/search.rake +54 -9
  37. metadata +36 -24
  38. data/assets/css/dark-mode-preview.scss +0 -41
  39. data/assets/css/just-the-docs.scss +0 -44
  40. data/assets/js/search-data.json +0 -11
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 4ed236fbe2e6a8dbf8408db5674c662ed9b5b65513e6dab45f7aa965fd93b80a
4
- data.tar.gz: dd4461bac3d6c2b09c28d7c8e3f91409d35097d222c48ce3d013911993066894
3
+ metadata.gz: 87c6985104e4168278d239ca574b91c75b417cb9e6eb43cf043a07d8faeb2d2d
4
+ data.tar.gz: 16a11958e2715cdfbf29918ff218b58f26d4507634ebd6fbcb9b26a68d7765b6
5
5
  SHA512:
6
- metadata.gz: f1dd17f6683dc2757a208eb709f6655684dce68f8128dbda4d15e6b7ba1fa3cbb362c178f4714352281d8660d4b81cc12ab45db2a3a09bdb546b605cac27ff36
7
- data.tar.gz: 4485b31d17822613e31f92186f9ab63a2e3f062249b127d9bc5cdd05069c56aec25fa7d7c46b52e306893f782ad9929ce331f282ae0f829c90017dd1df0c8616
6
+ metadata.gz: 3d0cece8a1437daee58c56cf476228cbb6dbe74899dd750125e1a898509eb6ae93db7f1c9272d65dd68eb27680069809f4d8f94e09cc3ea6412ba1caf6a53715
7
+ data.tar.gz: 0b6024ecb2f568beb97d3aa219958bf86c1179211610beff3e3e11f578d1597d8d796b185845f8926a255648eef35afd62ab56fa90487b7572611aa863a413c4
data/README.md CHANGED
@@ -1,10 +1,10 @@
1
1
  <p align="right">
2
- <a href="https://badge.fury.io/rb/just-the-docs"><img src="https://badge.fury.io/rb/just-the-docs.svg" alt="Gem version"></a> <a href="https://github.com/pmarsceill/just-the-docs/actions"><img src="https://github.com/pmarsceill/just-the-docs/workflows/CI/badge.svg" alt="Build status"></a>
2
+ <a href="https://badge.fury.io/rb/just-the-docs"><img src="https://badge.fury.io/rb/just-the-docs.svg" alt="Gem version"></a> <a href="https://github.com/pmarsceill/just-the-docs/actions?query=workflow%3A%22Master+branch+CI%22"><img src="https://github.com/pmarsceill/just-the-docs/workflows/Master%20branch%20CI/badge.svg" alt="Build status"></a>
3
3
  </p>
4
4
  <br><br>
5
5
  <p align="center">
6
6
  <h1 align="center">Just the Docs</h1>
7
- <p align="center">A modern, high customizable, responsive Jekyll theme for documentation with built-in search.<br>Easily hosted on GitHub Pages with few dependencies.</p>
7
+ <p align="center">A modern, highly customizable, and responsive Jekyll theme for documentation with built-in search.<br>Easily hosted on GitHub Pages with few dependencies.</p>
8
8
  <p align="center"><strong><a href="https://pmarsceill.github.io/just-the-docs/">See it in action!</a></strong></p>
9
9
  <br><br><br>
10
10
  </p>
@@ -0,0 +1 @@
1
+ @import "./custom/custom";
@@ -0,0 +1,7 @@
1
+ {% if site.logo %}
2
+ $logo: "{{ site.logo | absolute_url }}";
3
+ {% endif %}
4
+ @import "./support/support";
5
+ @import "./color_schemes/{{ include.color_scheme }}";
6
+ @import "./modules";
7
+ {% include css/custom.scss.liquid %}
@@ -2,17 +2,17 @@
2
2
  <meta charset="UTF-8">
3
3
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
4
4
 
5
- {% if site.plugins.jekyll-seo == nil %}
5
+ {% unless site.plugins contains "jekyll-seo-tag" %}
6
6
  <title>{{ page.title }} - {{ site.title }}</title>
7
7
 
8
8
  {% if page.description %}
9
9
  <meta name="Description" content="{{ page.description }}">
10
10
  {% endif %}
11
- {% endif %}
11
+ {% endunless %}
12
12
 
13
13
  <link rel="shortcut icon" href="{{ 'favicon.ico' | absolute_url }}" type="image/x-icon">
14
14
 
15
- <link rel="stylesheet" href="{{ '/assets/css/just-the-docs.css' | absolute_url }}">
15
+ <link rel="stylesheet" href="{{ '/assets/css/just-the-docs-default.css' | absolute_url }}">
16
16
 
17
17
  {% if site.ga_tracking != nil %}
18
18
  <script async src="https://www.googletagmanager.com/gtag/js?id={{ site.ga_tracking }}"></script>
@@ -21,7 +21,7 @@
21
21
  function gtag(){dataLayer.push(arguments);}
22
22
  gtag('js', new Date());
23
23
 
24
- gtag('config', "{{ site.ga_tracking }}");
24
+ gtag('config', '{{ site.ga_tracking }}'{% unless site.ga_tracking_anonymize_ip == nil %}, { 'anonymize_ip': true }{% endunless %});
25
25
  </script>
26
26
 
27
27
  {% endif %}
@@ -1,40 +1,55 @@
1
- <nav role="navigation" aria-label="Main navigation">
2
- <ul class="navigation-list">
3
- {%- assign pages_list = site.html_pages | sort:"nav_order" -%}
4
- {%- for node in pages_list -%}
5
- {%- unless node.nav_exclude -%}
6
- {%- if node.parent == nil -%}
7
- <li class="navigation-list-item{% if page.url == node.url or page.parent == node.title or page.grand_parent == node.title %} active{% endif %}">
8
- {%- if page.parent == node.title or page.grand_parent == node.title -%}
9
- {%- assign first_level_url = node.url | absolute_url -%}
10
- {%- endif -%}
11
- <a href="{{ node.url | absolute_url }}" class="navigation-list-link{% if page.url == node.url %} active{% endif %}">{{ node.title }}</a>
12
- {%- if node.has_children -%}
13
- {%- assign children_list = site.html_pages | where: "parent", node.title | sort:"nav_order" -%}
14
- <ul class="navigation-list-child-list ">
15
- {%- for child in children_list -%}
16
- <li class="navigation-list-item {% if page.url == child.url or page.parent == child.title %} active{% endif %}">
17
- {%- if page.url == child.url or page.parent == child.title -%}
18
- {%- assign second_level_url = child.url | absolute_url -%}
19
- {%- endif -%}
20
- <a href="{{ child.url | absolute_url }}" class="navigation-list-link{% if page.url == child.url %} active{% endif %}">{{ child.title }}</a>
21
- {%- if child.has_children -%}
22
- {%- assign grand_children_list = site.html_pages | where: "parent", child.title | sort:"nav_order" -%}
23
- <ul class="navigation-list-child-list">
24
- {%- for grand_child in grand_children_list -%}
25
- <li class="navigation-list-item {% if page.url == grand_child.url %} active{% endif %}">
26
- <a href="{{ grand_child.url | absolute_url }}" class="navigation-list-link{% if page.url == grand_child.url %} active{% endif %}">{{ grand_child.title }}</a>
27
- </li>
28
- {%- endfor -%}
29
- </ul>
30
- {%- endif -%}
31
- </li>
32
- {%- endfor -%}
33
- </ul>
34
- {%- endif -%}
35
- </li>
36
- {%- endif -%}
37
- {%- endunless -%}
38
- {%- endfor -%}
39
- </ul>
40
- </nav>
1
+ <ul class="nav-list">
2
+ {%- assign ordered_pages_list = site.html_pages | where_exp:"item", "item.nav_order != nil" -%}
3
+ {%- assign unordered_pages_list = site.html_pages | where_exp:"item", "item.nav_order == nil" -%}
4
+ {%- if site.nav_sort == 'case_insensitive' -%}
5
+ {%- assign sorted_ordered_pages_list = ordered_pages_list | sort_natural:"nav_order" -%}
6
+ {%- assign sorted_unordered_pages_list = unordered_pages_list | sort_natural:"title" -%}
7
+ {%- else -%}
8
+ {%- assign sorted_ordered_pages_list = ordered_pages_list | sort:"nav_order" -%}
9
+ {%- assign sorted_unordered_pages_list = unordered_pages_list | sort:"title" -%}
10
+ {%- endif -%}
11
+ {%- assign pages_list = sorted_ordered_pages_list | concat: sorted_unordered_pages_list -%}
12
+ {%- for node in pages_list -%}
13
+ {%- unless node.nav_exclude -%}
14
+ {%- if node.parent == nil and node.title -%}
15
+ <li class="nav-list-item{% if page.url == node.url or page.parent == node.title or page.grand_parent == node.title %} active{% endif %}">
16
+ {%- if page.parent == node.title or page.grand_parent == node.title -%}
17
+ {%- assign first_level_url = node.url | absolute_url -%}
18
+ {%- endif -%}
19
+ {%- if node.has_children -%}
20
+ <a href="#" class="nav-list-expander"><svg viewBox="0 0 24 24"><use xlink:href="#svg-arrow-right"></use></svg></a>
21
+ {%- endif -%}
22
+ <a href="{{ node.url | absolute_url }}" class="nav-list-link{% if page.url == node.url %} active{% endif %}">{{ node.title }}</a>
23
+ {%- if node.has_children -%}
24
+ {%- assign children_list = pages_list | where: "parent", node.title -%}
25
+ <ul class="nav-list ">
26
+ {%- for child in children_list -%}
27
+ {%- unless child.nav_exclude -%}
28
+ <li class="nav-list-item {% if page.url == child.url or page.parent == child.title %} active{% endif %}">
29
+ {%- if page.url == child.url or page.parent == child.title -%}
30
+ {%- assign second_level_url = child.url | absolute_url -%}
31
+ {%- endif -%}
32
+ {%- if child.has_children -%}
33
+ <a href="#" class="nav-list-expander"><svg viewBox="0 0 24 24"><use xlink:href="#svg-arrow-right"></use></svg></a>
34
+ {%- endif -%}
35
+ <a href="{{ child.url | absolute_url }}" class="nav-list-link{% if page.url == child.url %} active{% endif %}">{{ child.title }}</a>
36
+ {%- if child.has_children -%}
37
+ {%- assign grand_children_list = pages_list | where: "parent", child.title | where: "grand_parent", node.title -%}
38
+ <ul class="nav-list">
39
+ {%- for grand_child in grand_children_list -%}
40
+ <li class="nav-list-item {% if page.url == grand_child.url %} active{% endif %}">
41
+ <a href="{{ grand_child.url | absolute_url }}" class="nav-list-link{% if page.url == grand_child.url %} active{% endif %}">{{ grand_child.title }}</a>
42
+ </li>
43
+ {%- endfor -%}
44
+ </ul>
45
+ {%- endif -%}
46
+ </li>
47
+ {%- endunless -%}
48
+ {%- endfor -%}
49
+ </ul>
50
+ {%- endif -%}
51
+ </li>
52
+ {%- endif -%}
53
+ {%- endunless -%}
54
+ {%- endfor -%}
55
+ </ul>
@@ -1 +1,5 @@
1
- {{ site.title }}
1
+ {% if site.logo %}
2
+ <div class="site-logo"></div>
3
+ {% else %}
4
+ {{ site.title }}
5
+ {% endif %}
@@ -64,7 +64,7 @@
64
64
  {% capture anchor %}{% endcapture %}
65
65
 
66
66
  {% if html_id and headerLevel >= minHeader and headerLevel <= maxHeader %}
67
- {% capture anchor %}href="#{{ html_id}}"{% endcapture %}
67
+ {% capture anchor %}href="#{{ html_id}}" aria-labelledby="{{ html_id}}"{% endcapture %}
68
68
 
69
69
  {% if include.anchorClass %}
70
70
  {% capture anchor %}{{ anchor }} class="{{ include.anchorClass }}"{% endcapture %}
@@ -97,4 +97,4 @@
97
97
  {% endcapture %}
98
98
  {% capture edited_headings %}{{ edited_headings }}{{ new_heading }}{% endcapture %}
99
99
  {% endfor %}
100
- {% endcapture %}{% assign headingsWorkspace = '' %}{{ edited_headings | strip }}
100
+ {% endcapture %}{% assign headingsWorkspace = '' %}{{ edited_headings | strip }}
@@ -4,93 +4,166 @@ layout: table_wrappers
4
4
 
5
5
  <!DOCTYPE html>
6
6
 
7
- <html lang="{{ site.lang | default: "en-US" }}">
7
+ <html lang="{{ site.lang | default: 'en-US' }}">
8
8
  {% include head.html %}
9
9
  <body>
10
+ <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
11
+ <symbol id="svg-link" viewBox="0 0 24 24">
12
+ <title>Link</title>
13
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-link">
14
+ <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path>
15
+ </svg>
16
+ </symbol>
17
+ <symbol id="svg-search" viewBox="0 0 24 24">
18
+ <title>Search</title>
19
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search">
20
+ <circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line>
21
+ </svg>
22
+ </symbol>
23
+ <symbol id="svg-menu" viewBox="0 0 24 24">
24
+ <title>Menu</title>
25
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu">
26
+ <line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line>
27
+ </svg>
28
+ </symbol>
29
+ <symbol id="svg-arrow-right" viewBox="0 0 24 24">
30
+ <title>Expand</title>
31
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right">
32
+ <polyline points="9 18 15 12 9 6"></polyline>
33
+ </svg>
34
+ </symbol>
35
+ <symbol id="svg-doc" viewBox="0 0 24 24">
36
+ <title>Document</title>
37
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file">
38
+ <path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path><polyline points="13 2 13 9 20 9"></polyline>
39
+ </svg>
40
+ </symbol>
41
+ </svg>
10
42
 
11
- <div class="page-wrap">
12
- <div class="side-bar">
13
- <div class="site-header">
14
- <a href="{{ site.url }}{{ site.baseurl }}" class="site-title lh-tight">{% include title.html %}</a>
15
- <button class="menu-button fs-3 js-main-nav-trigger" data-text-toggle="Hide" type="button">Menu</button>
16
- </div>
17
-
18
- <div class="navigation main-nav js-main-nav">
19
- {% include nav.html %}
20
- </div>
21
- <footer class="site-footer">
22
- <p class="text-small text-grey-dk-000 mb-4">This site uses <a href="https://github.com/pmarsceill/just-the-docs">Just the Docs</a>, a documentation theme for Jekyll.</p>
23
- </footer>
43
+ <div class="side-bar">
44
+ <div class="site-header">
45
+ <a href="{{ '/' | absolute_url }}" class="site-title lh-tight">{% include title.html %}</a>
46
+ <a href="#" id="menu-button" class="site-button">
47
+ <svg viewBox="0 0 24 24" class="icon"><use xlink:href="#svg-menu"></use></svg>
48
+ </a>
24
49
  </div>
25
- <div class="main-content-wrap js-main-content" tabindex="0">
26
- <div class="main-content">
27
- <div class="page-header js-page-header">
28
- {% if site.search_enabled != false %}
29
- <div class="search">
30
- <div class="search-input-wrap">
31
- <input type="text" class="js-search-input search-input" tabindex="0" placeholder="Search {{ site.title }}" aria-label="Search {{ site.title }}" autocomplete="off">
32
- <svg width="14" height="14" viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg" class="search-icon"><title>Search</title><g fill-rule="nonzero"><path d="M17.332 20.735c-5.537 0-10-4.6-10-10.247 0-5.646 4.463-10.247 10-10.247 5.536 0 10 4.601 10 10.247s-4.464 10.247-10 10.247zm0-4c3.3 0 6-2.783 6-6.247 0-3.463-2.7-6.247-6-6.247s-6 2.784-6 6.247c0 3.464 2.7 6.247 6 6.247z"/><path d="M11.672 13.791L.192 25.271 3.02 28.1 14.5 16.62z"/></g></svg>
33
- </div>
34
- <div class="js-search-results search-results-wrap"></div>
50
+ <nav role="navigation" aria-label="Main" id="site-nav" class="site-nav">
51
+ {% include nav.html %}
52
+ </nav>
53
+ <footer class="site-footer">
54
+ This site uses <a href="https://github.com/pmarsceill/just-the-docs">Just the Docs</a>, a documentation theme for Jekyll.
55
+ </footer>
56
+ </div>
57
+ <div class="main" id="top">
58
+ <div id="main-header" class="main-header">
59
+ {% if site.search_enabled != false %}
60
+ <div class="search">
61
+ <div class="search-input-wrap">
62
+ <input type="text" id="search-input" class="search-input" tabindex="0" placeholder="Search {{ site.title }}" aria-label="Search {{ site.title }}" autocomplete="off">
63
+ <label for="search-input" class="search-label"><svg viewBox="0 0 24 24" class="search-icon"><use xlink:href="#svg-search"></use></svg></label>
35
64
  </div>
36
- {% endif %}
37
- {% if site.aux_links != nil %}
38
- <ul class="list-style-none text-small aux-nav">
39
- {% for link in site.aux_links %}
40
- <li class="d-inline-block my-0{% unless forloop.last %} mr-2{% endunless %}"><a href="{{ link.last }}">{{ link.first }}</a></li>
41
- {% endfor %}
42
- </ul>
43
- {% endif %}
65
+ <div id="search-results" class="search-results"></div>
44
66
  </div>
45
- <div class="page">
46
- {% unless page.url == "/" %}
47
- {% if page.parent %}
48
- <nav class="breadcrumb-nav">
49
- <ol class="breadcrumb-nav-list">
50
- {% if page.grand_parent %}
51
- <li class="breadcrumb-nav-list-item"><a href="{{ first_level_url }}">{{ page.grand_parent }}</a></li>
52
- <li class="breadcrumb-nav-list-item"><a href="{{ second_level_url }}">{{ page.parent }}</a></li>
53
- {% else %}
54
- <li class="breadcrumb-nav-list-item"><a href="{{ first_level_url }}">{{ page.parent }}</a></li>
67
+ {% endif %}
68
+ {% if site.aux_links %}
69
+ <nav aria-label="Auxiliary" class="aux-nav">
70
+ <ul class="aux-nav-list">
71
+ {% for link in site.aux_links %}
72
+ <li class="aux-nav-list-item">
73
+ <a href="{{ link.last }}" class="site-button"
74
+ {% if site.aux_links_new_tab %}
75
+ target="_blank" rel="noopener noreferrer"
55
76
  {% endif %}
56
- <li class="breadcrumb-nav-list-item"><span>{{ page.title }}</span></li>
57
- </ol>
58
- </nav>
77
+ >
78
+ {{ link.first }}
79
+ </a>
80
+ </li>
81
+ {% endfor %}
82
+ </ul>
83
+ </nav>
84
+ {% endif %}
85
+ </div>
86
+ <div id="main-content-wrap" class="main-content-wrap">
87
+ {% unless page.url == "/" %}
88
+ {% if page.parent %}
89
+ <nav aria-label="Breadcrumb" class="breadcrumb-nav">
90
+ <ol class="breadcrumb-nav-list">
91
+ {% if page.grand_parent %}
92
+ <li class="breadcrumb-nav-list-item"><a href="{{ first_level_url }}">{{ page.grand_parent }}</a></li>
93
+ <li class="breadcrumb-nav-list-item"><a href="{{ second_level_url }}">{{ page.parent }}</a></li>
94
+ {% else %}
95
+ <li class="breadcrumb-nav-list-item"><a href="{{ first_level_url }}">{{ page.parent }}</a></li>
96
+ {% endif %}
97
+ <li class="breadcrumb-nav-list-item"><span>{{ page.title }}</span></li>
98
+ </ol>
99
+ </nav>
100
+ {% endif %}
101
+ {% endunless %}
102
+ <div id="main-content" class="main-content" role="main">
103
+ {% if site.heading_anchors != false %}
104
+ {% include vendor/anchor_headings.html html=content beforeHeading="true" anchorBody="<svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><use xlink:href=\"#svg-link\"></use></svg>" anchorClass="anchor-heading" %}
105
+ {% else %}
106
+ {{ content }}
107
+ {% endif %}
108
+
109
+ {% if page.has_children == true and page.has_toc != false %}
110
+ <hr>
111
+ <h2 class="text-delta">Table of contents</h2>
112
+ <ul>
113
+ {%- assign children_list = pages_list | where: "parent", page.title | where: "grand_parent", page.parent -%}
114
+ {% for child in children_list %}
115
+ <li>
116
+ <a href="{{ child.url | absolute_url }}">{{ child.title }}</a>{% if child.summary %} - {{ child.summary }}{% endif %}
117
+ </li>
118
+ {% endfor %}
119
+ </ul>
120
+ {% endif %}
121
+
122
+ {% if site.footer_content != nil or site.last_edit_timestamp or site.gh_edit_link %}
123
+ <hr>
124
+ <footer>
125
+ {% if site.back_to_top %}
126
+ <p><a href="#top" id="back-to-top">{{ site.back_to_top_text }}</a></p>
59
127
  {% endif %}
60
- {% endunless %}
61
- <div id="main-content" class="page-content" role="main">
62
- {% if site.heading_anchors != false %}
63
- {% include vendor/anchor_headings.html html=content beforeHeading = "true" anchorBody="<svg class=\"d-inline-block v-align-middle\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"18\" height=\"18\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>" anchorClass="anchor-heading" %}
64
- {% else %}
65
- {{ content }}
128
+ {% if site.footer_content != nil %}
129
+ <p class="text-small text-grey-dk-000 mb-0">{{ site.footer_content }}</p>
66
130
  {% endif %}
67
131
 
68
- {% if page.has_children == true and page.has_toc != false %}
69
- <hr>
70
- <h2 class="text-delta">Table of contents</h2>
71
- {% assign children_list = site.pages | sort:"nav_order" %}
72
- <ul>
73
- {% for child in children_list %}
74
- {% if child.parent == page.title and child.title != page.title %}
75
- <li>
76
- <a href="{{ child.url | absolute_url }}">{{ child.title }}</a>
77
- </li>
132
+ {% if site.last_edit_timestamp or site.gh_edit_link %}
133
+ <div class="d-flex mt-2">
134
+ {% if site.last_edit_timestamp and site.last_edit_time_format and page.last_modified_date %}
135
+ <p class="text-small text-grey-dk-000 mb-0 mr-2">
136
+ Page last modified: <span class="d-inline-block">{{ page.last_modified_date | date: site.last_edit_time_format }}</span>.
137
+ </p>
78
138
  {% endif %}
79
- {% endfor %}
80
- </ul>
81
- {% endif %}
82
-
83
- {% if site.footer_content != nil %}
84
- <hr>
85
- <footer role="contentinfo">
86
- <p class="text-small text-grey-dk-000 mb-0">{{ site.footer_content }}</p>
87
- </footer>
88
- {% endif %}
139
+ {% if
140
+ site.gh_edit_link and
141
+ site.gh_edit_link_text and
142
+ site.gh_edit_repository and
143
+ site.gh_edit_branch and
144
+ site.gh_edit_view_mode
145
+ %}
146
+ <p class="text-small text-grey-dk-000 mb-0">
147
+ <a href="{{ site.gh_edit_repository }}/{{ site.gh_edit_view_mode }}/{{ site.gh_edit_branch }}/{{ page.path }}" id="edit-this-page">{{ site.gh_edit_link_text }}</a>
148
+ </p>
149
+ {% endif %}
150
+ </div>
151
+ {% endif %}
152
+ </footer>
153
+ {% endif %}
89
154
 
90
- </div>
91
155
  </div>
92
156
  </div>
93
- </div>
94
157
 
158
+ {% if site.search_enabled != false %}
159
+ {% if site.search.button %}
160
+ <a href="#" id="search-button" class="search-button">
161
+ <svg viewBox="0 0 24 24" class="icon"><use xlink:href="#svg-search"></use></svg>
162
+ </a>
163
+ {% endif %}
164
+
165
+ <div class="search-overlay"></div>
166
+ {% endif %}
167
+ </div>
95
168
  </body>
96
169
  </html>
@@ -4,4 +4,4 @@ layout: vendor/compress
4
4
 
5
5
  {% assign content_ = content | replace: '<table', '<div class="table-wrapper"><table' %}
6
6
  {% assign content_ = content_ | replace: '</table>', '</table></div>' %}
7
- {{ content_ }}
7
+ {{ content_ }}
@@ -14,6 +14,7 @@
14
14
 
15
15
  html {
16
16
  @include fs-4;
17
+ scroll-behavior: smooth;
17
18
  }
18
19
 
19
20
  body {
@@ -24,25 +25,18 @@ body {
24
25
  background-color: $body-background-color;
25
26
  }
26
27
 
27
- p,
28
- h1,
29
- h2,
30
- h3,
31
- h4,
32
- h5,
33
- h6,
34
28
  ol,
35
29
  ul,
30
+ dl,
36
31
  pre,
37
32
  address,
38
33
  blockquote,
39
- dl,
34
+ table,
40
35
  div,
41
- fieldset,
42
- form,
43
36
  hr,
44
- noscript,
45
- table {
37
+ form,
38
+ fieldset,
39
+ noscript .table-wrapper {
46
40
  margin-top: 0;
47
41
  }
48
42
 
@@ -52,14 +46,15 @@ h3,
52
46
  h4,
53
47
  h5,
54
48
  h6 {
55
- margin-top: 1.2em;
56
- margin-bottom: 0.8em;
49
+ margin-top: 0;
50
+ margin-bottom: 1em;
57
51
  font-weight: 500;
58
52
  line-height: $body-heading-line-height;
59
53
  color: $body-heading-color;
60
54
  }
61
55
 
62
56
  p {
57
+ margin-top: 1em;
63
58
  margin-bottom: 1em;
64
59
  }
65
60
 
@@ -76,19 +71,22 @@ a:not([class]) {
76
71
  background-size: 1px 1px;
77
72
 
78
73
  &:hover {
79
- background-image: linear-gradient(rgba($link-color, 0.45) 0%, rgba($link-color, 0.45) 100%);
74
+ background-image: linear-gradient(
75
+ rgba($link-color, 0.45) 0%,
76
+ rgba($link-color, 0.45) 100%
77
+ );
80
78
  background-size: 1px 1px;
81
-
82
79
  }
83
80
  }
84
81
 
85
82
  code {
86
83
  font-family: $mono-font-family;
87
- font-size: 12px;
84
+ font-size: 0.75em;
88
85
  line-height: $body-line-height;
89
86
  }
90
87
 
91
- figure {
88
+ figure,
89
+ pre {
92
90
  margin: 0;
93
91
  }
94
92