New website prototype.
authorJoe Wreschnig <joe.wreschnig@gmail.com>
Wed, 21 May 2014 00:20:22 +0000 (02:20 +0200)
committerJoe Wreschnig <joe.wreschnig@gmail.com>
Wed, 21 May 2014 00:20:22 +0000 (02:20 +0200)
Website/index.html

index adba15f9f056a5ec7c3d076b8d1d8354c1e3b8a7..e5a6c72ec6a84950ad38010de1dc3e122618ec91 100644 (file)
@@ -1,98 +1,92 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
   <head>
     <meta charset="utf-8">
-    <link rel="icon" type="image/png" href="icon.png" />
-    <link rel="logo" type="image/png" href="icon.png" />
+    <meta name=viewport content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="/css/main.css" type="text/css">
+    <title>Enjoyable - Joystick and gamepad mapping for Mac OS X ~ Yukkuri Games</title>
     <meta name="Description" content="Use your gamepad or joystick like a mousee and keyboard on Mac OS X. Like joy2key / JoyToKey on other operating systems." />
     <title>Enjoyable - Joystick and gamepad mapping for OS X</title>
-    <style>
-      body { font-family: sans-serif; }
-      h1 { text-align: center; }
-      h2 { margin-left: 10%; margin-bottom: 0; font-size: 1.2em; }
-      p { width: 80%; margin-left: 10%; }
-      ul { width: 80%; margin-left: 10%; padding-left: 2em; }
-    </style>
   </head>
   <body>
-    <h1>
-      <img src="icon.png" style="height: 1em; vertical-align: text-bottom" />
-      Enjoyable
-    </h1>
-
-    <p style="text-align: center; max-width: 70%; margin-left: 15%;">
-      Use your gamepad or joystick like a mouse and keyboard on Mac OS
-      X.<br />
-      <a href="Enjoyable-1.1.zip">
-        <img src="screenshot.png"
-             alt="A screenshot of Enjoyable"
-             style="max-width: 100%;"/>
-        Download Enjoyable 1.1 (1.2MB)</a>
-      <br />
-      <a href="http://git.yukkurigames.com/?p=enjoyable.git;a=summary"
-         style="font-size: 0.8em;">
-        Source Code
+    <header>
+      <a href="http://yukkurigames.com" id="header-logo">
+        <img src="/logotype_horizontal_1.png" class="logo"
+             data-large
+             alt="(◕ ヮ ◕)"
+        ><img src="/logotype_horizontal_2.png"
+              data-optional
+              alt="Yukkuri Games"
+        ><img src="/logotype_horizontal_3.png" class="logo"
+              data-small
+              alt="(◕ ヮ ◕)">
       </a>
-    </p>
-
-    <h2><a name="requirements" href="#requirements"></a>Requirements</h2>
-
-    <ul>
-      <li>Mac OS X 10.7+</li>
-      <li>One or more HID-compatible (e.g. USB or Bluetooth) input devices</li>
-    </ul>
+      <h1>Enjoyable</h1>
+    </header>
+    <main>
 
-    <h2>Mappings</h2>
-    <p>
-      I play games with a Playstation 3 controller, so these will be
-      useless if you have a different controller. These are the
-      mappings I use for games I like. To use them, just save them and
-      double-click on them in Finder, or use ⌘O in Enjoyable to import
-      them.
-    </p>
-    <ul style="font-size: 0.9em;">
-      <li><a href="mappings/6180 the moon.enjoyable">6180 the moon</a></li>
-      <li><a href="mappings/Anodyne.enjoyable">Anodyne</a></li>
-      <li><a href="mappings/BasketBelle.enjoyable">BasketBelle</a></li>
-      <li><a href="mappings/Canabalt.enjoyable">Canabalt</a></li>
-      <li><a href="mappings/Forget-Me-Not.enjoyable">Forget-Me-Not</a></li>
-      <li><a href="mappings/KRUNCH.enjoyable">KRUNCH</a></li>
-      <li><a href="mappings/Probability 0.enjoyable">Probability 0</a></li>
-      <li><a href="mappings/Red Rogue.enjoyable">Red Rogue</a></li>
-      <li><a href="mappings/Runner2.enjoyable">Bit.Trip Presents Runner 2: Future Legend of Rhythm Alien</a></li>
-      <li><a href="mappings/Super Hexagon.enjoyable">Super Hexagon</a></li>
-    </ul>
+      <p style="text-align: center; max-width: 70%; margin-left: 15%;">
+        Use your gamepad or joystick like a mouse and keyboard on Mac OS
+        X.<br />
+        <a href="Enjoyable-1.1.zip">
+          <img src="screenshot.png"
+               alt="A screenshot of Enjoyable"
+               style="max-width: 100%;"/></a>
+      </p>
+      <ul class="download">
+        <li><a href="Enjoyable-1.1.zip">Enjoyable-1.1.zip</a> (1.2MB)
+        <li class="sh"><span data-optional>git clone </span><a href="http://git.yukkurigames.com/enjoyable.git">http://git.yukkurigames.com/enjoyable.git</a>
+      </ul>
 
