Implementation of the partners list

diff --git a/app/static/src/sass/modules/_all.scss b/app/static/src/sass/modules/_all.scss
index b3adb81fb1882e238ed569003665e2396c32fa8c..626043b4f1a431ac8786cbb97373bf596b4e6f76 100755 (executable)
--- 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 (file)
index 0000000..f610f07
--- /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 00799698905f146260109ffcc8a8657d64dc1e7e..118f0137287a15ef34d90bd95336fd42eb34dc2a 100644 (file)
--- 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 %}