Files
moonweb-site/shared/_includes/base.njk
T

92 lines
4.1 KiB
Plaintext

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ title }}{% if 'moonweb' not in title and 'stefankoelle' not in title %} · moonweb.org{% endif %}</title>
<meta name="description" content="{{ description }}">
<meta name="author" content="Stefan Koelle">
<meta name="theme-color" content="{% if section == 'hub' %}#3b6ea5{% elif section == 'infra' %}#99333A{% elif section == 'smarthome' %}#1f8a8a{% elif section == 'code' %}#3E5098{% elif section == 'retro' %}#8a6d3b{% else %}#3b6ea5{% endif %}">
<link rel="canonical" href="{{ site.url }}{{ page.url }}">
<meta property="og:title" content="{{ title }}{% if 'moonweb' not in title and 'stefankoelle' not in title %} · moonweb.org{% endif %}">
<meta property="og:description" content="{{ description }}">
{% if ogImage %}<meta property="og:image" content="{{ site.url }}{{ ogImage }}">{% endif %}
<meta property="og:url" content="{{ site.url }}{{ page.url }}">
<meta property="og:type" content="{% if parent %}article{% else %}website{% endif %}">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="{{ title }}{% if 'moonweb' not in title and 'stefankoelle' not in title %} · moonweb.org{% endif %}">
<meta name="twitter:description" content="{{ description }}">
{% if ogImage %}<meta name="twitter:image" content="{{ site.url }}{{ ogImage }}">{% endif %}
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet">
<link rel="icon" href="{% if section and section != 'hub' %}/{{ section }}/favicon.svg{% else %}/favicon.svg{% endif %}">
<link rel="stylesheet" href="/shared-base.css">
<style>:root { --accent: {% if section == 'infra' %}#99333A{% elif section == 'smarthome' %}#1f8a8a{% elif section == 'code' %}#3E5098{% elif section == 'retro' %}#8a6d3b{% else %}#3b6ea5{% endif %}; }</style>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "{% if parent %}BreadcrumbList{% else %}WebSite{% endif %}",
{% if parent %}
"itemListElement": [
{ "@type": "ListItem", "position": 1, "name": "{{ section }}", "item": "{{ site.url }}/" },
{ "@type": "ListItem", "position": 2, "name": "{{ title | safe }}", "item": "{{ site.url }}{{ page.url }}" }
]
{% else %}
"name": "{{ title | safe }}{% if 'moonweb' not in title and 'stefankoelle' not in title %} · moonweb.org{% endif %}",
"url": "{{ site.url }}",
"author": { "@type": "Person", "name": "Stefan Koelle" }
{% endif %}
}
</script>
{% if section == 'hub' and not parent %}
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Person",
"name": "Stefan Koelle",
"url": "https://www.moonweb.org",
"image": "https://www.moonweb.org/stefan-koelle-foto.jpg",
"jobTitle": "Senior Software Developer & Architect",
"address": {
"@type": "PostalAddress",
"addressLocality": "Munich",
"addressCountry": "DE"
},
"sameAs": [
"https://stefankoelle.de",
"https://www.linkedin.com/in/stefankoelle/",
"https://github.com/skoelle",
"https://www.xing.com/profile/Stefan_Koelle"
]
}
</script>
{% endif %}
</head>
<body>
<header class="site-header">
<div class="site-banner">
<span class="site-title">moonweb.org{% if section and section != 'hub' %}/{{ section }}{% endif %}</span>
</div>
<nav class="site-switcher">
<a href="/">home</a>
<a href="/infra/">infra</a>
<a href="/smarthome/">smarthome</a>
<a href="/code/">code</a>
<a href="/retro/">retro</a>
<a href="https://stefankoelle.de">cv</a>
</nav>
</header>
<main>
{% if parent %}<a class="back-link" href="{{ parent }}">← Back to {{ section }} overview</a>{% endif %}
{{ content | safe }}
</main>
<footer class="site-footer">
<p>Part of the <a href="/">moonweb.org</a> homelab.</p>
<p><a href="/impressum/">Legal Notice &amp; Privacy Policy</a></p>
</footer>
</body>
</html>