création du module django et des fichiers sass
[auf-theme-bootstrap.git] / auf_django_theme / templates / base.html
1 {% load url from future %}
2 {% load staticfiles saml %}
3 {% load bootstrap3 %}
4
5 <!DOCTYPE html>
6 <html lang="fr">
7 <head>
8 <meta charset="utf-8">
9 <meta http-equiv="X-UA-Compatible" content="IE=edge">
10 <meta name="viewport" content="width=device-width, initial-scale=1">
11 <meta name="description" content="">
12 <meta name="author" content="">
13
14 <!--
15 <link href="//fonts.googleapis.com/css?family=Open+Sans:300italic,300,400italic,400,600italic,600,700italic,700,800italic,800" rel="stylesheet" type="text/css">
16 -->
17
18 <title>RIEAG - {% block title %}Accueil{% endblock %}</title>
19
20
21 <link href="{% static "css/font-awesome.css" %}" rel="stylesheet">
22 <!--
23 <link href="{% static "bootstrap/css/bootstrap.min.css" %}" rel="stylesheet">
24 -->
25 <link href="{% static "css/auf.css" %}" rel="stylesheet">
26
27 <script src="{% static "js/jquery/jquery.min.js" %}"></script>
28
29 {% block extrahead %}{% endblock %}
30 </head>
31
32 <body>
33 <div class="navbar navbar-default container" role="navigation">
34 <div class="navbar-header">
35 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
36 <span class="sr-only">Toggle navigation</span>
37 <span class="icon-bar"></span>
38 <span class="icon-bar"></span>
39 <span class="icon-bar"></span>
40 </button>
41 <img src="{% static "img/Logo_Auf_FR.png" %}" class="logo pull-left" style="width: 100px;"/>
42 <a class="lead read navbar-text pull-left" href="/">&nbsp;
43 Titre du site
44 </a>
45 </div>
46
47
48 <div class="collapse navbar-collapse pull-right">
49 <ul class="nav navbar-nav">
50 <li class="dropdown">
51 <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-question-circle"></i> Aide <b class="caret"></b></a>
52 <ul class="dropdown-menu">
53 <li class="divider"></li>
54 <li><a href="#">Contact fonctionnel</a></li>
55 <li>
56 <a href="mailto:" target="new" style="color: #428BCA;">
57 <i class="fa fa-envelope-o"></i> Monsieur X
58 </a>
59 </li>
60 <li><a href="#">Contact technique</a></li>
61 <li>
62 <a href="mailto:" target="new" style="color: #428BCA;">
63 <i class="fa fa-envelope-o"></i> Monsieur Y</a>
64 </li>
65 </ul>
66 </li>
67 </ul>
68 <span class="navbar-text">
69 {% if request.user.is_authenticated %}
70 <img src="{% static "img/idauf_16.png" %}"/> {{ request.user.get_full_name }}&nbsp;
71 <a style="margin-top: 0px; padding-top: 0px;" href="{% mellon_logout_url %}"><i class="fa fa-sign-out"></i> Déconnexion</a>
72 {% else %}
73 <a style="margin-top: 0px; padding-top: 0px;" href="{% mellon_login_url %}">Connexion</a>
74 {% endif %}
75 </span>
76 </div><!--/.nav-collapse -->
77 </div>
78 <div class="tetiere tetiere-gauche container"></div>
79
80 <div id="content" class="container">
81 {% bootstrap_messages %}
82
83
84 {% block content %}
85 {% endblock %}
86
87 </div><!-- /.container -->
88
89 <div class="container">
90 <div class="footer container">
91 <img class="brand-footer pull-left" src="{% static "img/Logo_Auf_FR_pied.png" %}" />
92 <ul class="nav nav-pills">
93 <li><p class="navbar-text">© AUF 2014 Tous droits réservés</p></li>
94 </ul>
95 </div>
96 </div>
97
98 <script src="{% static "bootstrap/js/bootstrap.min.js" %}"></script>
99
100 {% block extrajs %}{% endblock %}
101
102 </body>
103 </html>