stuff

client/scss/main.scss

@@ -221,3 +221,20 @@ i {
 
   }
 }
+
+.playcard-banner {
+  position: fixed;
+  border: 1px solid red;
+  background: orangered;
+  width: 100%;
+  height: 250px;
+  left: 0;
+  text-align: center;
+  top: 200px;
+  z-index: 200;
+  .card {
+    position: relative;
+    left: 50%;
+    top: 30%;
+  }
+}

client/templates/PlayCard.handlebars

@@ -0,0 +1,3 @@
+<div class="playcard-banner">
+  {{>card card}}
+</div>

gulpfile.js

@@ -14,7 +14,9 @@ livereload({start: true});
 
 gulp.task('browserify', function(){
   browserify('./client/js/main.js', {standalone: "app", debug: true})
-  .transform(handlebars)
+  .transform(handlebars).on("error", function(err){
+    console.log(err);
+  })
   .transform(babelify)
   .bundle().on("error", function(err){
     console.log(err);

server/Field.js

@@ -138,11 +138,13 @@ var Field = (function(){
     this._hornCard = card;
   }
 
-  r.getHighestCards = function() {
+  r.getHighestCards = function(noHeroes) {
+    noHeroes = noHeroes || false;
     var res = [];
     var highest = 0;
 
     this.get().forEach(function(card) {
+      if(noHeroes && card.getAbility("hero")) return;
       highest = card.getPower() > highest ? card.getPower() : highest;
     })