<!DOCTYPE html>
<html lang="{{ site.language | default(value='en') }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block title %}{{ page.title | default(value="Untitled") }}{% if site.title %} — {{ site.title }}{% endif %}{% endblock %}</title>
{% if page.description %}<meta name="description" content="{{ page.description }}">{% endif %}
{% if page.keywords %}<meta name="keywords" content="{{ page.keywords }}">{% endif %}
{% if site.base_url %}<link rel="canonical" href="{{ site.base_url }}{{ page.url | default(value='/') }}">{% endif %}
{% block head_extra %}{% endblock %}
</head>
<body>
<a href="#main-content" class="sr-only">Skip to main content</a>
{% block header %}
<header role="banner">
<nav aria-label="Main navigation">
{% block nav %}
<a href="/">{{ site.name | default(value="Home") }}</a>
{% endblock %}
</nav>
</header>
{% endblock %}
<main id="main-content" role="main">
{% block content %}{% endblock %}
</main>
{% block footer %}
<footer role="contentinfo">
<p>© {{ site.name | default(value="") }}</p>
</footer>
{% endblock %}
</body>
</html>