blog: Make menu responsive by moving it into header

[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 content %}
	<div class="row">
		<div class="col-12 col-lg-3 d-none d-lg-block">
			<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-12 col-lg-9">
			{% block main %}{% end block %}
		</div>
	</div>
{% end block %}