home fini, début du reste

cof/settings_dev.py

@@ -46,6 +46,7 @@ INSTALLED_APPS = (
     'captcha',
     'django_cas_ng',
     'debug_toolbar',
+    'bootstrapform',
 )
 
 MIDDLEWARE_CLASSES = (

gestioncof/static/css/cof.css

@@ -210,6 +210,25 @@ fieldset legend {
  border-radius: 20px;
 }
 
+#main-content {
+    background-color: white ;
+    padding: 20px;
+}
+
+#main-content h2 {
+    display : block;
+    padding : 12px;
+    margin: -20px -20px 10px -20px ;
+    font-family: 'Dosis', sans-serif;
+    font-weight: 700;
+    font-size: x-large;
+    color: white;
+    background-color:#DE826B;
+    border-style: solid;
+    border-width: 0px 0px 5px 0px;
+    border-color: #4F504B;
+}
+
 /*
 main-container {
  max-width: 95%;
@@ -504,12 +523,14 @@ header {
 }
 
 header .banner {
-    padding-top : 20px;
+    padding-top : 15px;
-    padding-bottom : 20px;
+    padding-bottom : 15px;
 }
 
 header a,
-header a:hover {
+header a:hover,
+header a:focus,
+header a:active {
     color : white ;
 }
 
@@ -526,6 +547,13 @@ header a:hover {
  float: none;
 }
 
+.user-is-cof {
+    color : #ADE297;
+}
+.user-is-not-cof {
+    color: #F6BEBE;
+}
+
 /*
 #header #homelink {
  float: right;
@@ -547,6 +575,10 @@ header .member-status {
     padding-top: 5px;
 }
 
+header h1 {
+    font-family: 'Dosis', sans-serif;
+    font-size: x-large;
+}
 @media (min-width: 480px) {
     header .member-status {
         float: right !important;

gestioncof/templates/base_header.html

@@ -4,17 +4,13 @@
 <header>
     <div class="container banner">
         <a href="{% url "gestioncof.views.home" %}">
-        <div class="btn-toolbar" role=toolbar>
+            <h1>GestioCOF</h1>
-            <div class="btn-group">
-                <button type=button class="btn btn-default home-link" aria-label="GestioCOF"><h1>{{ site.name }}</h1></button> 
             {% block homelink %}
-                <button type=button class="btn btn-default home-link" aria-label="home"><span class="glyphicon glyphicon-home" aria-hidden=true></span></button> 
+            <span class="glyphicon glyphicon-home" aria-hidden=true></span>
             {% endblock %}
-            </div>
-        </div>
         </a>
         <div class="member-status">
-        <h2>{% if user.first_name %}{{ user.first_name }}{% else %}<tt>{{ user.username }}</tt>{% endif %}, <tt>{% if user.profile.is_cof %}Membre du COF{% else %}Non-membre du COF{% endif %}</tt></h2>
+            <h2>{% if user.first_name %}{{ user.first_name }}{% else %}<tt>{{ user.username }}</tt>{% endif %}, {% if user.profile.is_cof %}<tt class="user-is-cof">Membre du COF{% else %}<tt class="user-is-not-cof">Non-membre du COF{% endif %}</tt></h2>
         </div>
     </div><!-- /.container -->
 </header>

gestioncof/templates/base_title.html

@@ -1,30 +1,11 @@
 {% extends "base_header.html" %}
 
-{% block content %}
-<header>
-    <div class="container banner">
-        <a href="{% url "gestioncof.views.home" %}">
-        <div class="btn-toolbar" role=toolbar>
-            <div class="btn-group">
-                <button type=button class="btn btn-default home-link" aria-label="GestioCOF"><h1>{{ site.name }}</h1></button> 
-                {% block homelink %}
-                <button type=button class="btn btn-default home-link" aria-label="home"><span class="glyphicon glyphicon-home" aria-hidden=true></span></button> 
-                {% endblock %}
-            </div>
-        </div>
-        </a>
-        <div class="member-status">
-        <h2>{% if user.first_name %}{{ user.first_name }}{% else %}<tt>{{ user.username }}</tt>{% endif %}, <tt>{% if user.profile.is_cof %}Membre du COF{% else %}Non-membre du COF{% endif %}</tt></h2>
-        </div>
-    </div><!-- /.container -->
-</header>
 {% block interm_content %}
 <div class="container hidden-xs espace"></div>
-<div class="container" id="principal">
+<div class="container">
-    <div id="main-content">
+    <div class="row" id="main-content">
         {% block realcontent %}{% endblock %}
     </div>
 </div>
 <div class="container hidden-xs espace"></div>
 {% endblock %}
-{% endblock %}

gestioncof/templates/home.html

@@ -101,13 +101,15 @@
         {% endif %}
     </div> <!-- /.row.home-menu -->
     <div class="container hidden-xs espace"></div>
-    <div class="home-menu row {% if not user.profile.is_buro %}row-centered {%endif%}">
+    {% if not user.profile.is_buro %}
-        <div class="{% if user.profile.is_buro %}col-sm-6 {% else %}col-sm-8 col-sm-offset-2 col-xs-12 {%endif%}normal-user-hm">
+    <div class="home-menu row row-centered">
+        <div class="col-sm-8 col-sm-offset-2 col-xs-12 normal-user-hm">
             <div class="foot-banner">
                 <h3>Pour tout problème : <tt>cof@ens.fr.</tt></h3>
             </div>
         </div>
     </div><!-- /.row.home-menu -->
+    {% endif %}
     <div class="container hidden-xs espace"></div>
 </div><!-- /.container -->
 {% endblock %}

gestioncof/templates/survey.html

@@ -1,4 +1,5 @@
 {% extends "base_title.html" %}
+{% load bootstrap %}
 
 {% block realcontent %}
                 <h2>Sondage: {{ survey.title }}</h2>
@@ -14,7 +15,7 @@
                 {% endif %}
                 <form method="post" action="{% url 'gestioncof.views.survey' survey.id %}">
                 {% csrf_token %}
-                {{ form.as_p }}
+                {{ form | bootstrap}}
                 <input type="submit" class="btn-submit" value="Enregistrer" />
                 {% if current_answer %}
                 <input type="submit" name="delete" class="btn-submit" value="Supprimer ma réponse" />

requirements.txt

@@ -10,3 +10,4 @@ Pillow==2.9.0
 simplejson==3.8.2
 six==1.10.0
 unicodecsv==0.14.1
+bootstrapform