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