base.html 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. {% load staticfiles %}
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <meta charset="utf-8">
  6. <title>FAImaison − contribution à l'expérimentation wifi</title>
  7. <!-- jQuery -->
  8. <script src="{% static 'jquery/jquery-1.11.0.min.js' %}" type="text/javascript"></script>
  9. <!-- Bootstrap -->
  10. <script src="{% static 'bootstrap/js/bootstrap.js' %}"></script>
  11. <link href="{% static 'bootstrap/css/bootstrap.min.css' %}" rel="stylesheet">
  12. <!-- Leaflet -->
  13. <link rel="stylesheet" type="text/css" media="all" href="{% static 'leaflet/leaflet.css' %}" />
  14. <script src="{% static 'leaflet/leaflet.js' %}" type="text/javascript"></script>
  15. <!-- Leaflet-semicircle -->
  16. <script src="{% static 'leaflet-semicircle/semicircle.js' %}" type="text/javascript"></script>
  17. <!-- Custom -->
  18. <link rel="stylesheet" type="text/css" media="all" href="{% static 'main.css' %}" />
  19. </head>
  20. <body class="{% block body_class %}{% endblock %}">
  21. <header class="main-header jumbotron">
  22. <div class="container">
  23. <h1>
  24. {% block title %}
  25. <a href="{% url 'display_map' %}">Réseau wifi expérimental</a>
  26. {% endblock %}
  27. </h1>
  28. </div>
  29. </header>
  30. <nav class="navbar navbar-fixed-top navbar-default">
  31. <div class="container-fluid">
  32. <!-- Brand and toggle get grouped for better mobile display -->
  33. <div class="navbar-header">
  34. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" aria-expanded="false">
  35. <span class="sr-only">Toggle navigation</span>
  36. <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
  37. </button>
  38. <a class="navbar-brand" href="{% url 'display_map' %}">
  39. Wifi FAImaison
  40. </a>
  41. </div>
  42. <div class="collapse navbar-collapse">
  43. <ul class="nav navbar-nav">
  44. <li {% if request.resolver_match.url_name == 'add_contrib' %}class="active"{% endif %}>
  45. <a href="{% url 'add_contrib' %}">
  46. <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
  47. Faire une demande<span class="sr-only">(current)</span>
  48. </a>
  49. </li>
  50. <li {% if request.resolver_match.url_name == 'display_map' %}class="active"{% endif %}>
  51. <a href="{% url 'display_map' %}">
  52. <span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span>
  53. Voir la carte
  54. </a>
  55. </li>
  56. </ul>
  57. <ul class="nav navbar-nav navbar-right">
  58. {% if request.user.is_authenticated %}
  59. <li class="navbar-text">
  60. <em>{{ request.user }}</em>
  61. </li>
  62. {% endif %}
  63. <li class="dropdown">
  64. <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
  65. <span class="glyphicon glyphicon-lock" aria-hidden="true"></span>
  66. <span class="caret"></span>
  67. </a>
  68. <ul class="dropdown-menu">
  69. {% if not request.user.is_authenticated %}
  70. <li>
  71. <a href="{% url 'login' %}">
  72. <span class="glyphicon glyphicon-log-in" aria-hidden="true"></span>
  73. Connexion
  74. </a>
  75. </li>
  76. {% endif %}
  77. <li>
  78. <a href="{% url 'admin:index' %}">
  79. <span class="glyphicon glyphicon-lock" aria-hidden="true"></span>
  80. Administration
  81. </a>
  82. </li>
  83. {% if request.user.is_authenticated %}
  84. <li role="separator" class="divider"></li>
  85. <li>
  86. <a href="{% url 'logout' %}">
  87. <span class="glyphicon glyphicon-log-out" aria-hidden="true"></span>
  88. Se déconnecter
  89. </a>
  90. </li>
  91. {% endif %}
  92. </ul>
  93. </div>
  94. </div>
  95. </nav>
  96. <section role="main" class="container">
  97. {% block content %}{% endblock %}
  98. </section>
  99. <footer>
  100. <p>
  101. Les données personnelles que vous ne rendez pas publiques
  102. sont stockées exclusivement chez FAImaison durant un an (sauf demande de votre part)
  103. et ne seront pas partagées avec d'autres
  104. associations, entreprises ou collectivités. Des membres de
  105. FAImaison seront toutefois amenés à les étudier : ne
  106. fournissez pas de données si vous n'avez pas confiance en FAImaison.
  107. <br>
  108. <a href="//www.faimaison.net" target="_blank">FAImaison.net</a> -
  109. <a href="./legal">Vos droits d'accès et de rectification de vos données
  110. personnelles</a>
  111. </p>
  112. </footer>
  113. </body>
  114. </html>