65 lines
2.5 KiB
HTML
65 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<script>
|
|
// redirect legacy anchors
|
|
if (/^#privacy\/?$/.test(location.hash))
|
|
location.href = "/privacy";
|
|
if (/^#impressum\/?$/.test(location.hash))
|
|
location.href = "/impressum";
|
|
</script>
|
|
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<title>{{ page.title }}</title>
|
|
<meta name="author" content="Ellpeck">
|
|
<meta name="description" content="{{ page.description }}">
|
|
<meta name="keywords" content="Ellpeck, Actually Additions, Programming, Minecraft, Game Development, Nature's Aura, C#, Java, Blog, Tutorial, Pretty Pipes, Tiny Life, Ellpeck Games">
|
|
|
|
<meta property="og:title" content="{{ page.title }}">
|
|
<meta property="og:description" content="{{ page.description }}">
|
|
<meta property="og:image" content="https://ellpeck.de/res/logoSmall.png">
|
|
<meta name="twitter:card" content="summary">
|
|
<meta name="twitter:site" content="@Ellpeck">
|
|
<meta name="twitter:creator" content="@Ellpeck">
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
|
|
<script>
|
|
const darkCookie = localStorage.getItem("dark");
|
|
const dark = darkCookie === null ? window.matchMedia("(prefers-color-scheme: dark)").matches : darkCookie === "true";
|
|
</script>
|
|
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto&display=swap">
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap">
|
|
<link rel="stylesheet" href="/style/style.css">
|
|
<link rel="stylesheet" href="/style/dark.css">
|
|
<link rel="icon" href="/favicon.ico">
|
|
</head>
|
|
|
|
<body data-spy="scroll" data-target="#navbar" data-offset="140">
|
|
<script>
|
|
if (dark)
|
|
$("body").addClass("dark-mode");
|
|
</script>
|
|
|
|
{% include nav/navbar.html %}
|
|
|
|
<!-- Content -->
|
|
<div class="container main">
|
|
<!-- Cookie notification -->
|
|
<div id="cookieinfo"></div>
|
|
<script src="/scripts/cookieinfo.js"></script>
|
|
<div id="main">
|
|
{{ content }}
|
|
</div>
|
|
</div>
|
|
|
|
{% include footer.html %}
|
|
</body>
|
|
|
|
</html>
|