<!DOCTYPE html>
<html>
    <head>
        <title>Calendar.Social</title>

        <link rel="icon" type="image/png" sizes="16x16" href="{{ url_for('static', filename='images/calendar-social-icon-16.png') }}">
        <link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static', filename='images/calendar-social-icon-32.png') }}">
        <link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static', filename='images/calendar-social-icon-96.png') }}">
        <link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static', filename='images/calendar-social-icon-192.png') }}">
{% block head %}
        <style>
         header > h1 > img {
             height: 1em;
         }

         footer {
             margin-top: 3em;
             font-weight: bold;
             border-top: 1px dotted black;
             padding-top: 1em;
         }
        </style>
{% endblock %}
    </head>
    <body>
        <header>
            <h1>
                <img src="{{ url_for('static', filename='images/calendar-social-icon.svg') }}">
                Calendar.social
            </h1>
            <nav class="menu">
{% if current_user.is_authenticated %}
                {{ _('Logged in as %(username)s', username=('<a href="' + url_for('display_profile', username=current_user.username) + '">' + current_user.username + '</a>') | safe) }}
{% endif %}
                <ul>
{% if not current_user.is_authenticated %}
                    <li><a href="{{ url_for('security.login') }}">{% trans %}Login{% endtrans %}</a></li>
{% else %}
                    <li><a href="{{ url_for('security.logout') }}">{% trans %}Logout{% endtrans %}</a></li>
                    <li><a href="{{ url_for('hello') }}">{% trans %}Calendar view{% endtrans %}</a></li>
                    <li><a href="{{ url_for('settings') }}">{% trans %}Settings{% endtrans %}</a></li>
{% endif %}
                </ul>
            </nav>
        </header>
{% block content %}{% endblock %}
        <footer>
            Soon…™
        </footer>
{% block scripts %}{% endblock %}
    </body>
</html>