blog/src/main/_includes/default.njk

56 lines
2.0 KiB
Plaintext

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="author" content="{{ site.author }}" />
<meta name="application-name" content="{{ site.title }}" />
<meta name="description" content="{{ site.description }}" />
<meta name="theme-color" content="#0033cc" />
<title>{% if page.title %}{{ page.title }}{% else %}Blog{% endif %} | FWDekker</title>
<link rel="shortcut icon" type="image/png" href="https://fwdekker.com/favicon.png"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic"
crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"
integrity="sha256-l85OmPOjvil/SOvVt3HnSSjzF1TUMyT9eV0c2BzEGzU=" crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/milligram/1.3.0/milligram.min.css"
integrity="sha256-Ro/wP8uUi8LR71kwIdilf78atpu8bTEwrK5ZotZo+Zc=" crossorigin="anonymous" />
<link rel="stylesheet" href="https://static.fwdekker.com/css/milligram-common.css" crossorigin="anonymous" />
<style>
p {
text-align: justify;
text-justify: inter-word;
}
ol {
list-style: decimal outside;
}
</style>
</head>
<body>
<main class="wrapper">
<!-- Header -->
<header class="header">
<section class="container">
{% if title %}
<h1><a href="{{ '/' | url }}">{{ site.title }}</a></h1>
{% else %}
<h1>{{ site.title }}</h1>
{% endif %}
{% if title %}
<h2 style="display: inline;">{{ title }}</h2>&nbsp;
{% if date %}<u>{{ date | isoDate }}</u>{% endif %}
{% endif %}
</section>
</header>
<!-- Contents -->
<section class="container">
{{ content | safe }}
</section>
</main>
</body>
</html>