From 390088c7f2d5e0db7f81adaaa24030bf046cde60 Mon Sep 17 00:00:00 2001
From: Henrique Dias <hacdias@gmail.com>
Date: Wed, 18 Jul 2018 07:38:39 +0100
Subject: [PATCH] Random card order :)

---
 src/js/app.js                  | 9 +++++++++
 src/layouts/partials/list.html | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/js/app.js b/src/js/app.js
index e69d8ba..bd208a8 100644
--- a/src/js/app.js
+++ b/src/js/app.js
@@ -17,6 +17,13 @@ const cards = Array.from(document.querySelectorAll('.Card'))
     return 0
   })
 
+function randomizr () {
+  const cards = document.querySelector('.CardContainer')
+  for (var i = cards.children.length; i >= 0; i--) {
+    cards.appendChild(cards.children[Math.random() * i | 0])
+  }
+}
+
 function update (display) {
   cards.forEach((c) => {
     if (display.indexOf(c.dataset.ref) >= 0) {
@@ -29,6 +36,8 @@ function update (display) {
   })
 }
 
+randomizr()
+
 if (search) {
   search.classList.remove('dn')
   const input = search.querySelector('input')
diff --git a/src/layouts/partials/list.html b/src/layouts/partials/list.html
index b868116..6b7717c 100644
--- a/src/layouts/partials/list.html
+++ b/src/layouts/partials/list.html
@@ -11,7 +11,7 @@
     type="text" />
 </div>
 
-<main class="mv4 flex flex-wrap justify-between" >
+<main class="CardContainer mv4 flex flex-wrap justify-between" >
   {{ range (sort . "Params.index") -}}
     <article data-ref="{{ .Params.index }}" class="Card flex flex-column bg-white shadow-4 grow2 br1 dark-gray b--black-10 flex-grow-1 ma2">
       {{ $cat := index .Params.categories 0 }}