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