<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>{% block title %}Spookie{% endblock %}</title>

        {% block stylesheets %}
            {{ encore_entry_link_tags('app') }}
        {% endblock %}

    </head>
    <body>

    {% include '_header.html.twig' %}

    <div class="container-fluid text-center">
        <div class="row content d-flex justify-content-sm-center">
            <div class="col-sm-2 sidenav-left box" id="main-menu">
                <p>
                    <a href="{{ path('blogs') }}">Blogs</a><br>
                    <a href="//git.24unix.net">git.24unix.net</a>
                    <a href="//pastebin.24unix.net">pastebin.24unix.net</a>
                </p>
            </div>
            <div class="col-sm-9 text-left center-block" id="main-content">
                {% block body %} {% endblock %}
            </div>

            <div class="col-sm-1 sidenav" id="spacer">
            </div>

        </div>
    </div>

    {% include '_footer.html.twig' %}

    {% block javascripts %}
        {{ encore_entry_script_tags('app') }}
    {% endblock %}

    </body>
</html>
