Fix HTML issues

More elegant duck

coin/members/templates/members/detail.html

@@ -14,32 +14,32 @@
         </div>
     </div>
 
-        <div class="large-6 columns">
-            <div class="panel">
-                <h3>Je suis membre d'Illyse</h3>
-                <p>et ma cotisation est :
-                    {% if member.is_paid_up %}
-                        <span class="label success">à jour !</span>
-                    {% else %}
-                        <span class="label alert">non à jour !</span>
-                    {% endif %}
-                </p>
-                <p>Date de fin de cotisation : {{ member.end_date_of_membership }}</p>
-            </div>
-            <!--<div class="panel">
-                <h3>Infos additionnelles</h3>
-                <span class="label">Clé ssh</span> coin.pub
-            </div>-->
+    <div class="large-6 columns">
+        <div class="panel">
+            <h3>Je suis membre d'Illyse</h3>
+            <p>et ma cotisation est :
+                {% if member.is_paid_up %}
+                    <span class="label success">à jour !</span>
+                {% else %}
+                    <span class="label alert">non à jour !</span>
+                {% endif %}
+            </p>
+            <p>Date de fin de cotisation : {{ member.end_date_of_membership }}</p>
         </div>
-
-    </div>
-    <div class="row">
-        <p>Pour modifier vos informations personnelles et vos coordonnées, veuillez en faire la demande par email à <a href="mailto:bureau@illyse.org">bureau@illyse.org</a></p>
-    </div>
-    <div class="row">
-        <!--<a href="#" class="button">Modifier mes informations</a>-->
-        <a href="https://www.illyse.org/documents/22" target="_blank" class="button">Mettre à jour ma cotisation</a>
+        <!--<div class="panel">
+            <h3>Infos additionnelles</h3>
+            <span class="label">Clé ssh</span> coin.pub
+        </div>-->
     </div>
+
 </div>
+<div class="row">
+    <p>Pour modifier vos informations personnelles et vos coordonnées, veuillez en faire la demande par email à <a href="mailto:bureau@illyse.org">bureau@illyse.org</a></p>
+</div>
+<div class="row">
+    <!--<a href="#" class="button">Modifier mes informations</a>-->
+    <a href="https://www.illyse.org/documents/22" target="_blank" class="button">Mettre à jour ma cotisation</a>
+</div>
+
 
 {% endblock %}

coin/members/templates/members/index.html

@@ -9,9 +9,8 @@
         <div class="panel">Ici les news de santé des serveurs, etc.</div>
     </div>
     <div class="large-6 columns">
-    <h3>Stats</h3>
-         <div class="panel">Use MOAR bandwidth !</div>
-    </div>
+        <h3>Stats</h3>
+        <div class="panel">Use MOAR bandwidth !</div>
     </div>
 </div>
 

coin/static/css/illyse.css

@@ -39,6 +39,13 @@ h1 a, h1:after {
 }
 
 /* Barre de navigation */
+
+.side-nav {
+    background-color: #FAFAFA;
+    padding:5px;
+}
+
+
 /*
 nav#sidebox {
 	position: fixed;
@@ -100,16 +107,30 @@ h3#nav {
 /* Titre section principale */
 
 h2:before {
-	content: url(../img/coinitem.png);
+	/*content: url(../img/coinitem.png);*/
 	margin-right: 0.25em;
 }
 
 h2 {
 	color: #FF6600;
-	border-bottom: 2px solid #0086A9;
+	/*border-bottom: 2px solid #0086A9;*/
 }
 
 /* Tables */
 table.full-width {
     width:100%;
+}
+
+/* Footer */
+#footer { opacity: 0.15; }
+#footer .line {
+    widht:100%;
+    border-bottom: 1px solid black;
+}
+#footer .duck {
+    background-image: url('../img/coin.svg');
+    background-size: 20%;
+    background-repeat: no-repeat;
+    background-position: center top;
+    height:50px;
 }

coin/templates/base.html

@@ -23,19 +23,20 @@
     </p>
 
    <div class="row">
-   <div class="large-3 columns">
-    {% block sidenav %}
-    <nav id="sidebox" class="hide-for-small">
-     <ul class="side-nav">
-         {% include "menu_items.html" %}
-     </ul>
-     </nav>
-     {% endblock %}
-     &nbsp;
-   </div>
+       <div class="large-3 columns">
+        {% block sidenav %}
+        <nav id="sidebox" class="hide-for-small">
+         <ul class="side-nav">
+             {% include "menu_items.html" %}
+         </ul>
+         </nav>
+         {% endblock %}
+         &nbsp;
+       </div>
 
-    <div class="large-9 columns">
-    {% block content %}{% endblock %}
+        <div class="large-9 columns">
+        {% block content %}{% endblock %}
+        </div>
     </div>
 
     <aside class="left-off-canvas-menu">
@@ -45,6 +46,18 @@
         </ul>
     </aside>
 
+    
+    <div id="footer">
+        {% block footer %}
+        <div class="row">
+            <div class="large-5 columns"><div class="line">&nbsp;</div></div>
+            <div class="large-2 columns"><div class="duck"></div></div>
+            <div class="large-5 columns"><div class="line">&nbsp;</div></div>
+        </div>
+        {% endblock %}
+    </div>
+    
+
     <script src="{% static "js/vendor/jquery.js" %}"></script>
     <script src="{% static "js/foundation.min.js" %}"></script>
     <script src="{% static "js/foundation/foundation.offcanvas.js" %}"></script>