<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="/css/normalize.css">
<link rel="stylesheet" type="text/css" href="/css/redhat-text/redhat-text.css">
<link rel="stylesheet" type="text/css" href="/js/photoswipe/photoswipe.css">
{% block additional_css %}{% endblock %}
<link rel="stylesheet" type="text/css" href="/css/style.css">
<link rel="alternate" type="application/rss+xml" title="RSS Feed for {{ config.title }}" href="/rss.xml" />
<script src="/js/mathjax/tex-chtml-full.js" id="MathJax-script" async></script>
<title>{% block title %}{{ config.title }} :: {{ page.title }}{% endblock title %}</title>
</head>
<body>
<header>
<img class="logo" src="/images/logo.png" />
<div class="text">
<div class="heading">{{ config.title }}</div>
<div class="subtext">{{ config.description }}</div>
</div>
</header>
{% block navigation %}
{% set top_section = get_section(path="_index.md", metadata_only=true) %}
<nav>
{% for subsec_path in top_section.subsections %}
{% set subsec = get_section(path=subsec_path) %}
{% if subsec.extra["menu_dropdown"] %}
<div class="dropdown">
<button class="dropbtn">{{subsec.title}} ⌄</button>
<div class="dropdown-content">
{% for subsec_page in subsec.pages %}
<a href="{{subsec_page.path}}">{{subsec_page.title}}</a>
{% endfor %}
</div>
</div>
{% else %}
<a href="{{subsec.path}}">{{subsec.title}}</a>
{% endif %}
{% endfor %}
<a href="javascript:void(0);" style="font-size:15px;" class="icon" onclick="expandHamburger()">☰</a>
</nav>
{% endblock navigation %}
{% block content %}
<main>
<h1>{{page.title}}</h1>
{{page.content | safe}}
{%- if page.extra.masto_instance -%}
{% include "masto-comments.html" %}
{%- endif -%}
<hr></hr>
<small>
Published: {{page.date | date(format="%d.%m.%Y %H:%M")}}
{% if page.updated %}
Updated: {{page.updated | date(format="%d.%m.%Y %H:%M")}}
{% endif %}
</small>
<br/>
<br/>
</main>
{% endblock content %}
<script>
function expandHamburger() {
var x = document.getElementsByTagName("nav")[0];
if (x.className === "") {
x.className += "responsive";
} else {
x.className = "";
}
}
</script>
<script type="module">
import PhotoSwipeLightbox from '/js/photoswipe/photoswipe-lightbox.esm.min.js';
const options = {
gallery: 'main .lightbox',
pswpModule: () => import('/js/photoswipe/photoswipe.esm.min.js')
};
const lightbox = new PhotoSwipeLightbox(options);
lightbox.init();
</script>
</body>
</html>