implement login view

site/client/app/views/deckBuilder.html

@@ -0,0 +1 @@
+deckbuilder

site/client/app/views/landing.html

@@ -1,3 +1,5 @@
+<login></login>
+
 <section class="container-landing">
   <div class="wrap-landing">
     <img src="assets/img/logo-big.png" width="243" height="85" alt="Gwent" class="logo-big">
@@ -22,7 +24,7 @@
       <span class="choose">or</span>
 
       <a class="btn-second btn-guest" v-on="click: asGuest">Play as guest <i class="icon-guest-load"></i></a>
-      <a href="#" class="btn-none btn-login">Login</a>
+      <a class="btn-none btn-login" v-on="click: openLogin">Login</a>
 
     </div>
   </div>

site/client/app/views/modals/login.html

@@ -0,0 +1,19 @@
+<div class="modal" v-class="active: modal">
+  <div class="modal-banner">
+    <div class="wrap-modal-login">
+
+      <form class="form-session">
+        <input type="text" placeholder="Username" class="field-session login-username">
+        <input type="password" placeholder="Password" class="field-session login-password">
+
+        <div class="wrap-btn-action btn-register-action">
+          <input type="submit" value="Login" class="btn-action">
+          <i class="icon-action-load"></i>
+        </div>
+
+        <span class="btn-sub">Forgot Password?</span>
+      </form>
+
+    </div>
+  </div>
+</div>

site/client/app/views/modals/searchMatch.html

@@ -5,7 +5,7 @@
       <i class="icon-content-load"></i>
       <p class="modal-para">Search for Player</p>
 
-      <span class="btn-cancel" v-on="click: cancelMatch">Cancel</span>
+      <span class="btn-sub" v-on="click: cancelMatch">Cancel</span>
 
     </div>
   </div>