navbar: Show burger button only when menu exists

[ipfire.org.git] / src / templates / blog / base.html

{% extends "../base.html" %}

{% block head %}
	<link rel="alternate" type="application/rss+xml" title="RSS" href="https://blog.ipfire.org/feed.xml" />
{% end block %}

{% block subtitle %}{{ _("Blog") }}{% end block %}

{% block menu %}
	<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
			aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
		<span class="fas fa-bars"></span>
	</button>

	<div class="collapse navbar-collapse" id="navbar">
		<form class="form-inline ml-auto my-2 my-lg-0" action="/search" method="GET">
			<input class="form-control form-control-sm mr-sm-2" type="search" name="q"
				placeholder="{{ _("Search...") }}" aria-label="{{ _("Search") }}" value="{% try %}{{ q }}{% except %}{% end %}">
		</form>

		<a class="btn btn-primary btn-donate ml-2 d-none d-sm-block" href="/donate">
			<span class="fas fa-heart"></span> {{ _("Donate") }}
		</a>
	</div>
{% end block %}

{% block content %}
	<div class="row">
		<div class="col-12 col-md-3">
			<nav class="mb-5">
				<ul class="nav flex-column">
					<li class="nav-item">
						<a class="nav-link {% if request.path == "/" %}active{% end %}" href="/">
							{{ _("Newest") }}
						</a>
					</li>

					{% if current_user %}
						<li class="nav-item">
							<a class="nav-link {% if request.path == "/drafts" %}active{% end %}" href="/drafts">
								{{ _("My Drafts") }}
							</a>
						</li>
					{% end %}

					<li class="nav-item">
						<a class="nav-link {% if request.path == "/tags/featured" %}active{% end %}" href="/tags/featured">
							{{ _("Featured") }}
						</a>
					</li>

					<li class="nav-item">
						<a class="nav-link {% if request.path == "/tags/lightningwirelabs.com" %}active{% end %} d-flex justify-content-between"
								href="/tags/lightningwirelabs.com">
							<span>{{ _("Lightning Wire Labs") }}</span>

							<img class="img-fluid" src="{{ static_url("img/lightningwirelabs-logo.svg") }}"
								alt="{{ _("Lightning Wire Labs") }}">
						</a>
					</li>

					<li class="nav-item">
						<a class="nav-link d-flex justify-content-between" href="/feed.xml">
							<span>{{ _("RSS Feed") }}</span> <span class="fas fa-rss"></span>
						</a>
					</li>
				</ul>
			</nav>

			{% module BlogHistoryNavigation() %}
		</div>

		<div class="col">
			{% block main %}{% end block %}
		</div>

		{% block right %}{% end block %}
	</div>
{% end block %}