96 lines
3 KiB
HTML
96 lines
3 KiB
HTML
|
<!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>
|