<!doctype html>
<html lang="{{ language }}">
<head>
    <meta charset="utf-8" />
    <meta name=generator content="Nefelibata {{ __version__ }}">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    {% if config.builders.atom %}
    <link rel="alternate" type="application/atom+xml" href="{{ config.url }}atom.xml" />
    {% endif %}
    {% if config.webmention.endpoint %}
    <link href="{{ config.webmention.endpoint }}" rel="webmention" />
    {% endif %}
    {% block meta %}{% endblock %}
    <title>{% block title %}{% endblock %}</title>

    <link rel="stylesheet" href="/css/pure-min.css">

    <!-- any extra CSS -->
    {% block css %}{% endblock %}
    
    <!--[if lte IE 8]>
        <link rel="stylesheet" href="/css/grids-responsive-old-ie-min.css">
    <![endif]-->
    <!--[if gt IE 8]><!-->
        <link rel="stylesheet" href="/css/grids-responsive-min.css">
    <!--<![endif]-->
    
    
        <!--[if lte IE 8]>
            <link rel="stylesheet" href="/css/layouts/blog-old-ie.css">
        <![endif]-->
        <!--[if gt IE 8]><!-->
            <link rel="stylesheet" href="/css/layouts/blog.css">
        <!--<![endif]-->
</head>
<body>

<div id="layout" class="pure-g">
    <div class="sidebar pure-u-1 pure-u-md-1-4">
        <div class="header">
            <h1 class="brand-title">{{ config.title }}</h1>
            <h2 class="brand-tagline">{{ config.subtitle }}</h2>

            {% block navigation %}{% endblock %}
        </div>
    </div>

    <div class="content pure-u-1 pure-u-md-3-4">
        <div>
            {% block content %}{% endblock %}

            <div class="footer">
                <div class="pure-menu pure-menu-horizontal">
                    <ul>
                        {% for link in config.social %}
                        <li class="pure-menu-item">
                            <a href="{{ link.url }}" rel="me" title="{{ link.title }}" class="pure-menu-link">{{ link.title }}</a>
                        </li>
                        {% endfor %}
                    </ul>
                </div>
                <p class="love">Crafted with ❤️ using <a href="https://github.com/betodealmeida/nefelibata/">Nefelibata</a></p>
            </div>
        </div>
    </div>
</div>

<script src="/js/hide_archived_links.js"></script>
<!-- any extra JS -->
{% block javascript %}{% endblock %}

</body>
</html>
