djLint/docs/src/_includes/nav.njk
Christopher Pickering 4cd8b81a96
docs(demo): added demo
2022-11-21 16:54:00 +01:00

85 lines
4.3 KiB
Text

<nav class="navbar djlint-nav is-white is-fixed-top"
aria-label="main navigation">
<div class="container">
<div class="navbar-brand">
<a href="{{ "lang_code_url" | i18n }}/">{% image "./src/static/img/icon.png", "djlint icon", "(min-width:600px) 50vw, 100vw" %}</a>
<a role="button"
class="navbar-burger"
aria-label="menu"
aria-expanded="false"
data-target="djlint-nav-menu">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div id="djlint-nav-menu" class="navbar-menu">
<div class="navbar-start my-5 mx-0 is-justify-content-center is-flex-grow-1">
<a class="navbar-item has-text-grey-dark umami--nav--gettingstarted" href="{{ "lang_code_url" | i18n }}/docs/getting-started/">
{{ "getting_started" | i18n }}
</a>
<a class="navbar-item has-text-grey-dark umami--nav--formatter" href="{{ "lang_code_url" | i18n }}/docs/formatter/">
{{ "formatter" | i18n }}
</a>
<a class="navbar-item has-text-grey-dark umami--nav--linter" href="{{ "lang_code_url" | i18n }}/docs/linter/">
{{ "linter" | i18n }}
</a>
<a class="navbar-item has-text-grey-dark umami--nav--configuration" href="{{ "lang_code_url" | i18n }}/docs/configuration">
{{ "configuration" | i18n }}
</a>
<a class="navbar-item has-text-grey-dark umami--nav--integrations" href="{{ "lang_code_url" | i18n }}/docs/integrations">
{{ "integrations" | i18n }}
</a>
<a class="navbar-item has-text-grey-dark umami--nav--bestpractices" href="{{ "lang_code_url" | i18n }}/docs/best-practices">
{{ "best_practices" | i18n }}
</a>
<a class="navbar-item has-text-grey-dark umami--nav--tryonline" href="{{ "lang_code_url" | i18n }}/demo">
{{ "try_online" | i18n }}
</a>
</div>
<div class="navbar-end mx-0">
<a class="navbar-item button is-white animated fadeIn umami--nav--github"
href="https://github.com/Riverside-Healthcare/djlint"
target="_blank"
rel="noopener"
aria-label="GitHub">
<span class="icon is-large has-text-grey-dark is-nav-icon">
<i class="fab fa-2x fa-github"></i>
</span>
</a>
<a class="navbar-item button is-white animated fadeIn umami--nav--discord"
href="https://discord.gg/taghAqebzU"
target="_blank"
rel="noopener"
aria-label="Discord">
<span class="icon is-large has-text-grey-dark is-nav-icon">
<i class="fab fa-2x fa-discord"></i>
</span>
</a>
<a class="navbar-item button is-white animated fadeIn umami--nav--download"
href="https://pypi.org/project/djlint/"
target="_blank"
rel="noopener"
aria-label="Download">
<span class="icon is-large has-text-grey-dark is-nav-icon">
<i class="fas fa-2x fa-download"></i>
</span>
</a>
<div class="navbar-item has-dropdown has-text-grey-dark is-hoverable">
<div class="navbar-link has-text-grey-dark is-transparent">
<span class="icon is-large">
<i class="fas fa-lg fa-globe"></i>
</span>
<span>{{ locale | i18n_locale(locales) }}
</div>
<div class="navbar-dropdown">
{% for page in page.url | i18n_urls(collections.all) %}
<a class="navbar-item" href="{{ page.url }}">{{ page.meta.label }}
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</nav>