-    <h2><a name="license" href="#license"></a>License</h2>
-    <p>Enjoyable is free software written by Joe Wreschnig and is
-      based on the Enjoy codebase written
-      by <a href="http://nongraphical.com">Yifeng Huang</a>
-      and <a href="http://abstractable.net/enjoy/">Sam McCall</a>.</p>
+      <h2><a name="requirements" href="#requirements"></a>Requirements</h2>
 
-    <p>Copyright 2013 Joe Wreschnig<br>
-      2012 Yifeng Huang<br>
-      2009 Sam McCall, University of Otago</p>
+      <ul>
+        <li>Mac OS X 10.7+</li>
+        <li>One or more HID-compatible (e.g. USB or Bluetooth) input devices</li>
+      </ul>
 
-    <p>Permission is hereby granted, free of charge, to any person obtaining
-      a copy of this software and associated documentation files (the
-      "Software"), to deal in the Software without restriction, including
-      without limitation the rights to use, copy, modify, merge, publish,
-      distribute, sublicense, and/or sell copies of the Software, and to
-      permit persons to whom the Software is furnished to do so, subject to
-      the following conditions:</p>
+      <h2>Mappings</h2>
+      <p>
+        I play games with a Playstation 3 controller, so these will be
+        useless if you have a different controller. These are the
+        mappings I use for games I like. To use them, just save them and
+        double-click on them in Finder, or use ⌘O in Enjoyable to import
+        them.
+      </p>
+      <ul style="font-size: 0.9em;">
+        <li><a href="mappings/6180 the moon.enjoyable">6180 the moon</a></li>
+        <li><a href="mappings/Anodyne.enjoyable">Anodyne</a></li>
+        <li><a href="mappings/BasketBelle.enjoyable">BasketBelle</a></li>
+        <li><a href="mappings/Canabalt.enjoyable">Canabalt</a></li>
+        <li><a href="mappings/Forget-Me-Not.enjoyable">Forget-Me-Not</a></li>
+        <li><a href="mappings/KRUNCH.enjoyable">KRUNCH</a></li>
+        <li><a href="mappings/Probability 0.enjoyable">Probability 0</a></li>
+        <li><a href="mappings/Red Rogue.enjoyable">Red Rogue</a></li>
+        <li><a href="mappings/Runner2.enjoyable">Bit.Trip Presents Runner 2: Future Legend of Rhythm Alien</a></li>
+        <li><a href="mappings/Super Hexagon.enjoyable">Super Hexagon</a></li>
+      </ul>
 
-    <p>The above copyright notice and this permission notice shall be
-      included in all copies or substantial portions of the Software.</p>
+      <h2>License</h2>
+      <div class="copyright">2013
+        Joe Wreschnig, 2012 Yifeng Huang, 2009 Sam McCall
+        <p>Enjoyable is free software written by Joe Wreschnig and is
+          based on the Enjoy codebase written
+          by <a href="http://nongraphical.com">Yifeng Huang</a>
+          and <a href="http://abstractable.net/enjoy/">Sam McCall</a>.</p>
 
-    <p>THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-      EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
-      MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
-      IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
-      CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
-      TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
-      SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.</p>
 
-    <p>The joystick icon is from the Tango icon set and is public domain.</p>
+        <p>Permission is hereby granted, free of charge, to any person obtaining
+          a copy of this software and associated documentation files (the
+          "Software"), to deal in the Software without restriction, including
+          without limitation the rights to use, copy, modify, merge, publish,
+          distribute, sublicense, and/or sell copies of the Software, and to
+          permit persons to whom the Software is furnished to do so, subject to
+          the following conditions:</p>
 
+        <p>The above copyright notice and this permission notice shall be
+          included in all copies or substantial portions of the Software.</p>
+        
+      </div>
+    </main>
   </body>
 </html>