<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/static/w3/w3.css">
    <link rel="stylesheet" href="/static/gitust/gitust.css">
    <link rel="stylesheet" href="/static/fontawesome/css/all.min.css">
    <link rel="stylesheet" href="/static/fontawesome/css/v4-shims.min.css">
    <title>{{repo.name}}</title>
</head>
<body class="w3-white">
<div class="w3-container">
<div class="w3-bar w3-border w3-light-grey">
    <a href="#" class="w3-bar-item w3-button w3-green"><i class="fa fa-home"></i> Home</a>
    <a href="#" class="w3-bar-item w3-button">Link 1</a>
    <a href="#" class="w3-bar-item w3-button">Link 2</a>
    {% match user_opt %}
        {% when Some with (user) %}
    <div class="w3-dropdown-hover w3-right">
        <button class="w3-button">{{user.name}} <i class="fa fa-caret-down"></i></button>
        <div class="w3-dropdown-content w3-bar-block w3-card-4" style="right:0">
            <a href="#" class="w3-bar-item w3-button">Link 1</a>
            <a href="#" class="w3-bar-item w3-button">Link 2</a>
            <a href="#" class="w3-bar-item w3-button">Link 3 lkj lkj lkj lkj lkj </a>
            <a href="#" class="w3-bar-item w3-button"><i class="fa fa-sign-out"></i> Log out</a>
        </div>
    </div>
        {% when None %}
    <a href="#" class="w3-bar-item w3-button w3-right"><i class="fa fa-sign-in"></i> Log in</a>
    {% endmatch %}
</div>
{% block content %}{% endblock %}
</div>
</body>
</html>