Outlines look very ugly on rotating things.

[yukkurigames.com.git] / aboutus.html
diff --git a/aboutus.html b/aboutus.html

index 025d610..3d63d60 100644 (file)
--- a/aboutus.html
+++ b/aboutus.html
@@ -21,7 +21,6 @@
        .mlp {
            max-width: 20em;
            margin: auto;
        .mlp {
            max-width: 20em;
            margin: auto;
-          text-align: center;
            list-style-type: none;
            margin-bottom: 2em;
            margin-top: 1em;
            list-style-type: none;
            margin-bottom: 2em;
            margin-top: 1em;
@@ -55,7 +54,16 @@
            border-radius: 10%;
            border-color: rgb(244, 126, 126);
        }
            border-radius: 10%;
            border-color: rgb(244, 126, 126);
        }
+
      </style>
      </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>
    </head>
    <body>
      <header>
@@ -67,10 +75,10 @@
        <h1>About Us</h1>
      </header>
      <main>
        <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>
          <div class=entity>
            <h4><a href="https://korewanetadesu.com/">Joe</a></h4>
-          <img src=joe.jpg>
+          <a href="https://korewanetadesu.com/"><img src=joe.jpg></a>
            <p>
              Unexpectedly sentient code that escaped from Silicon
              Valley before shit got real bad.
            <p>
              Unexpectedly sentient code that escaped from Silicon
              Valley before shit got real bad.
@@ -78,7 +86,7 @@
          </div>
          <div class=entity>
            <h4><a href="https://twitter.com/JessicatzF">Jess</a></h4>
          </div>
          <div class=entity>
            <h4><a href="https://twitter.com/JessicatzF">Jess</a></h4>
-          <img src=jess.jpg>
+          <a href="https://twitter.com/JessicatzF"><img src=jess.jpg></a>
            <p>
              Last survivor in a line of witches sworn to destroy games 
              in order to save them.
            <p>
              Last survivor in a line of witches sworn to destroy games 
              in order to save them.
@@ -92,10 +100,10 @@
            </p>
          </div>
        </div>
            </p>
          </div>
        </div>
-      <p style='text-align: center'>
+      <p>
          We make games and game-like things and other things.
        </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.
          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.
@@ -122,7 +130,10 @@
          <li><a href="http://www.scarleteen.com/">Scarleteen</a></li>
        </ul>
        <p>
          <li><a href="http://www.scarleteen.com/">Scarleteen</a></li>
        </ul>
        <p>
-        You can contact us by emailing yuu at yukkurigames.com.
+        You can contact us by
+        <a href="mailto:yuuSPAM@MAPSyukkurigames.com"
+           onclick="this.href=this.href.replace(/[A-Z]/g, '')">emailing
+          yuu at yukkurigames.com</a>.
        </p>
      </main>
    </body>
        </p>
      </main>
    </body>