symposion_app/pinaxcon/templates/sitetree_header.html
Joel Addison 9f0bb9178f Improved menu styling
Update menu to use same style as static site,
with slight adjustments for Bootstrap 3.
2017-12-10 17:26:38 +10:00

37 lines
1.6 KiB
HTML

{% load sitetree %}
<nav class="navbar navbar-lca" role="navigation">
<div class="container-fluid">
{% for item in sitetree_items %}
{% if forloop.counter == 1 %}
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand logo" href="{% sitetree_url for item %}">
<img src="https://linux.conf.au/media/img/LCA18_nodate.svg" height="80" alt="linux.conf.au 2018" />
</a>
</div>
{% else %}
{% if forloop.counter == 2 %}
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
{% endif %}
<li class="{% if item.has_children %}dropdown{% endif %} {% if item.is_current or item.in_current_branch %}active{% endif %}">
<a href="{% if item.has_children %}#{% else %}{% sitetree_url for item %}{% endif %}" {% if item.has_children %}class="dropdown-toggle" data-toggle="dropdown"{% endif %}>
<span>
{{ item.title_resolved }} {% if item.has_children %}<b class="caret"></b>{% endif %}
</span>
</a>
{% if item.has_children %}
{% sitetree_children of item for menu template "sitetree/menu_bootstrap3_dropdown.html" %}
{% endif %}
</li>
{% endif %}
{% endfor %}
</ul>
</div>
</div>
</nav>