Add Yuu.
[yukkurigames.com.git] / index.html
index 053e87f..c321afe 100644 (file)
@@ -4,19 +4,20 @@
     <meta charset="utf-8">
     <meta name=viewport content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="css/main.css" type="text/css">
+    <link rel=apple-touch-icon sizes=256x256 href=favicon_256.png>
+    <link rel=icon sizes="16x16 32x32 48x48" href=favicon.ico>
+    <link rel=icon sizes=128x128 href=favicon_128.png>
+    <link rel=icon sizes=192x192 href=favicon_192.png>
+    <link rel=icon sizes=256x256 href=favicon_256.png>
     <title>Yukkuri Games</title>
     <style>
-      body {
-          border-top: solid rgb(206, 132, 242) 0.75em;
-          border-bottom: solid rgb(244, 126, 126) 0.75em;
-          border-radius: 2em;
-      }
-
       /* Reset usual header CSS */
       header {
           border: none;
           height: 13em;
           text-align: center;
+          background-color: transparent;
+          margin-top: 0;
       }
 
       header img {
 
   <body>
     <header>
-      <img src="logotype.png" class=logo alt="Yukkuri Games">
+      <a href="aboutus.html">
+        <img src="logotype.png" class=logo alt="Yukkuri Games">
+      </a>
     </header>
     <main>
       <h2>Games</h2>
       <ul class=game-preview>
         <li>
-          <img src="thumbnails/pwl6.png" alt=Icon>
+          <a href="http://yukkuri.itch.io/pwl6">
+            <img src="thumbnails/pwl6.png" alt=Icon>
+          </a>
           <div class=info>
-            <h4>Pixel Witch Lesson&nbsp;#6</h4>
+            <h4><a href="http://yukkuri.itch.io/pwl6">Pixel Witch Lesson&nbsp;#6</a></h4>
             <ul>
-              <li>Coming Summer 2014</li>
-              <li>Browser (WebGL), PC, Android</li>
+              <li>2014</li>
+              <li>Windows, OS X, GNU/Linux</li>
             </ul>
             <p>
-              A puzzle game for witches in training.
+              Puzzles for witches-in-training.
             </p>
           </div>
         </li>
       </ul>
       <h2>For Games</h2>
       <ul class=game-preview>
+        <li>
+          <a href="/ogre/ogre.html">
+            <img src="/ogre/favicon_256.png" alt=Icon>
+          </a>
+          <div class=info>
+            <h4><a href="/ogre/ogre.html">Ogre Record Sheets</a></h4>
+            <p>
+              Digital record sheets for
+              <a href="http://www.sjgames.com/ogre/">Steve Jackson's
+                <em>Ogre</em></a> boardgame and its expansions.
+            </p>
+            <ul>
+              <li>2014</li>
+              <li><a href="support.html#mobile">(Mobile) Browser</a></li>
+            </ul>
+          </div>
+        </li>
+
+        <li>
+          <a href="http://mlpccg-meta.yukkurigames.com/">
+            <img src="thumbnails/mlpccg-meta.png" alt=Icon>
+          </a>
+          <div class=info>
+            <h4>
+              <a href="http://mlpccg-meta.yukkurigames.com/">
+                meta is magic
+              </a>
+            </h4>
+            <p>
+              Use the magic of computers to help explain why your deck
+              is losing MLP CCG tournaments.
+            </p>
+            <ul>
+              <li>2014</li>
+              <li>Browser</li>
+            </ul>
+          </div>
+        </li>
+
         <li>
           <a href="/heroik/heroik.html">
             <img src="/heroik/favicon_256.png" alt=Icon>
             <p>
               Random scenarios and
               <a href="/heroik/variants.html">variant rules</a> for
-              Emmanuel Beltrando's dungeon-crawling card game
+              the dungeon-crawling card game
               <em>Hero: Immortal King</em>.
             </p>
             <ul>
               <li>2014</li>
-              <li>(Mobile) Browser</li>
+              <li><a href="support.html#mobile">(Mobile) Browser</a></li>
             </ul>
           </div>
         </li>
             </p>
             <ul>
               <li>2014</li>
-              <li>(Mobile) Browser</li>
+              <li><a href="support.html#mobile">(Mobile) Browser</a></li>
             </ul>
           </div>
         </li>
             </p>
             <ul>
               <li>2013</li>
-              <li>(Mobile) Browser</li>
+              <li><a href="support.html#mobile">(Mobile) Browser</a></li>
+            </ul>
+          </div>
+        </li>
+
+        <li>
+          <a href="/enjoyable/">
+            <img src="thumbnails/enjoyable.png" alt=Icon>
+          </a>
+          <div class=info>
+            <h4><a href="/enjoyable/">Enjoyable</a></h4>
+            <p>
+              Map controller inputs to mouse and keyboard events. Many
+              of your games will become more fun.
+            </p>
+            <ul>
+              <li>2013</li>
+              <li>Mac OS X 10.7+</li>
             </ul>
           </div>
         </li>
             </ul>
           </div>
         </li>
+      </ul>
+
+      <h2>Spare Parts</h2>
+      <ul class=game-preview>
         <li>
-          <a href="/enjoyable/">
-            <img src="thumbnails/enjoyable.png" alt=Icon>
+          <a href="/yuu/">
+            <img src="/yuu/data/images/icons.iconset/icon_256x256.png" alt=Icon>
           </a>
           <div class=info>
-            <h4><a href="/enjoyable/">Enjoyable</a></h4>
+            <h4><a href="/yuu/">Yuu</a></h4>
             <p>
-              Map controller inputs to mouse and keyboard events. Many
-              of your games will become more fun.
+              Our game library / engine / whatever.
             </p>
             <ul>
-              <li>2013</li>
-              <li>Mac OS X 10.7+</li>
+              <li>Ongoing</li>
+              <li>JavaScript, WebGL</li>
             </ul>
           </div>
         </li>
-      </ul>
-
-      <h2>Not Games (Yet?)</h2>
-      <ul class=game-preview>
         <li>
           <a href="/string-lerp/">
             <img src="thumbnails/string-lerp.png" alt=Icon>
         </li>
       </ul>
     </main>
+    <footer>
+      <a href="support.html">Support</a>
+      <a href="privacy.html">Privacy Policy</a>
+      <a href="mailto:yuuSPAM@MAPSyukkurigames.com"
+         onclick="this.href=this.href.replace(/[A-Z]/g, '')">Contact</a>
+    </footer>
   </body>
 </html>