From: Jérémy Fabre <Jeremy@iMac-de-Jeremy.local>
Date: Thu, 15 Sep 2016 12:07:35 +0000 (+0200)
Subject: Implementation of the partners list
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=33aaaac355ef9c8ded137c39947066203969efef;p=mezzo.git

Implementation of the partners list
---

diff --git a/app/static/src/sass/modules/_all.scss b/app/static/src/sass/modules/_all.scss
index b3adb81f..626043b4 100755
--- a/app/static/src/sass/modules/_all.scss
+++ b/app/static/src/sass/modules/_all.scss
@@ -28,6 +28,7 @@
 @import 'pattern';
 @import 'tag';
 @import 'share-links';
+@import 'partners-list';
 @import 'banner';
 
 // Typography modules
diff --git a/app/static/src/sass/modules/_partners-list.scss b/app/static/src/sass/modules/_partners-list.scss
new file mode 100644
index 00000000..f610f07a
--- /dev/null
+++ b/app/static/src/sass/modules/_partners-list.scss
@@ -0,0 +1,27 @@
+$module: ".partners-list";
+
+#{$module} {
+
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
+
+    &__item {
+
+        display: inline-block;
+        width: 150px;
+        height: 100px;
+        background-size: contain;
+        background-position: center center;
+        background-repeat: no-repeat;
+
+        @include margin(1 2 0 0);
+
+        // SEO
+        img {
+            display: none;
+        }
+
+    }
+
+}
diff --git a/app/templates/core/inc/logo.html b/app/templates/core/inc/logo.html
index 00799698..118f0137 100644
--- a/app/templates/core/inc/logo.html
+++ b/app/templates/core/inc/logo.html
@@ -1,8 +1,20 @@
-{% load mezzanine_tags %}
+{% load mezzanine_tags i18n %}
 {% if images %}
-<ul>
-  {% for image in images %}
-    <li><img src="{{ MEDIA_URL }}{{ image.file }}"></li>
-  {% endfor %}
-</ul>
+    <div class="white-bg pb2">
+        <hr class="mt0" />
+        <div class="page__block{% if block.background_color %} page__block--{{ block.background_color }}{% endif %}">
+            <div class="container">
+                <div class="row" data-summary-content>
+                    <div class="col-sm-9 col-sm-push-3 col-lg-8 col-lg-push-2">
+                        <h2>{% trans 'Partners' %}</h2>
+                        <ul class="partners-list">
+                            {% for image in images %}
+                                <li class="partners-list__item" style="background-image:url('{{ MEDIA_URL }}{{ image.file }}');"><img alt="{{ image.title }}" src="{{ MEDIA_URL }}{{ image.file }}"></li>
+                            {% endfor %}
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
 {% endif %}