<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta
            name="viewport"
            content="width=device-width, initial-scale=1.0, viewport-fit=cover"
        />
        <title>
            {% block page_title %}{{ config.title | default("bckt") }}{%
            endblock page_title %}
        </title>
        <link
            rel="alternate"
            type="application/rss+xml"
            title="RSS"
            href="{{ base_path }}/rss.xml"
        />
        {% for tag in config.rss_tags %}
        <link
            rel="alternate"
            type="application/rss+xml"
            title="RSS for {{ tag }}"
            href="{{ base_path }}/rss-{{ tag }}.xml"
        />
        {% endfor %}
        <link
            rel="icon"
            type="image/png"
            sizes="32x32"
            href="{{ base_path }}/favicon-32x32.png"
        />
        <link
            rel="icon"
            type="image/png"
            sizes="16x16"
            href="{{ base_path }}/favicon-16x16.png"
        />
        <link
            rel="apple-touch-icon"
            sizes="180x180"
            href="{{ base_path }}/apple-touch-icon.png"
        />
        <link rel="icon" href="{{ base_path }}/favicon.ico" />
        <link rel="stylesheet" href="{{ base_path }}/style.css" />

	{% block page_meta %}
        <meta name="description" content="{{ config.description }}">
        <meta property="og:site_name" content="{{ config.title | default("bckt") }}">
        <meta property="og:type" content="website">
        <meta property="og:title" content="{{ config.title | default("bckt") | trim }}">
        <meta property="og:url" content="{{ base_url | safe }}">
        <meta property="og:description" content="{{ config.description | trim}}">
        <link rel="canonical" href="{{ base_url | safe }}">
        <meta name="twitter:card" content="summary">
        <meta name="twitter:title" content="{{ config.title | default("bckt") | trim }}">
        <meta name="twitter:description" content="{{ config.description | trim }}">
        {% if config.open_graph_image %}
        <meta property="og:image" content="{{ base_url }}{{ config.open_graph_image | safe}}"/>
        <meta name="twitter:image" content="{{ base_url }}{{ config.open_graph_image | safe }}"/>
        {% endif %}
        {% endblock page_meta %}

    </head>
    <body>
        <header class="site-header">
            <div class="site-header__inner">
                <div class="site-brand">
                    <a
                        class="site-brand__badge"
                        href="{{ base_path }}/"
                        aria-label="Home"
                    >
                        <img
                            class="site-brand__avatar"
                            src="{{ base_path }}/img/site-avatar.png"
                            alt="{{ config.title | default('bckt') }} avatar"
                        />
                    </a>
                    <div class="site-brand__text">
                        <h1 class="site-title">
                            <a href="{{ base_path }}/"
                                >{{ config.title | default("bckt") }}</a
                            >
                        </h1>
                        {% if config.subtitle %}
                        <p class="site-tagline">{{ config.subtitle }}</p>
                        {% endif %}
                    </div>
                </div>
                <nav class="site-nav" aria-label="Primary navigation">
                    <a class="site-nav__link" href="{{ base_path }}/">home</a>
                    <a class="site-nav__link" href="{{ base_path }}/about/">about</a>
                    <a class="site-nav__link" href="{{ base_path }}/search/">search</a>
                   <a class="site-nav__link" href="{{ base_path }}/rss.xml">rss</a
                    >
                </nav>
            </div>
        </header>
        <main class="site-main">
            <div class="site-main__inner">
                {% block content %}{% endblock content %}
            </div>
        </main>
        <footer class="site-footer">
            <div class="site-main__inner">
                <p>
                    Powered by
                    <a href="https://github.com/vrypan/bckt">bckt</a>.
                </p>
            </div>
        </footer>
        {% block page_scripts %}{% endblock page_scripts %}
    </body>
</html>
