Card art.

diff --git a/cards.html b/cards.html
index a90d87a..ae4e52d 100644 (file)
--- a/cards.html
+++ b/cards.html
@@ -39,32 +39,11 @@
       </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>
+      <img class=art src=ykesha.jpg>
       <div class=gender><img src=male.png></div>
       <div class=abilities>
         <div class=skill>
@@ -85,6 +64,7 @@
     <div class='card object'>
       <div class=name>Conqueror's Sword</div>
       <div class=type>Weapon - Unique</div>
+      <img class=art src="epee.jpg">
       <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
@@ -92,6 +72,31 @@
         you may place a Mana token on an adventurer.
       </div>
       <div class=code>Promo 2</div>
+    </div>
+
+    <div class='card adventurer'>
+      <div class=name>Phœnix</div>
+      <div class=type>Warrior</div>
+      <img class=art src=phoenix.jpg>
+      <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
+          Phœnix 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>
     </main>
   </body>
 </html>

diff --git a/epee.jpg b/epee.jpg
new file mode 100644 (file)
index 0000000..82c160e
Binary files /dev/null and b/epee.jpg differ

diff --git a/heroik.css b/heroik.css
index 6d94165..55ab0fe 100644 (file)
--- a/heroik.css
+++ b/heroik.css
@@ -392,9 +392,32 @@ table {
     height: 87mm;
     font-size: 9pt;*/
     margin: auto;
+    margin: 0.5em auto;
+    z-index: 1;
+}
+
+
+.card:after {
+    content: '';
+    display: block;
+    position:absolute;
+    width:100%;
+    height:100%;
+    left:0;
+    top:0;
     background-image: url(card.png);
     background-size: cover;
-    margin: 0.5em auto;
+    z-index: -1;
+}
+
+.card .art {
+    position: absolute;
+    z-index: -1;
+    left: 9.5%;
+    right: 9.5%;
+    width: 81%;
+    height: auto;
+    top: 7.1%;
 }
 
 .card.adventurer .name, .card.adventurer .type {

diff --git a/phoenix.jpg b/phoenix.jpg
new file mode 100644 (file)
index 0000000..3fc1ea3
Binary files /dev/null and b/phoenix.jpg differ

diff --git a/ykesha.jpg b/ykesha.jpg
new file mode 100644 (file)
index 0000000..593d38f
Binary files /dev/null and b/ykesha.jpg differ