<!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="?login=true" 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>