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