shuffle the clients in javascript rather than at build time to get a bit more diversity

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

@@ -6707,6 +6707,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,6 @@ app.createMapMultiMarker = function(mapId, lat, lng, zoom, markersArray) {
 };
 
 //# sourceMappingURL=app.js.map
+
+
+$('#client-list .column').shuffle();

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>