diff options
Diffstat (limited to 'templates/index.html')
-rw-r--r-- | templates/index.html | 135 |
1 files changed, 135 insertions, 0 deletions
diff --git a/templates/index.html b/templates/index.html new file mode 100644 index 0000000..63ea8b6 --- /dev/null +++ b/templates/index.html @@ -0,0 +1,135 @@ +<!DOCTYPE HTML> +<html> + <head> + <meta charset="UTF-8"> + <link rel="stylesheet" href="{{ get_url(path="main.css") | safe }}"> + </head> + <body> + + <script> + fetch('{{ config.extra.release | safe }}') + .then((response) => { + return response.json(); + }) + .then((data) => { + let release_name = data.name; + let html_url = data.html_url; + release.innerHTML = `<a href='${html_url}'>${release_name}</a>`; + }); + </script> + + <main> + + {% block nav %} + + <nav> + {% if config.extra.logo %} + {% if current_path == "/" %} + <img src="{{ config.extra.logo | safe }}" alt="" /> + + {% else %}<a href="/"> + <img src="{{ config.extra.logo | safe }}" alt="" /> + </a> + {% endif %} + + {% else %} + <h1><a href="{{ config.base_url }}">{{ config.title }}</a></h1> + {% endif %} + + {% if config.extra.release %} + <div id="release"></div> + {% endif %} + + <a href="javascript:void(0);" onclick="burger()" id="mobile" class="ms-Icon--GlobalNavButton"></a> + <div id="trees"> + {% set section = get_section(path="_index.md") %} + {% for p in section.subsections %} + {% set subsection = get_section(path=p) %} + + + <input class="tree-toggle" type="checkbox" id="{{ subsection.title | slugify }}" + {% if current_path is starting_with(subsection.path) %}checked{% endif %} /> + <label class="tree-toggle-label" for="{{ subsection.title | slugify }}">{{ subsection.title }}</label> + + <ul class="subtree"> + {% for page in subsection.pages %} + <li class="{% if current_path == page.path %}active{% endif %}"> + <a href="{{page.permalink}}">{{page.title}}</a> + </li> + + {% if current_path == page.path %} + + {% set_global header_count = 0 %} + {% for h2 in page.toc %} + {% set_global header_count = header_count + 1 %} + {% for h3 in h2.children %} + {% set_global header_count = header_count + 1 %} + {% for h4 in h3.children %} + {% set_global header_count = header_count + 1 %} + {% endfor %} + {% endfor %} + {% endfor %} + + {% if header_count > 4 %} + <ul id="toc"> + {% for h2 in page.toc %} + <li><a href="{{ h2.permalink | safe }}">{{ h2.title }}</a> + {% if h2.children %} + <ul> + {% for h3 in h2.children %} + <li><a href="{{ h3.permalink | safe }}">{{ h3.title }}</a></li> + {% endfor %} + </ul> + {% endif %} + </li> + {% endfor %} + </ul> + {% endif %} + + +{% endif %} + + + {% endfor %} + </ul> + {% endfor %} + </div> </nav> + {% endblock nav %} + +<article> + + {% if config.build_search_index %} + <div id="on_right"> + <span id="search-ico" class="ms-Icon--Search"></span> + </div> + <div class="search-container"> + <input id="search" type="search" placeholder="Search as you type..."> + <div class="search-results"> + <div class="search-results__header"></div> + <ul class="search-results__items"></ul> + </div> + </div> + {% endif %} + +<div id="wrap"> +{% block content %} + + + {{ section.content | safe }} + +{% endblock content %} +</div> + +</article> + + +</main> + +{% if config.build_search_index %} +<script type="text/javascript" src="{{ get_url(path="elasticlunr.min.js") | safe }}"></script> +<script type="text/javascript" src="{{ get_url(path="search_index.en.js") | safe }}"></script> +<script type="text/javascript" src="{{ get_url(path="js.js") | safe }}" defer></script> +{% endif %} + +</body> +</html>
\ No newline at end of file |