theme/templates/layout.html

{# layout.html --- Base template for all other templates -*- Mode: Jinja2; -*-

The blocks available in this file are:

* title: What will show within the HTML <title> tag.
* description: What will show within the HTML <meta> description tag.
* nav: Navigation bar with Links, a default is provided
* body: Main content which starts empty
* footer: Bottom links, default is provided

#}
<!doctype html>
<html lang="en-us">
  <head>
    <meta charset="utf-8">
    <title>klovanych.org &mdash; {% block title %} {% if post is defined %}{{ post.title }} {% else %} Home {% endif %} {% endblock %}</title>
    <meta name="description" content="{% block description %}{% endblock %}">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="/static/css/main.css">
    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
    <link rel="icon" type="image/png" href="/static/img/goat.png">
    <link rel="alternate" type="application/rss+xml" href="rss.xml">
  </head>
  <body>
    {% block nav %}
      <div class="social">
        <div class="container">
          <ul class="badges">
            <li>
              <a href="mailto:nazarn96@gmail.com" alt="Email">
                <span class="fa fa-envelope-o"></span>Email
              </a>
            </li>
            <li>
                <a href="https://codeberg.org/klovanych" target="_blank" alt="Codeberg">
                <span class="fa fa-code"></span>Codeberg
              </a>
            </li>
            <li>
              <a href="rss.xml" alt="RSS">
                <span class="fa fa-rss"></span>RSS
              </a>
            </li>
          </ul>

          <a href="/">
              <img class="avatar" type="image/svg+xml" src="/static/img/the-goat.png" alt="avatar" />
          </a>
        </div>
      </div>
    {% endblock %}

    <div class="post">
      <div class="container">
        {% block body %}{% endblock %}
      </div>
    </div>

    <div class="footer">
      {% block footer %}
        <div class="bg">
            <div class="container">
            &#169; <a href="https://klovanych.org/about.html">Nazar Klovanych</a> &mdash; All written content on this
            website reflects my personal opinion and it's available
            under <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank">CC BY 4.0</a>
          </div>
        </div>
      {% endblock %}
    </div>
  </body>
</html>