<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>{% unless title %}punkfairie.net{% endunless %}</title>

    <!--suppress HtmlUnknownTarget -->
    <link rel="stylesheet" href="/style/style.css">

    <!-- Bunny Fonts -->
    <link rel="preconnect" href="https://fonts.bunny.net">
    <link href="https://fonts.bunny.net/css?family=bungee-shade:400|imprima:400" rel="stylesheet"/>
</head>
<body class="Site">

<h1 class="Site-title">punkfairie.net</h1>

<nav class="Site-nav Nav">
    <a href="/" class="Nav-link">index</a>
    <button class="Nav-link">collections</button>
    <a href="/about/" class="Nav-link">about</a>
    <a href="/manifesto/" class="Nav-link">manifesto</a>
    <a href="/diary/" class="Nav-link">diary</a>
    <a href="/links/" class="Nav-link">links</a>

    <hr class="Nav-separator">

    <a href="https://epiphany.punkfairie.net" target="_blank" class="Nav-link">epiphany</a>
    <a href="https://saudade.punkfairie.net" target="_blank" class="Nav-link">petz archive</a>
</nav>

<main class="Site-content">
    {{ content }}
</main>

<aside class="Site-info">

</aside>

<aside class="Site-social">

</aside>

</body>
</html>
