matrix.org/templates/docs/with_menu.html

94 lines
3.8 KiB
HTML

{% extends "section.html" %}
{% block scripts %}
<script src="/js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="/js/d3.v3.min.js"></script>
<script src="/js/how-it-works.js"></script>
<script src="/js/docs.js"></script>
{% endblock scripts %}
{% block content %}
{% set docs_sections = get_section(path="docs/_index.md") %}
{% set root_section = get_section(path="docs/chat_basics/_index.md") %}
{% if section.path is starting_with("/docs/chat_basics") %}
{% set root_section = get_section(path="docs/chat_basics/_index.md") %}
{% elif section.path is starting_with("/docs/communities") %}
{% set root_section = get_section(path="docs/communities/_index.md") %}
{% elif section.path is starting_with("/docs/technical") %}
{% set root_section = get_section(path="docs/technical/_index.md") %}
{% endif %}
<div class="docs-body">
<div class="docs-menu">
<div class="docs-menu-inner">
{% for doc_section_path in docs_sections.subsections %}
{% set doc_section = get_section(path=doc_section_path) %}
{% if section.path is containing(doc_section.path) %}
{% set current = true %}
{% else %}
{% set current = false %}
{% endif %}
<div>
<input id="{{ doc_section.title }}-submenu-checkbox" type="checkbox" class="submenu-checkbox"
aria-hidden="true" {% if current %}checked{% endif %}>
<label for="{{ doc_section.title }}-submenu-checkbox" class="submenu-title">{{ doc_section.title }}
<div class="arrow"></div>
</label>
<ul class="section-submenu-wrap">
{% for h2 in doc_section.toc %}
<li>
<a href="{{ h2.permalink }}" class="toclink">{{ h2.title }}</a>
{% if h2.children %}
<ul>
{% for h3 in h2.children %}
<a href="{{ h3.permalink }}" class="toclink">
<li>{{ h3.title }}</li>
</a>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
{% for doc_subsection_path in doc_section.subsections %}
{% set doc_subsection = get_section(path=doc_subsection_path) %}
<li>
<a href="{{ doc_subsection.path }}" class="toclink">{{ doc_subsection.title }}</a>
<ul>
{% for h3 in doc_subsection.toc %}
<a href="{{ h3.permalink }}" class="toclink">
<li>{{ h3.title }}</li>
</a>
{% endfor %}
</ul>
{% endfor %}
</li>
</ul>
{% if loop.last == false %}
<div class="spacer"></div>
{% endif %}
</div>
{% endfor %}
</div>
</div>
<div class="docs-content">
<article class="content">
<header>
<h1>{{ section.title }}</h1>
{% set iso_date = section.extra.updated | date(format = '%Y-%m-%d') %}
<div class="metadata">
Last updated: <time datetime="{{ iso_date }}"> {{ iso_date }}</time>
</div>
{% if section.author %}
<div class="metadata">
Author: {{ section.author }}
</div>
{% endif %}
</header>
{{ section.content | markdown | safe }}
</article>
</div>
</div>
<button id="docs-menu-button">Table of Contents</button>
{% endblock content %}