Outlines look very ugly on rotating things.

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

index eab29cf5db3ab676db7ac40067ac582ab6c3a992..3d63d601d9ae879a77c210c26b001b9fc0776d00 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,7 +75,7 @@
        <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>
            <a href="https://korewanetadesu.com/"><img src=joe.jpg></a>
          <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>
          </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,10 +130,9 @@
          <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
+        You can contact us by
          <a href="mailto:yuuSPAM@MAPSyukkurigames.com"
          <a href="mailto:yuuSPAM@MAPSyukkurigames.com"
-         rel="nofollow"
-         onclick="this.href=this.href.replace(/[A-Z]/g, '')">emailing
+           onclick="this.href=this.href.replace(/[A-Z]/g, '')">emailing
            yuu at yukkurigames.com</a>.
        </p>
      </main>
            yuu at yukkurigames.com</a>.
        </p>
      </main>