Promotional card page, in progress.
[heroik.git] / cards.html
diff --git a/cards.html b/cards.html
new file mode 100644 (file)
index 0000000..a90d87a
--- /dev/null
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html manifest=heroik.appcache>
+  <!--
+  The person who associated a work with this deed has dedicated the work
+  to the public domain by waiving all of his or her rights to the work
+  worldwide under copyright law, including all related and neighboring
+  rights, to the extent allowed by law.
+
+  You can copy, modify, distribute and perform the work, even for
+  commercial purposes, all without asking permission.
+
+  See https://creativecommons.org/publicdomain/zero/1.0/ for details.
+  -->
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-title" content="Hero: IK">
+    <meta name="mobile-web-app-capable" content="yes">
+    <link rel="apple-touch-icon" href="favicon_192.png">
+    <link rel=icon type="image/png" sizes="32x32" href="favicon_32.png">
+    <link rel=icon type="image/png" sizes="192x192" href="favicon_192.png">
+    <link rel=icon type="image/png" sizes="256x256" href="favicon_256.png">
+    <link rel=stylesheet href="heroik.css" type="text/css">
+    <script src="fastclick.js" type="text/javascript"></script>
+    <script src="heroik.js" type="text/javascript"></script>
+    <script src="names.js" type="text/javascript"></script>
+    <script src="scenarios.js" type="text/javascript"></script>
+    <title>Expansion Cards - Hero: Immortal King</title>
+  </head>
+  <body>
+    <div id=statusbar></div>
+    <main>
+    <div style="height: 3em" class="no-print">
+      <a class=button style="float: left; text-align: left"
+         href="heroik.html">
+        ◄ Finished!
+      </a>
+    </div>
+    <h1>Promotional Cards</h1>
+    <div class='card adventurer'>
+      <div class=name>Ph&oelig;nix</div>
+      <div class=type>Warrior</div>
+      <div class=flavor>Ashes to ashes...</div>
+      <div class=code>Promo 4</div>
+      <div class=gender><img src=male.png></div>
+      <div class=abilities>
+        <div class=skill>
+          +2 to combat rolls against dragons. If the adventurers lose
+          their last Courage token, remove a Tenacity token from
+          Phoenix and immediately gain 3 Courage tokens and 1 Mana
+          token.
+        </div>
+        <div class=temporary>
+          +2 to combat rolls for each Tenacity token on Phoenix.
+        </div>
+        <div class=ultimate>
+          Place 1 Tenacity token on Phoenix and 1 Mana on any
+          adventurer.
+        </div>
+      </div>
+    </div>
+    <div class='card adventurer'>
+      <div class=name>Ykesha</div>
+      <div class=type>Warrior</div>
+      <div class=code>Promo 1</div>
+      <div class=gender><img src=male.png></div>
+      <div class=abilities>
+        <div class=skill>
+          At the start of the game, take a weapon from your collection
+          and put it into play face-up for free.
+        </div>
+        <div class=temporary>
+          +X to your combat die, where X is the number of face-up
+          weapons you have.
+        </div>
+        <div class=ultimate>
+          Roll 3d6. For each 6, destroy one face-up dungeon card, and
+          gain 1 Mana token and 1 Courage token.
+        </div>
+      </div>
+    </div>
+
+    <div class='card object'>
+      <div class=name>Conqueror's Sword</div>
+      <div class=type>Weapon - Unique</div>
+      <div class=effect>
+        <div class=cost><span class=r></span><span class=r></span><span class=r></span><span class=g></span><span class=g></span></div>
+        Once per combat, you may re-roll a combat die showing a 1. At
+        the end of each round, if you lost at least one Courage token,
+        you may place a Mana token on an adventurer.
+      </div>
+      <div class=code>Promo 2</div>
+    </main>
+  </body>
+</html>