blog: Add meta tags for OpenGraph & Twitter

[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" />
	{% block meta %}{% end block %}
{% end block %}

{% block content %}
	<div class="row">
		<div class="col-12 col-lg-3 d-none d-lg-block">
			<nav class="mb-3">
				<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>
				</ul>
			</nav>

			<a class="btn btn-primary btn-block mb-3" href="/feed.xml">
				<i class="fas fa-rss-square fa-3x mb-2"></i>
				<br>{{ _("Subscribe to our Blog") }}
			</a>

			<a class="btn btn-twitter btn-block mb-5" href="https://twitter.com/ipfire">
				{{ _("Or follow us on Twitter") }}
				<i class="fab fa-twitter"></i>
			</a>

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

		<div class="col-12 col-lg-9">
			{% block main %}
				<div class="row justify-content-center">
					<div class="col-12 col-md-6">
						{% block modal %}{% end block %}
					</div>
				</div>
			{% end block %}
		</div>
	</div>
{% end block %}