projects / yukkurigames.com.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (from parent 1: 7665234)
Randomize order.
authorJoe Wreschnig <joe.wreschnig@gmail.com>
Wed, 10 Sep 2014 16:39:31 +0000 (18:39 +0200)
committerJoe Wreschnig <joe.wreschnig@gmail.com>
Wed, 10 Sep 2014 16:39:31 +0000 (18:39 +0200)
aboutus.html patch | blob | history

diff --git a/aboutus.html b/aboutus.html
index eab29cf..bd3f2ba 100644 (file)
--- a/aboutus.html
+++ b/aboutus.html
@@ -21,7 +21,6 @@
       .mlp {
           max-width: 20em;
           margin: auto;
-          text-align: center;
           list-style-type: none;
           margin-bottom: 2em;
           margin-top: 1em;
@@ -55,7 +54,16 @@
           border-radius: 10%;
           border-color: rgb(244, 126, 126);
       }
+
     </style>
+    <script>
+      window.addEventListener('DOMContentLoaded', function () {
+          var es = document.getElementById('entities');
+          for (var i = es.children.length; i >= 0; i--) {
+              es.appendChild(es.children[Math.random() * i | 0]);
+          }
+      });
+    </script>
   </head>
   <body>
     <header>
@@ -67,7 +75,7 @@
       <h1>About Us</h1>
     </header>
     <main>
-      <div style="text-align: center">
+      <div id=entities>
         <div class=entity>
           <h4><a href="https://korewanetadesu.com/">Joe</a></h4>
           <a href="https://korewanetadesu.com/"><img src=joe.jpg></a>
@@ -92,10 +100,10 @@
           </p>
         </div>
       </div>
-      <p style='text-align: center'>
+      <p>
         We make games and game-like things and other things.
       </p>
-      <p style='text-align: center'>
+      <p>
         Manifestos are boring so here are some things we like that you
         should check out. They intersect with our views but also
         they're consistently great.
yukkurigames.com