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