Add "parent site" link in footer

okfn · Jan 28, 2014 · e4f0f8f · e4f0f8f
1 parent 7fe0159
commit e4f0f8f
Show file tree

Hide file tree

Showing 7 changed files with 37 additions and 9 deletions.
diff --git a/piati/settings/default.py b/piati/settings/default.py
@@ -20,3 +20,7 @@
 FEEDBACK_SMS_NUMBER = ""
 PROJECT_MODEL = "Project"
 CURRENCY_FORMAT = None
+PARENT_SITE = {
+    "label": "xxx parent site",
+    "url": "http://osm.org"
+}
diff --git a/piati/settings/french_mfa_mali.py b/piati/settings/french_mfa_mali.py
@@ -17,3 +17,7 @@
 FEEDBACK_SMS_NUMBER = "+22373013232"
 PROJECT_MODEL = "DataGouvFrProject"
 CURRENCY_FORMAT = '#,##0 \xa4'
+PARENT_SITE = {
+    "label": "Ambassade de France au Mali",
+    "url": "http://www.ambafrance-ml.org/"
+}
diff --git a/piati/static/css/app.css b/piati/static/css/app.css
@@ -332,23 +332,42 @@ footer a:hover span {
 footer {
     height: 100px;
     line-height: 100px;
-    margin-top: 40px;
+    margin-top: 80px;
     text-align: center;
     border-top: 1px solid #eee;
 }
+footer .internal {
+    background-color: #E0E0D1;
+}
 footer .external {
     background-color: #222;
 }
 footer .external a {
     line-height: 30px;
     padding-right: 30px;
     display: inline-block;
-    color: #eee;
+    color: #666;
+}
+footer .external a:hover {
+    text-decoration: underline;
+}
+footer .parent-site img {
+    vertical-align: middle;
+    margin-right: 10px;
+    border: 1px solid #E0E0D1;
+    height: 20px;
+}
+footer .okfn {
+    background-color: #222;
 }
 footer .okfn a {
     background-image: url('../img/okf-logo-small.png');
     background-repeat: no-repeat;
     background-position: right center;
+    padding-right: 32px;
+    line-height: 32px;
+    height: 32px;
+    display: inline-block;
 }
 footer .row {
     margin-top: 0;
@@ -753,7 +772,7 @@ li a:hover {
 
 
 /* ************************************************* */
-/* ********************* CHARTS ******************** */
+/* ********************* MOBILE ******************** */
 /* ************************************************* */
 @media only screen and (max-width:770px) {
     .row {

diff --git a/piati/static/img/facebook.png b/piati/static/img/facebook.png
diff --git a/piati/static/img/logo_footer.png b/piati/static/img/logo_footer.png
diff --git a/piati/static/img/twitter.png b/piati/static/img/twitter.png
diff --git a/piati/templates/layout.html b/piati/templates/layout.html
@@ -38,7 +38,7 @@
   {% block content %}
   {% endblock %}
   <footer>
-    <div class="row">
+    <div class="wrapper internal">
       <nav class="col two-third twide">
         <a href="/"><span>{% trans %}Home{% endtrans %}</span></a>
         <a href="{{ url_for('show_projects') }}"><span>{% trans %}Browse projects{% endtrans %}</span></a>
@@ -50,13 +50,14 @@
         <a href="{{ config.DOWNLOAD_LINK }}" class="button">⇩ {% trans %}Download row data{% endtrans %}</a>
       </div>
     </div>
-    <div class="external wrapper">
-      <div class="okfn col half">
-        <a href="http://okfn.org/services/"><span>Created by the Open Knowledge Foundation</span></a>
-      </div>
-      <div class="referent col half">
+    <div class="wrapper external">
+      <div class="col third parent-site twide"><a href="{{ config.PARENT_SITE.url }}"><img src="{{ url_for('static', filename='img/logo_footer.png') }}">{{ config.PARENT_SITE.label }}</a></div>
+      <div class="referent col third twide">
         <a href="https://twitter.com/TranspaFrance" class="twitter"></a>
         <a href="https://www.facebook.com/transparence.aide.mali" class="facebook"></a>
+      </div>      
+      <div class="col third okfn twide">
+        <a href="http://okfn.org/services/"><span>Created by the Open Knowledge Foundation</span></a>
       </div>
     </div>
   </footer>