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