index.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3   <head>
   4     <meta charset="utf-8">
   5     <meta name=viewport content="width=device-width, initial-scale=1">
   6     <link rel="stylesheet" href="css/main.css" type="text/css">
   7     <title>Yukkuri Games</title>
   8     <style>
   9       /* Reset usual header CSS */
  10       header {
  11           border: none;
  12           height: 13em;
  13           text-align: center;
  14           background-color: transparent;
  15           margin-top: 0;
  16       }
  17
  18       header img {
  19           float: none;
  20       }
  21
  22     </style>
  23   </head>
  24
  25   <body>
  26     <header>
  27       <a href="aboutus.html">
  28         <img src="logotype.png" class=logo alt="Yukkuri Games">
  29       </a>
  30     </header>
  31     <main>
  32       <h2>Games</h2>
  33       <ul class=game-preview>
  34         <li>
  35           <a href="http://yukkuri.itch.io/pwl6">
  36             <img src="thumbnails/pwl6.png" alt=Icon>
  37           </a>
  38           <div class=info>
  39             <h4><a href="http://yukkuri.itch.io/pwl6">Pixel Witch Lesson&nbsp;#6</a></h4>
  40             <ul>
  41               <li>2014</li>
  42               <li>Windows, OS X, GNU/Linux</li>
  43               <li>Android &amp; iOS Winter 2014</li>
  44             </ul>
  45             <p>
  46               Puzzles for witches-in-training.
  47             </p>
  48           </div>
  49         </li>
  50       </ul>
  51       <h2>For Games</h2>
  52       <ul class=game-preview>
  53         <li>
  54           <a href="/heroik/heroik.html">
  55             <img src="/heroik/favicon_256.png" alt=Icon>
  56           </a>
  57           <div class=info>
  58             <h4><a href="/heroik/heroik.html">Hero: Immortal King Scenario Generator</a></h4>
  59             <p>
  60               Random scenarios and
  61               <a href="/heroik/variants.html">variant rules</a> for
  62               the dungeon-crawling card game
  63               <em>Hero: Immortal King</em>.
  64             </p>
  65             <ul>
  66               <li>2014</li>
  67               <li><a href="support.html#mobile">(Mobile) Browser</a></li>
  68             </ul>
  69           </div>
  70         </li>
  71
  72         <li>
  73           <a href="/mlpccg/mlpccg.html">
  74             <img src="/mlpccg/favicon_256.png" alt=Icon>
  75           </a>
  76           <div class=info>
  77             <h4><a href="/mlpccg/mlpccg.html">MLPCCG Helper</a></h4>
  78             <p>
  79               Play the <em>My Little Pony</em> <a href="http://enter-play.com/products/mlpccg.html">collectible card game</a>
  80               even if, like us, you can't remember three numbers at
  81               the same time.
  82             </p>
  83             <ul>
  84               <li>2014</li>
  85               <li><a href="support.html#mobile">(Mobile) Browser</a></li>
  86             </ul>
  87           </div>
  88         </li>
  89
  90         <li>
  91           <a href="/labelle/">
  92             <img src="/labelle/icon_128x128.png" alt=Icon>
  93           </a>
  94           <div class=info>
  95             <h4><a href="/labelle/">Labelle Litanizer</a></h4>
  96             <p>
  97               Investigate the non-human with outfit-oriented ontology.
  98             </p>
  99             <ul>
 100               <li>2013</li>
 101               <li><a href="support.html#mobile">(Mobile) Browser</a></li>
 102             </ul>
 103           </div>
 104         </li>
 105
 106         <li>
 107           <a href="http://psvzipper.appspot.com/">
 108             <img src="thumbnails/psvzipper.png" alt=Icon>
 109           </a>
 110           <div class=info>
 111             <h4><a href="http://psvzipper.appspot.com/">Vita Background Generator</a></h4>
 112             <p>
 113               Tetsuya Nomura Simulator, if his job was drawing
 114               backgrounds for your PlayStation Vita.
 115             </p>
 116             <ul>
 117               <li>2012</li>
 118               <li>Browser</li>
 119             </ul>
 120           </div>
 121         </li>
 122         <li>
 123           <a href="/enjoyable/">
 124             <img src="thumbnails/enjoyable.png" alt=Icon>
 125           </a>
 126           <div class=info>
 127             <h4><a href="/enjoyable/">Enjoyable</a></h4>
 128             <p>
 129               Map controller inputs to mouse and keyboard events. Many
 130               of your games will become more fun.
 131             </p>
 132             <ul>
 133               <li>2013</li>
 134               <li>Mac OS X 10.7+</li>
 135             </ul>
 136           </div>
 137         </li>
 138       </ul>
 139
 140       <h2>Not Games (Yet?)</h2>
 141       <ul class=game-preview>
 142         <li>
 143           <a href="/string-lerp/">
 144             <img src="thumbnails/string-lerp.png" alt=Icon>
 145           </a>
 146           <div class=info>
 147             <h4><a href="/string-lerp/">String Lerp</a></h4>
 148             <p>
 149               Animate one string progressively changing into another.
 150             </p>
 151             <ul>
 152               <li>2014</li>
 153               <li>JavaScript Module (Browser, Node)</li>
 154             </ul>
 155           </div>
 156         </li>
 157         <li>
 158           <a href="/webcart1000/">
 159             <img src="thumbnails/webcart1000.png" alt=Icon>
 160           </a>
 161           <div class=info>
 162             <h4><a href="/webcart1000/">WEBCART1000</a></h4>
 163             <p>
 164               Share save files between multiple browser-based games.
 165             </p>
 166             <ul>
 167               <li>2013</li>
 168               <li>JavaScript Module (Browser)</li>
 169             </ul>
 170           </div>
 171         </li>
 172         <li>
 173           <a href="https://code.google.com/p/python-bulletml">
 174             <img src='thumbnails/bulletml.png' alt=Icon>
 175           </a>
 176           <div class=info>
 177             <h4>
 178               <a href="https://code.google.com/p/python-bulletml">
 179                 python-bulletml
 180               </a>
 181             </h4>
 182             <p>
 183               Parse and run BulletML scripts in Python.
 184             </p>
 185             <ul>
 186               <li>2010</li>
 187               <li>Python Module (2.6+, 3.x)</li>
 188             </ul>
 189           </div>
 190         </li>
 191       </ul>
 192       <h2>Game Jams</h2>
 193       <ul class=game-preview>
 194         <li>
 195           <a href="/123456789/">
 196             <img src="/thumbnails/123456789.png" alt=Icon>
 197           </a>
 198           <div class=info>
 199             <h4><a href="/123456789/">123456789</a></h4>
 200             <p>
 201               A puzzle-<wbr>paean
 202               from <a href="http://www.gamesetwatch.com/2007/03/column_beyond_tetris_nemesis_f_1.php">one
 203               forgotten input chimera</a> to another near extinction.
 204             </p>
 205             <ul>
 206               <li>2013</li>
 207               <li>LD26, "minimalism"</li>
 208               <li>Browser</li>
 209             </ul>
 210           </div>
 211         </li>
 212         <li>
 213           <a href="/pphs/">
 214             <img src="/thumbnails/rogue1980.png" alt=Icon>
 215           </a>
 216           <div class=info>
 217             <h4><a href="/pphs/">Rogue (1980)</a></h4>
 218             <p>
 219               Speculative digital archaeology. Also, a poorly-balanced
 220               dungeon-crawler-<em>cum</em>-flirting-minigame.
 221             </p>
 222             <ul>
 223               <li>2013</li>
 224               <li><a href="http://www.electricopolis.net/2013/03/29/pphs-jam/">♥♡♥PPHS♥♡♥</a></li>
 225               <li>Version 7 Unix, 4.2BSD, IBM PC</li>
 226             </ul>
 227           </div>
 228         </li>
 229
 230         <li>
 231           <a href="/matrixcreatrix/">
 232             <img src="/thumbnails/matrixcreatrix.png" alt=Icon>
 233           </a>
 234           <div class=info>
 235             <h4><a href="/matrixcreatrix/">Matrix Creatrix</a></h4>
 236             <p>
 237               Whatever the opposite of color-matching games are, while
 238               still being a color-matching game.
 239             </p>
 240             <ul>
 241               <li>2012</li>
 242               <li>LD23, "tiny world"</li>
 243               <li>Browser (Perlenspiel)</li>
 244             </ul>
 245           </div>
 246         </li>
 247
 248         <li>
 249           <a href="http://pyweek.org/e/kuri/">
 250             <img src="/thumbnails/featherfall.png" alt=Icon>
 251           </a>
 252           <div class=info>
 253             <h4><a href="http://pyweek.org/e/kuri/">Feather Fall</a></h4>
 254             <p>
 255               High-flying fast-falling arcade action.
 256             </p>
 257             <ul>
 258               <li>2009</li>
 259               <li>PyWeek #9, "feather"</li>
 260               <li>GNU/Linux, Windows</li>
 261             </ul>
 262           </div>
 263         </li>
 264         <li>
 265           <a href="http://pyweek.org/e/Yukkuri/">
 266             <img src="/thumbnails/lagomorph.png" alt=Icon>
 267           </a>
 268           <div class=info>
 269             <h4><a href="http://pyweek.org/e/Yukkuri/">I Am Lagomorph</a></h4>
 270             <p>
 271               Tend a farm threatened by undead bunnies and
 272               poop. Unfinished and unstable.
 273             </p>
 274             <ul>
 275               <li>2009</li>
 276               <li>PyWeek #8, "get off my lawn"</li>
 277               <li>? (Python, OpenGL)</li>
 278             </ul>
 279           </div>
 280         </li>
 281       </ul>
 282     </main>
 283     <footer>
 284       <a href="support.html">Support</a>
 285       <a href="privacy.html">Privacy Policy</a>
 286       <a href="mailto:yuuSPAM@MAPSyukkurigames.com"
 287          rel="nofollow"
 288          onclick="this.href=this.href.replace(/[A-Z]/g, '')">Contact</a>
 289     </footer>
 290   </body>
 291 </html>