{% if page -%}
{% set thing = page -%}
{% elif section -%}
{% set thing = section -%}
{% endif -%}
<!DOCTYPE html>
<html lang="{{ lang }}" data-theme="light">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
{% block meta %}
<meta name="description" content="{{ thing.description | default(value=config.description) }}" />
<link rel="alternate" type="application/atom+xml" href="{{ get_url(path="atom.xml", trailing_slash=false) }}" />
{% endblock %}
{% block og %}
<meta property="og:site_name" content="{{ config.title }}" />
{% if thing %}
<meta property="og:title" content="{% block og_title %}{{ thing.title | default(value=config.title) }}{% endblock og_title %}" />
<meta property="og:description" content="{{ thing.description | default(value=config.description) }}" />
<meta property="og:type" content="{% block og_type %}{{ thing.extra.og.type | default(value='article') }}{% endblock og_type %}" />
<meta property="og:url" content="{% block og_url %}{{ thing.permalink | safe }}{% endblock og_url %}" />
{% if thing.extra.depiction %}
<meta property="og:image" content="{{ get_url(path="@/" ~ thing.relative_path, trailing_slash=true) }}{{ thing.extra.depiction.image | safe }}" /> <meta property="og:image:alt" content="{{ thing.extra.depiction.alt }}" />
{% elif config.extra.og.image %}
<meta property="og:image" content="{{ get_url(path=config.extra.og.image.url) }}" />
<meta property="og:image:alt" content="{{ config.extra.og.image.alt }}" />
{% endif %}
{% if thing.extra.og.video %}
<meta property="og:video" content="{{ thing.extra.og.video.url }}" />
{% endif %}
{% endif %}
{% endblock %}
<link rel="stylesheet" href="{{ get_url(path="fonts/roboto/index.css") }}" />
<link rel="stylesheet" href="{{ get_url(path="fonts/font-awesome/css/all.css") }}" />
<link rel="stylesheet" href="{{ get_url(path="style.css") }}" />
<title>{% block title %}{{ thing.title | default(value=config.title) }}{% endblock %}</title>
</head>
<body class="has-navbar-fixed-top">
<header>
{% include "menu.html" %}
</header>
<main>
{% block main %}{% endblock %}
</main>
<footer class="footer">
{% include "footer.html" %}
</footer>
</body>
</html>