<!-- vim: set ft=html: -->
<!--
    base00
    base05
    favicon_mimetype
    favicon
    title_text
-->

<!DOCTYPE HTML>
<html lang="{%- if config.default_language -%}{{ config.default_language }}{%- else -%}en{%- endif -%}">
    <head>
        <title>{%- block title %}{{ config.title }}{% endblock title -%}</title>
        {%- if config.generate_rss %}
            <link rel="alternate" type="application/rss+xml" title="RSS" href="{{ get_url(path="rss.xml") | safe }}">
        {%- endif %}

        {%- if config.extra.favicon %}
        <link rel="shortcut icon" type="{{ config.extra.favicon_mimetype | default(value="image/x-icon") }}" href="{{ config.extra.favicon | safe }}">
        {%- endif %}
        {%- block extra_head %}
        {%- endblock extra_head %}

    <style>

            @font-face {
                font-family: "UtsukushiMincho";
                src: url(UtsukushiMincho.ttf);
            }

            body {

                font-family: UtsukushiMincho;

                {%- if config.extra.base00 %}
                background-color: {{ config.extra.base00 }};
                {% else %}
                background-color: #faf4ed;
                {% endif -%}

                {%- if config.extra.base05 %}
                color: {{ config.extra.base05 }};
                {% else %}
                color: #575279;
                {% endif -%}

                display: flex;
                justify-content: center;
            }

            .header_title {
                font-weight: bolder;
                font-size: 2.5rem;

            }

            .header {

                width: 50%;
                margin-top: 7rem;
                padding-top: 1rem;
                padding-left: 1rem;
                padding-bottom: 1.5rem;
                border-radius: 5px;
                {%- if config.extra.base00 %}
                border: solid {{ config.extra.base00 }};
                {% else %}
                border: solid #575279;
                {% endif -%}
            }

            .menu_inner {
                list-style: none;
                margin: 0;
                font-weight: bold;
                font-size: 1.2rem;
                padding: 0.1rem;
                padding-top: 0.5rem;
                padding-left: 0.3rem;
                display: flex;
                flex-wrap: wrap;
            }

            .menu_list {
                margin-right: 20px;
            }

            .menu_item {

                {%- if config.extra.base0d %}
                color: {{ config.extra.base0d }};
                {% else %}
                color: #286983;
                {% endif -%}
            }

            .menu_item:visited {

                {%- if config.extra.base0e %}
                color: {{ config.extra.base0e }};
                {% else %}
                color: #907aa9;
                {% endif -%}
            }
            
    </style>
    </head>

    <body>
        {% block header %}
        <div class="header">

            <div class="header_title">
                {% block title_content %}
                {%- if config.extra.title_text %}
                    {{ config.extra.title_text }}
                {% elif config.title %}
                    {{ config.title }}
                {% else %}
                    Dawn Theme
                {% endif -%}
                {% endblock title_content %}
            </div>

            {% block header_menu %}
            <div class="header_menu">
                <nav class="header_nav">
                    <ul class="menu_inner">
                        {% for item in config.extra.menu %}
                        <li class = "menu_list">
                            <a class = "menu_item" href="{{ item.url | replace(from="$BASE_URL", to=config.base_url) }}">
                                {{ item.name }}
                            </a>
                        </li>
                        {% endfor %}
                    </ul>
                </nav>
            </div>
            {% endblock header_menu %}

        </div>
        {% endblock header %}
    </body>
</html>
