Randomize friends page

_includes/friends.js

@@ -0,0 +1,23 @@
+function swapDiv(e1, e2){
+    var e1p = e1.parentNode;
+    var e2p = e2.parentNode;
+    var e2s = e2.nextSibling;
+
+    e1p.replaceChild(e2, e1);
+    if (e2s) {
+        e2p.insertBefore(e1, e2s);
+    } else {
+        e2p.appendChild(e1);
+    }
+}
+
+function shuffle() {
+    var friends = document.querySelectorAll(".friend");
+    for (var i = 0; i < friends.length; i++) {
+        var r1 = Math.floor(Math.random() * friends.length);
+        var r2 = Math.floor(Math.random() * friends.length);
+        swapDiv(friends[r1], friends[r2]);
+    }
+}
+
+shuffle();

en-US/friends.html

@@ -18,7 +18,7 @@ <h2>(Organizations running Rust in production)</h2>
 
     <div class="row">
       {% for user in site.data.users limit:3 offset:offset %}
-        <div class="col-md-4"
+        <div class="col-md-4 friend"
              id="user-logo-{{offset}}-{{forloop.index}}">
           <div class="user-container">
             <a href="{{user.url}}" rel="nofollow" alt="{{user.name}}">
@@ -69,3 +69,7 @@ <h2>(Organizations running Rust in production)</h2>
   </p>
 
 </div>
+
+<script type="text/javascript">
+  {% include friends.js %}
+</script>

es-ES/friends.html

@@ -18,7 +18,7 @@ <h2>(Organizaciones que ejecutan Rust en producción)</h2>
 
     <div class="row">
       {% for user in site.data.users limit:3 offset:offset %}
-        <div class="col-md-4"
+        <div class="col-md-4 friend"
              id="user-logo-{{offset}}-{{forloop.index}}">
           <div class="user-container">
             <a href="{{user.url}}" rel="nofollow" alt="{{user.name}}">
@@ -69,3 +69,7 @@ <h2>(Organizaciones que ejecutan Rust en producción)</h2>
   </p>
 
 </div>
+
+<script type="text/javascript">
+  {% include friends.js %}
+</script>

fr-FR/friends.html

@@ -18,7 +18,7 @@ <h2>(Entreprises utilisant Rust en environnement de production)</h2>
 
     <div class="row">
       {% for user in site.data.users limit:3 offset:offset %}
-        <div class="col-md-4"
+        <div class="col-md-4 friend"
              id="user-logo-{{offset}}-{{forloop.index}}">
           <div class="user-container">
             <a href="{{user.url}}" rel="nofollow" alt="{{user.name}}">
@@ -68,3 +68,7 @@ <h2>(Entreprises utilisant Rust en environnement de production)</h2>
   </p>
 
 </div>
+
+<script type="text/javascript">
+  {% include friends.js %}
+</script>

it-IT/friends.html

@@ -18,7 +18,7 @@ <h2>(Organizzazioni che utilizzano Rust in prodotti e sistemi)</h2>
 
     <div class="row">
       {% for user in site.data.users limit:3 offset:offset %}
-        <div class="col-md-4"
+        <div class="col-md-4 friend"
              id="user-logo-{{offset}}-{{forloop.index}}">
           <div class="user-container">
             <a href="{{user.url}}" rel="nofollow" alt="{{user.name}}">
@@ -69,3 +69,7 @@ <h2>(Organizzazioni che utilizzano Rust in prodotti e sistemi)</h2>
   </p>
 
 </div>
+
+<script type="text/javascript">
+  {% include friends.js %}
+</script>

ja-JP/friends.html

@@ -18,7 +18,7 @@ <h2>(Organizations running Rust in production)</h2>
 
     <div class="row">
       {% for user in site.data.users limit:3 offset:offset %}
-        <div class="col-md-4"
+        <div class="col-md-4 friend"
              id="user-logo-{{offset}}-{{forloop.index}}">
           <div class="user-container">
             <a href="{{user.url}}" rel="nofollow" alt="{{user.name}}">
@@ -69,3 +69,7 @@ <h2>(Organizations running Rust in production)</h2>
   </p>
 
 </div>
+
+<script type="text/javascript">
+  {% include friends.js %}
+</script>

ko-KR/friends.html

@@ -18,7 +18,7 @@ <h2>(현업에서 Rust를 사용하는 회사 및 단체들)</h2>
 
     <div class="row">
       {% for user in site.data.users limit:3 offset:offset %}
-        <div class="col-md-4"
+        <div class="col-md-4 friend"
              id="user-logo-{{offset}}-{{forloop.index}}">
           <div class="user-container">
             <a href="{{user.url}}" rel="nofollow" alt="{{user.name}}">
@@ -68,3 +68,7 @@ <h2>(현업에서 Rust를 사용하는 회사 및 단체들)</h2>
   </p>
 
 </div>
+
+<script type="text/javascript">
+  {% include friends.js %}
+</script>

pt-BR/friends.html

@@ -18,7 +18,7 @@ <h2>(Organizações usando Rust em produção)</h2>
 
     <div class="row">
       {% for user in site.data.users limit:3 offset:offset %}
-        <div class="col-md-4"
+        <div class="col-md-4 friend"
              id="user-logo-{{offset}}-{{forloop.index}}">
           <div class="user-container">
             <a href="{{user.url}}" rel="nofollow" alt="{{user.name}}">
@@ -68,3 +68,7 @@ <h2>(Organizações usando Rust em produção)</h2>
   </p>
 
 </div>
+
+<script type="text/javascript">
+  {% include friends.js %}
+</script>

vi-VN/friends.html

@@ -18,7 +18,7 @@ <h2>(Organizations running Rust in production)</h2>
 
     <div class="row">
       {% for user in site.data.users limit:3 offset:offset %}
-        <div class="col-md-4"
+        <div class="col-md-4 friend"
              id="user-logo-{{offset}}-{{forloop.index}}">
           <div class="user-container">
             <a href="{{user.url}}" rel="nofollow" alt="{{user.name}}">
@@ -69,3 +69,7 @@ <h2>(Organizations running Rust in production)</h2>
   </p>
 
 </div>
+
+<script type="text/javascript">
+  {% include friends.js %}
+</script>

zh-CN/friends.html

@@ -18,7 +18,7 @@ <h2>(在项目中使用 Rust 的组织)</h2>
 
     <div class="row">
       {% for user in site.data.users limit:3 offset:offset %}
-        <div class="col-md-4"
+        <div class="col-md-4 friend"
              id="user-logo-{{offset}}-{{forloop.index}}">
           <div class="user-container">
             <a href="{{user.url}}" rel="nofollow" alt="{{user.name}}">
@@ -68,3 +68,7 @@ <h2>(在项目中使用 Rust 的组织)</h2>
   </p>
 
 </div>
+
+<script type="text/javascript">
+  {% include friends.js %}
+</script>