relocate images + include sprite generator

client/templates/cards.handlebars

@@ -1,3 +1,3 @@
 <div class="card{{#if _disabled}} disabled{{/if}}" data-key="{{_key}}" data-id="{{_id}}">
-  <img src="../assets/cards/{{_data.img}}.png">
+  <i class="card-sm-{{_data.faction}} card-sm-{{_data.faction}}-{{_data.img}}"></i>
 </div>

client/templates/fieldCards.handlebars

@@ -1,6 +1,6 @@
 {{#each this}}
   <div class="card{{#if _disabled}} disabled{{/if}}" data-key="{{_key}}" data-id="{{_id}}">
     {{#if diff}}<span class="card-attr-power {{#if diffPos}}card-attr-positive{{/if}}">{{diff}}</span>{{/if}}
-    <img src="../assets/cards/{{_data.img}}.png">
+    <i class="card-sm-{{_data.faction}} card-sm-{{_data.faction}}-{{_data.img}}"></i>
   </div>
 {{/each}}

client/templates/modal.medic.handlebars

@@ -2,10 +2,8 @@
   <h3 class="bbm-modal__title">Choose one card from your discard</h3>
 </div>
 <div class="bbm-modal__section">
-  {{#each medicDiscard.cards}}
-  <div class="card" data-key="{{_key}}" data-id="{{_id}}">
-    <img src="../assets/cards/{{_data.img}}.png">
-  </div>
+  {{#each medicDiscard.cards as |val key|}}
+    {{>card val}}
   {{/each}}
 </div>
 <div class="bbm-modal__bottombar">

client/templates/modal.redraw.handlebars

@@ -2,10 +2,8 @@
   <h3 class="bbm-modal__title">Choose up to 2 cards you wish to redraw!</h3>
 </div>
 <div class="bbm-modal__section">
-  {{#each handCards}}
-  <div class="card" data-key="{{_key}}" data-id="{{_id}}">
-    <img src="../assets/cards/{{_data.img}}.png">
-  </div>
+  {{#each handCards as |val key|}}
+    {{>card val}}
   {{/each}}
 </div>
 <div class="bbm-modal__bottombar">

client/templates/preview.handlebars

@@ -1,4 +1,4 @@
-<img src="../assets/cards/{{card.img}}.png" height="450">
+<i class="card-lg-{{card.faction}} card-lg-{{card.faction}}-{{card.img}}"></i>
 <div class="preview-description">
   <p>{{card.name}}</p>
   {{#each abilities as |val key|}}