Link in cards.

diff --git a/heroik.appcache.in b/heroik.appcache.in
index b152b5b..17465a5 100644 (file)
--- a/heroik.appcache.in
+++ b/heroik.appcache.in
@@ -5,6 +5,7 @@ heroik.html
 abilities.html
 variants.html
 scenario.html
 abilities.html
 variants.html
 scenario.html

+cards.html

 
 fastclick.js
 heroik.css
 
 fastclick.js
 heroik.css


@@ -21,3 +22,11 @@ favicon_32.png
 favicon_128.png
 favicon_192.png
 favicon_256.png
 favicon_128.png
 favicon_192.png
 favicon_256.png

+
+epee.jpg
+ykesha.jpg
+phoenix.jpg
+male.png
+female.png
+card.png
+

diff --git a/heroik.css b/heroik.css
index 55ab0fe..b291e97 100644 (file)
--- a/heroik.css
+++ b/heroik.css
@@ -500,7 +500,7 @@ table {
     content: ' ';
     width: 1.5em;
     height: 1.5em;
     content: ' ';
     width: 1.5em;
     height: 1.5em;

-    border-radius: 0.75em;
+    border-radius: 1.5em;

     border: solid black 0.75em;
     display: inline-block;
     box-sizing: border-box;
     border: solid black 0.75em;
     display: inline-block;
     box-sizing: border-box;


@@ -525,10 +525,11 @@ table {
 .card .cost .g:before { content: 'g'; }
 
 .card .cost .r {
 .card .cost .g:before { content: 'g'; }
 
 .card .cost .r {

-    
+    background-color: #e4573c;

     border-color: #e4573c;
 }
 .card .cost .g {
     border-color: #e4573c;
 }
 .card .cost .g {

+    background-color: #abbc45;

     border-color: #abbc45;
 }
 
     border-color: #abbc45;
 }
 

diff --git a/heroik.html b/heroik.html
index 725105a..8ede375 100644 (file)
--- a/heroik.html
+++ b/heroik.html
@@ -68,7 +68,8 @@
     <div>
       <a class="big button" href="variants.html">Variants &amp; Suggestions</a>
       <a class="big button" href="abilities.html">Special Abilities</a>
     <div>
       <a class="big button" href="variants.html">Variants &amp; Suggestions</a>
       <a class="big button" href="abilities.html">Special Abilities</a>

-      <a class="big button" href="allevents.html">Fate Chart Events</a>
+      <a class="big button" href="allevents.html">Expansion Cards</a>
+      <a class="big button" href="cards.html">Fate Chart Events</a>

     </div>
     <h2>Acknowledgments</h2>
     <div style="font-size: 0.9em">
     </div>
     <h2>Acknowledgments</h2>
     <div style="font-size: 0.9em">