<!DOCTYPE HTML>
<html lang="{{ page.lang | default: site.lang | default: en }}">
  <head>
    <meta charset="utf-8">
    <title>{{ site.title }} {% if page.title %} - {{ page.title }} {% endif %}</title>
    <link rel="stylesheet" href="/assets/css/style.css">
  </head>
  <body>
  	<script src="/assets/js/oneko.js"></script>
    <script src="/assets/js/light-dark-toggle.js"></script>
    <div class="wrapper">
      <div class="header">
        <h1>{{ site.title }}</h1>
      </div>
    </div>
    <div class="wrapper">
      <div class="navigation">
        <a href="/">Home</a>
        <a href="/blog/">Blog</a>
        <a href="/about/">About</a>
        <button id="theme-toggle">System</button>
      </div>
    </div>
    <div class="wrapper">
      <div class="content">
        <section>
          {{ content }}
        </section>
      </div>
    </div>
    <div class="wrapper">
      <img src="/assets/images/pictochat.gif" class="button">
      <img src="/assets/images/kill.png" class="button">
      <img src="/assets/images/affection.gif" class="button">
      <a href="http://www.rebas.se/humor/htmlvir.shtml"><img src="/assets/images/htmlvir.gif" class="button"></a>
    </div>
    <div class="wrapper">
      <img src="/assets/images/shoegaze.gif" class="stamp">
      <img src="/assets/images/nosignal.gif" class="stamp">
      <img src="/assets/images/lainstamp.gif" class="stamp">
      <img src="/assets/images/believe.gif" class="stamp">
      <img src="/assets/images/views.png" class="stamp">
    </div>
  </body>
</html>
