haskell/yesod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

randomly show one motivational refresh messages

Browse Source
This commit is contained in:
Greg Weber 2013-11-19 11:23:48 -08:00
parent 089f8f1e12
commit 8390802a6b
1 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
yesod-bin/refreshing.html
View File

@ -58,7 +58,8 @@
<h1>The application isn’t built</h1> <h1>The application isn’t built</h1>
<h2>We’ll keep trying to refresh every second</h2> <h2>We’ll keep trying to refresh every second</h2>
<div class="msgs"> <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> <ul>
<li>You are a beautiful person making a beautiful web site.</li> <li>You are a beautiful person making a beautiful web site.</li>
<li>Keep going, you’ve nearly fixed the bug!</li> <li>Keep going, you’ve nearly fixed the bug!</li>
@ -66,7 +67,20 @@
<li>Get a glass of water, keep hydrated.</li> <li>Get a glass of water, keep hydrated.</li>
</ul> </ul>
</div> </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> </div>
</body> </body>
</html> </html>