64 lines
3.1 KiB
Django/Jinja
64 lines
3.1 KiB
Django/Jinja
{% if header_class is not defined %}{% set header_class="dark" %}{%endif%}
|
|
<div{% if image %} style="background: linear-gradient(to bottom, {% if header_class=="dark" %}rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7){% else %}rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7){% endif %}), url({{image}}) no-repeat center center; background-size:cover"{% endif %}>
|
|
<nav class="navbar navbar-expand-sm navbar-{{header_class}} container">
|
|
<a href="/" class="navbar-brand">
|
|
{% include 'logo.jinja2' %}
|
|
</a>
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div id="navbarSupportedContent" class="collapse navbar-collapse">
|
|
<ul class="navbar-nav">
|
|
{%- for item in menu %}
|
|
<li class="nav-item dropdown">
|
|
{%- if item.children %}
|
|
<a role="button" class="nav-link dropdown-toggle cursor-default" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{item.title}}</a>
|
|
<ul class="dropdown-menu">
|
|
{%- if item.href %}
|
|
<li>
|
|
<a href="{{item.href|e}}" class="dropdown-item">{{item.title}}</a>
|
|
</li>
|
|
<li>
|
|
<div class="dropdown-divider"></div>
|
|
</li>
|
|
{%- endif -%}
|
|
{%- for subitem in item.children recursive -%}
|
|
{%- if subitem.children %}
|
|
<li class="dropright">
|
|
<button class="dropdown-item dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{subitem.title}}</button>
|
|
<ul class="dropdown-menu">
|
|
{%- if subitem.href %}
|
|
<li>
|
|
<a href="{{subitem.href|e}}" class="dropdown-item">{{subitem.title}}</a>
|
|
</li>
|
|
<li>
|
|
<div class="dropdown-divider"></div>
|
|
</li>
|
|
{%- endif -%}
|
|
{{ loop(subitem.children) }}
|
|
</ul>
|
|
{%- else -%}
|
|
<li>
|
|
<a href="{{subitem.href|e}}" class="dropdown-item">{{subitem.title}}</a>
|
|
{%- endif -%}
|
|
</li>
|
|
{%- endfor %}
|
|
</ul>
|
|
{%- else %}
|
|
<a href="{{item.href|e}}" class="nav-link">{{item.title}}</a>
|
|
{%- endif %}
|
|
</li>
|
|
{%- endfor %}
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
<div class="jumbotron container text-{% if header_class=="dark" %}light{% else %}dark{% endif %} bg-transparent">
|
|
<h1 class="page-title">{{title}}</h1>
|
|
{%- if description %}<p class="page-lead">{{description}}</p>{% endif %}
|
|
<div class="row">
|
|
{%- if published %}<p class="col-6 col-sm-4 col-md-3"><i class="fas fa-calendar-day"></i> {{published|format_date('long')}}</p>{% endif %}
|
|
{%- if updated %}<p class="col-6 col-sm-4 col-md-3"><i class="fas fa-edit"></i> {{updated|format_date('long')}}</p>{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|