<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <meta name="referrer" content="no-referrer" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="{{ description | escape }}" />
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:site" content="@boring_cactus" />
    <meta name="twitter:title" content="{{ title | escape }}" />
    <meta name="twitter:description" content="{{ description | escape }}" />
    <meta property="og:url" content="https://www.boringcactus.com{{ page.url }}" />
    <meta property="og:title" content="{{ title | escape }}" />
    <meta property="og:description" content="{{ description | escape }}" />
    {% if page.url == "/" %}
    <meta property="og:type" content="website" />
    <title>{{ title }}</title>
    {% else %}
    <meta property="og:type" content="article" />
    <meta property="article:published_time" content="{% if showDate %}{{ page.date | date: '%Y-%m-%d', 'Etc/UTC' }}{% endif %}" />
    <title>{{ title }} | boringcactus</title>
    {% endif %}
    <link rel="stylesheet" href="/assets/site.css">
    <style>{% getBundle "css" %}</style>
    <link type="application/atom+xml" rel="alternate" href="/feed.xml" title="boringcactus" />
    <link rel="license" href="https://creativecommons.org/licenses/by-nc-sa/4.0/" />
    <link rel="icon" href="/assets/icon.svg">
    <script async defer data-domain="boringcactus.com" src="https://plausible.io/js/plausible.js"></script>
</head>
<body>
<header>
    {% if page.url != "/" %}
    <p>(brought to you by <a href="/">boringcactus</a>)</p>
    {% endif %}
</header>
<main>
    <h1>{{ title }}{% if showDate %} <small>({{ page.date | date: "%d %b %Y", 'Etc/UTC' }})</small>{% endif %}</h1>
    {{ content }}
</main>
<script src="/assets/site.js"></script>
</body>
</html>
