Merge branch 'master' of git.coop:cotech/website

_includes/head.html

@@ -17,6 +17,9 @@
   <meta property="og:description" content="Building a tech industry that's better for its workers and customers through co-operation, democracy and worker ownership." />
 {% endif %}
   <meta property="og:site_name" content="Cooperative Technologists" />
+{% if page.collection == 'coops' %}
+  <!-- img: /images/coops/{{ page.slug }}  -->
+{% endif %}
   <meta property="og:image" content="/app/themes/coop-tech-oowp-theme/public/img/Cotech_512x512.png" />
   <meta property="og:locale" content="en_GB" />
   <meta name="twitter:card" content="summary" />

app/themes/coop-tech-oowp-theme/public/css/app.css

@@ -6709,6 +6709,12 @@ h5#join-us {
 .home #clients {
   background-color: #f7f7f5; }
 
+
+
+.client:nth-child(n+7){
+    display: none;
+}
+
 .client-thumb {
   height: 150px;
   width: 100%;

app/themes/coop-tech-oowp-theme/public/js/app.js

@@ -51,3 +51,8 @@ app.createMapMultiMarker = function(mapId, lat, lng, zoom, markersArray) {
 };
 
 //# sourceMappingURL=app.js.map
+$('#client-list .column').shuffle();
+window.setInterval(function(){
+    /// call your function here
+    $('#client-list .column').shuffle();
+}, 7000);

index.html

@@ -102,11 +102,11 @@ layout: home
     <div class="small-12 columns">
       <h2>Clients</h2>
       <p>Here are some of the amazing clients we have worked with so far</p>
-      <div class="row small-up-2 medium-up-3 large-up-6">
-        {% assign clients = site.clients | sample:6 %}
+      <div id='client-list' class="row small-up-2 medium-up-3 large-up-6">
+        {% assign clients = site.clients %}
         {% for client in clients %}
-          <div class="column">
-            <div class="client-thumb" style="background-image: url(/images/clients/{{ client.slug }})"></div>
+          <div class="column client">
+            <div class="client-thumb" style='background-image: url(/images/clients/{{ client.slug }}') title="{{client.slug}}"></div>
           </div>
         {% endfor %}
       </div>