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