From 8390802a6b677871cd3760ca0951f261acbdfce4 Mon Sep 17 00:00:00 2001
From: Greg Weber <greg@gregweber.info>
Date: Tue, 19 Nov 2013 11:23:48 -0800
Subject: [PATCH] randomly show one motivational refresh messages

---
 yesod-bin/refreshing.html | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/yesod-bin/refreshing.html b/yesod-bin/refreshing.html
index 316c5cca..a0ff1c9e 100644
--- a/yesod-bin/refreshing.html
+++ b/yesod-bin/refreshing.html
@@ -58,7 +58,8 @@
       <h1>The application isn’t built</h1>
       <h2>We’ll keep trying to refresh every second</h2>
       <div class="msgs">
-        <p>Meanwhile, here are some motivational messages:</p>
+        <script> document.getElementsByClassName("msgs")[0].style.display = "none"; </script>
+        <p>Meanwhile, here is a motivational message:</p>
         <ul>
           <li>You are a beautiful person making a beautiful web site.</li>
           <li>Keep going, you’ve nearly fixed the bug!</li>
@@ -66,7 +67,20 @@
           <li>Get a glass of water, keep hydrated.</li>
         </ul>
       </div>
-      <footer><small><script>document.write(new Date())</script></small></footer>
+      <script>
+        var msg = document.getElementsByClassName("msgs")[0];
+        var lis = Array.prototype.slice.call(msg.querySelectorAll("li"));
+        lis.forEach(function(li){ li.style.display = "none"; });
+        lis[Math.floor(Math.random() * lis.length)].style.display = "block";
+        msg.style.display = "block";
+      </script>
+      <footer>
+        <small>
+          <script>
+            document.write(new Date())
+          </script>
+        </small>
+      </footer>
     </div>
   </body>
 </html>