{% load staticfiles %}<!DOCTYPE html>
<html>
<head>
    <title>{{site_title}}</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    <meta property="og:title" content="{{site_title}}" />
    <meta property="og:url" content="{{site_url}}" />
    <meta property="og:image" content="{{site_url}}/static/img/karte.png"/>

    <link rel="shortcut icon" href="{% static 'img/favicon.png' %}" type="image/x-icon" />

    <link rel="stylesheet" href="{% static 'lib/bootstrap/css/bootstrap.min.css' %}" />
    <link rel="stylesheet" href="{% static 'lib/font-awesome/css/font-awesome.min.css' %}" />
    {% block css %}{% endblock %}
    <link rel="stylesheet" href="{% static 'style.css' %}" />

    <script type="text/javascript" src="{% static 'lib/jquery.min.js' %}" ></script>
    <script type="text/javascript" src="{% static 'lib/angular/angular.min.js' %}" ></script>
    <script type="text/javascript" src="{% static 'lib/bootstrap/js/bootstrap.min.js' %}" ></script>
    {% block js %}{% endblock %}
</head>

<body>
    <nav class="navbar navbar-default visible-xs" role="navigation">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="/">
                <img src="{% static 'img/title.png' %}" alt="Bürger baut Stadt">
            </a>
        </div>
        <div class="collapse navbar-collapse" id="navbar-collapse">
            <ul class="nav navbar-nav">
                {% include "core/layout_navigation.html" %}
            </ul>
        </div>
    </nav>

    <div id="header" class="hidden-xs">
        <div class="container" >
            <div id="header-left">
                <div id="brand">
                    <a href="/">
                        <img src="{% static 'img/title.png' %}" alt="Bürger baut Stadt">
                    </a>
                </div>
            </div>

            <div id="header-right">
                <ul class="sitenav">
                    {% include "core/layout_navigation.html" %}
                    {% include "core/layout_social.html" %}
                </ul>
            </div>
        </div>
    </div>

    {% block content %}{% endblock %}

    {% if not debug %}
        {% include "core/layout_piwik.html" %}
    {% endif %}
</body>
</html>
