{% load static i18n pretty_money static %} {% comment %} SPDX-License-Identifier: GPL-3.0-or-later {% endcomment %} <!DOCTYPE html> <html lang="en" class="position-relative h-100"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title> {% block title %}{{ title }}{% endblock title %} - {{ request.site.name }} </title> <meta name="description" content="{% trans "The ENS Paris-Saclay BDE note." %}"> {# Favicon #} <link rel="apple-touch-icon" sizes="180x180" href="{% static "favicon/apple-touch-icon.png" %}"> <link rel="icon" type="image/png" sizes="32x32" href="{% static "favicon/favicon-32x32.png" %}"> <link rel="icon" type="image/png" sizes="16x16" href="{% static "favicon/favicon-16x16.png" %}"> <link rel="manifest" href="{% static "favicon/site.webmanifest" %}"> <link rel="mask-icon" href="{% static "favicon/safari-pinned-tab.svg" %}" color="#5bbad5"> <link rel="shortcut icon" href="{% static "favicon/favicon.ico" %}"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="msapplication-config" content="{% static "favicon/browserconfig.xml" %}"> <meta name="theme-color" content="#ffffff"> {% if no_cache %} <meta name="turbolinks-cache-control" content="no-cache"> {% endif %} {# Bootstrap CSS #} <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> {# JQuery, Bootstrap and Turbolinks JavaScript #} <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha384-vk5WoKIaW/vJyUAd9n/wmopsmNhiy+L2Z+SBxGYnUkunIxVxAv/UtMOhba/xskxh" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/turbolinks/5.2.0/turbolinks.js" crossorigin="anonymous"></script> {# Si un formulaire requiert des données supplémentaires (notamment JS), les données sont chargées #} {% if form.media %} {{ form.media }} {% endif %} {% block extracss %}{% endblock %} </head> <body class="d-flex w-100 h-100 flex-column"> <main class="mb-auto"> <nav class="navbar navbar-expand-md navbar-light bg-light fixed-navbar shadow-sm"> <a class="navbar-brand" href="/">{{ request.site.name }}</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNavDropdown"> <ul class="navbar-nav"> <li class="nav-item active"> <a class="nav-link" href="{% url 'note:consos' %}"><i class="fa fa-coffee"></i> Consos</a> </li> <li class="nav-item active"> <a class="nav-link" href="{% url 'member:club_list' %}"><i class="fa fa-users"></i> Clubs</a> </li> <li class="nav-item active"> <a class="nav-link" href="#"><i class="fa fa-calendar"></i> Activités</a> </li> <li class="nav-item active"> <a class="nav-link" href="{% url 'note:template_list' %}"><i class="fa fa-coffee"></i> Bouton</a> </li> </ul> <ul class="navbar-nav ml-auto"> {% if user.is_authenticated %} <li class="dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fa fa-user"></i> {{ user.username }} ({{ user.note.balance | pretty_money }}) </a> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink"> <a class="dropdown-item" href="{% url 'member:user_detail' pk=user.pk %}"> <i class="fa fa-user"></i> Mon compte </a> <a class="dropdown-item" href="{% url 'logout' %}"> <i class="fa fa-sign-out"></i> Se déconnecter </a> </div> </li> {% else %} <li class="nav-item active"> <a class="nav-link" href="{% url 'member:signup' %}"> <i class="fa fa-user-plus"></i> S'inscrire </a> </li> <li class="nav-item active"> <a class="nav-link" href="{% url 'login' %}"> <i class="fa fa-sign-in"></i> Se connecter </a> </li> {% endif %} </ul> </div> </nav> <div class="container-fluid my-3" style="max-width: 1600px;"> {% block contenttitle %}<h1>{{ title }}</h1>{% endblock %} {% block content %} <p>Default content...</p> {% endblock content %} </div> </main> <footer class="bg-light mt-auto py-2"> <div class="container-fluid"> <div class="row"> <div class="col-sm"> <form action="{% url 'set_language' %}" method="post" class="form-inline"> <span class="text-muted mr-1"> NoteKfet2020 — <a href="mailto:tresorie.bde@lists.crans.org" class="text-muted">Nous contacter</a> — </span> {% csrf_token %} <select title="language" name="language" class="custom-select custom-select-sm" onchange="this.form.submit()"> {% get_current_language as LANGUAGE_CODE %} {% get_available_languages as LANGUAGES %} {% get_language_info_list for LANGUAGES as languages %} {% for language in languages %} <option value="{{ language.code }}" {% if language.code == LANGUAGE_CODE %} selected{% endif %}> {{ language.name_local }} ({{ language.code }}) </option> {% endfor %} </select> <noscript> <input type="submit"> </noscript> </form> </div> <div class="col-sm text-right"> <a href="#" class="text-muted">Retour en haut</a> </div> </div> </div> </footer> {% block extrajavascript %} {% endblock extrajavascript %} </body> </html>