mirror of
https://github.com/squidfunk/mkdocs-material.git
synced 2024-06-14 11:52:32 +03:00
86 lines
2.6 KiB
HTML
86 lines
2.6 KiB
HTML
|
<!-- Top-level navigation -->
|
||
|
|
<nav aria-label="top navigation">
|
||
|
|
|
||
|
|
<!-- Default bar -->
|
||
|
|
<div class="bar default">
|
||
|
|
|
||
|
|
<!-- Toggle drawer -->
|
||
|
|
<div class="button button-menu" role="button" aria-label="Menu">
|
||
|
|
<label class="toggle-button icon icon-menu" for="toggle-drawer">
|
||
|
|
<span></span>
|
||
|
|
</label>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Page title -->
|
||
|
|
<div class="stretch">
|
||
|
|
<div class="title">
|
||
|
|
{% if current_page %}
|
||
|
|
<span class="path">
|
||
|
|
{% for doc in current_page.ancestors %}
|
||
|
|
{% if doc.link %}
|
||
|
|
<a href="{{ doc.link | e }}">{{ doc.title }}</a>
|
||
|
|
<i class="icon icon-link"></i>
|
||
|
|
{% else %}
|
||
|
|
{{ doc.title }} <i class="icon icon-link"></i>
|
||
|
|
{% endif %}
|
||
|
|
{% endfor %}
|
||
|
|
</span>
|
||
|
|
{% endif %}
|
||
|
|
{% if page_title %}
|
||
|
|
{{ page_title }}
|
||
|
|
{% else %}
|
||
|
|
{{ site_name }}
|
||
|
|
{% endif %}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Twitter -->
|
||
|
|
{% if config.extra.author.twitter %}
|
||
|
|
<div class="button button-twitter" role="button" aria-label="Twitter">
|
||
|
|
<a href="https://twitter.com/{{ config.extra.author.twitter }}"
|
||
|
|
title="@{{ config.extra.author.twitter }} on Twitter" target="_blank"
|
||
|
|
class="toggle-button icon icon-twitter"></a>
|
||
|
|
</div>
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
<!-- GitHub -->
|
||
|
|
{% if config.extra.author.github %}
|
||
|
|
<div class="button button-github" role="button" aria-label="GitHub">
|
||
|
|
<a href="https://github.com/{{ config.extra.author.github }}"
|
||
|
|
title="@{{ config.extra.author.github }} on GitHub" target="_blank"
|
||
|
|
class="toggle-button icon icon-github"></a>
|
||
|
|
</div>
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
<!-- Open search -->
|
||
|
|
<div class="button button-search" role="button" aria-label="Search">
|
||
|
|
<label class="toggle-button icon icon-search" title="Search"
|
||
|
|
for="toggle-search"></label>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Search bar -->
|
||
|
|
<div class="bar search">
|
||
|
|
|
||
|
|
<!-- Close search -->
|
||
|
|
<div class="button button-close" role="button" aria-label="Close">
|
||
|
|
<label class="toggle-button icon icon-back"
|
||
|
|
for="toggle-search"></label>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Search form -->
|
||
|
|
<div class="stretch">
|
||
|
|
<div class="field">
|
||
|
|
<input class="query" type="text" placeholder="Search"
|
||
|
|
autocapitalize="off" autocorrect="off" autocomplete="off"
|
||
|
|
spellcheck="false" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Empty search -->
|
||
|
|
<div class="button button-reset" role="button" aria-label="Search">
|
||
|
|
<button class="toggle-button icon icon-close"
|
||
|
|
id="reset-search"></button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</nav>
|