heroik.html

   1 <!DOCTYPE html>
   2 <html manifest=heroik.appcache>
   3   <!--
   4   The person who associated a work with this deed has dedicated the work
   5   to the public domain by waiving all of his or her rights to the work
   6   worldwide under copyright law, including all related and neighboring
   7   rights, to the extent allowed by law.
   8
   9   You can copy, modify, distribute and perform the work, even for
  10   commercial purposes, all without asking permission.
  11
  12   See https://creativecommons.org/publicdomain/zero/1.0/ for details.
  13   -->
  14   <head>
  15     <meta charset="utf-8">
  16     <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
  17     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  18     <meta name="apple-mobile-web-app-capable" content="yes">
  19     <meta name="apple-mobile-web-app-title" content="Hero: IK">
  20     <meta name="mobile-web-app-capable" content="yes">
  21     <link rel="apple-touch-icon" href="favicon_192.png">
  22     <link rel=icon type="image/png" sizes="32x32" href="favicon_32.png">
  23     <link rel=icon type="image/png" sizes="192x192" href="favicon_192.png">
  24     <link rel=icon type="image/png" sizes="256x256" href="favicon_256.png">
  25     <link rel=stylesheet href="heroik.css" type="text/css">
  26     <script src="fastclick.js" type="text/javascript"></script>
  27     <script src="heroik.js" type="text/javascript"></script>
  28     <title>Hero: Immortal King</title>
  29   </head>
  30   <body>
  31     <header></header>
  32     <main>
  33     <h1>Find a Dungeon</h1>
  34     <h2>Difficulty</h2>
  35     <select>
  36       <optgroup label="Canon">
  37         <option data-events=5 data-nop=4>Easy</option>
  38         <option data-events=5 data-nop=3>Medium</option>
  39         <option data-events=5 data-nop=2 selected>Difficult</option>
  40       </optgroup>
  41       <optgroup label="Non-Canon">
  42         <option data-events=6 data-nop=1>Perilous</option>
  43         <option data-events=7 data-nop=0>Vicious</option>
  44         <option data-events=6 data-nop=0>Heroic</option>
  45         <option data-events=15 data-nop=5>Long</option>
  46         <option data-events=119 data-nop=30>Endless</option>
  47       </optgroup>
  48     </select>
  49     <h2>Denizens</h2>
  50     <div>
  51       <ul class=cards>
  52         <li><label><input type=checkbox data-flags=demons checked>Demons</label></li>
  53         <li><label><input type=checkbox data-flags=undead checked>Undead</label></li>
  54         <li><label><input type=checkbox data-flags=dragons checked>Dragons</label></li>
  55         <li><label><input type=checkbox data-flags=traps checked>Traps</label></li>
  56         <li><label><input type=checkbox data-flags=bubbleyes>Bubbleyes</label></li>
  57         <li><label><input type=checkbox data-flags=abunakkashii>Abunakkashii</label></li>
  58       </ul>
  59     </div>
  60     <div style="font-size: 1.1em; line-height: 2em">
  61       <label><input type=checkbox data-flags=helpful>Helpful fates</label>
  62       <br>
  63       <label><input type=checkbox data-flags=noncanonical checked>Non-canonical fates</label>
  64     </div>
  65     <div>
  66       <a class=button onclick="ventureForth()">Venture Forth</a>
  67     </div>
  68     <noscript>
  69       Venturing forth requires JavaScript.
  70     </noscript>
  71
  72     <h1>Information</h1>
  73
  74     <h2>Reference &amp; Resources</h2>
  75     <div>
  76       <a class="big button" href="variants.html">Variants</a>
  77       <a class="big button" href="abilities.html">Abilities</a>
  78       <a class="big button" href="cards.html">Cards</a>
  79       <a class="big button" href="allevents.html">Fates</a>
  80     </div>
  81     <h2>Acknowledgments</h2>
  82     <div style="font-size: 0.9em">
  83       <p>
  84         <em>Hero: Immortal King</em> is designed by
  85         <a target=_blank href="http://www.moonstergames.com/">Emmanuel Beltrando</a>
  86         and published by
  87         <a target=_blank href="http://www.asmodee.com/">Asmodee</a>.
  88         This site is not affiliated with or authorized by either. Some
  89         events used are from <a target=_blank href="http://boardgamegeek.com/filepage/57107/random-scenario-generator">Sean Allen's random scenario
  90           generator</a>. Typeset in <a target=_blank href="http://scholarsfonts.net/">David Perry's Cardo</a> and <a target=_blank href="http://pospelov.com/2012/08/01/oranienbaum-font/">Oleg
  91         Pospelov</a> and <a target=_blank href="http://www.jovanny.ru/">Jovanny Lemonad's</a> Oranienbaum.
  92       </p>
  93     </div>
  94     <div>
  95       <a target=_blank href="https://yukkurigames.com/">Yukkuri Games</a>
  96     </div>
  97     </main>
  98   </body>
  99 </html>