{% extends "default.html" %}
{% block title %}
    {{ user.username }}
{% endblock %}
{% block breadcrumbs %}
    <li><a href="/{{ user.username }}">{{ user.username }}</a></li>
{% endblock %}
{% block nav %}
    <ul id="repo-tabs">
        <li class="{% if active_page == 'profile' %}selected{% endif %}">
            <a href="?">
                {% trans %}Profile{% endtrans %}
            </a>
        </li>
        <li class="{% if active_page == 'repositories' %}selected{% endif %}">
            <a href="?action=repositories">
                {% trans %}Repositories{% endtrans %}
            </a>
        </li>
        <li class="{% if active_page == 'followers' %}selected{% endif %}">
            <a href="?action=followers">
                {% trans %}Followers{% endtrans %}
            </a>
        </li>
        <li class="{% if active_page == 'following' %}selected{% endif %}">
            <a href="?action=follows">
                {% trans %}Following{% endtrans %}
            </a>
        </li>
    </ul>

    <div class="flexible-space"></div>

    {% if logged_in_user and logged_in_user != user.username %}
        <form action="?action=follow" method="POST">
            <button type="submit">
                {% trans %}Follow{% endtrans %}
            </button>
        </form>
    {% endif %}
{% endblock %}

{% block scripts %}
    <script src="/static/marquee.js"></script>
{% endblock %}