<!DOCTYPE html>
<html lang="{% block html_lang %}{{ DEFAULT_LANG }}{% endblock html_lang %}">
  <head>
    {% block head %}
    <title>{% block title %}{{ SITENAME }}{% endblock title %}</title>
    <meta charset="utf-8" />
    <meta name="generator" content="Pelican" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link type="text/css" rel="stylesheet" href="/theme/base.css" />
    {% endblock head %}
  </head>

  <body>
    <div class="home">
      <a href="{{ SITEURL }}">
        <img src="/images/dianaband_logo.svg" />
      </a>
    </div>
    <div class="menu">
      <a href="{{ SITEURL }}">
        <img src="/images/menu1.svg" />
      </a>
    </div>
    <div class="wrapper">
      <div class="content">
        {% block content %}
        {% endblock %}
      </div>
      <div class="menulist">
        <ul>
          <li><a class="menuitem" href="/pages/about/">who</a></li>
          <li><span class="stripe">---------------------------------</span></li>
          {% for title, link in MENUITEMS.items() %}
          <li><a class="menuitem" href="{{ link }}">{{ title }}</a></li>
          {% endfor %}
        </ul>
      </div>
    </div>
    <!-- <script src="/theme/base.js"></script> -->
  </body>
</html>
