prepare vue and little styling

site/client/app/app.js

@@ -0,0 +1,24 @@
+var Vue = require('vue');
+var router = require('./routes');
+
+Vue.use(require('vue-resource'));
+Vue.http.headers.common['X-CSRF-TOKEN'] = $('.token').attr('content');
+
+var app = new Vue({
+
+  el: 'body',
+
+  data: {
+    name: '',
+    view: '',
+    section: ''
+  },
+
+  components: {
+    'landing': require('./components/landing'),
+    'lobby': require('./components/lobby')
+  }
+
+});
+
+router.init(app);

site/client/app/components/landing.js

@@ -0,0 +1,11 @@
+module.exports = {
+
+  template: require('../views/landing.html'),
+
+  ready: function() {
+    setTimeout(function() {
+      $('.container-form-landing').addClass('active')
+    }, 400);
+  }
+
+};

site/client/app/components/lobby.js

@@ -0,0 +1,5 @@
+module.exports = {
+
+  template: require('../views/lobby.html')
+
+};

site/client/app/routes.js

@@ -0,0 +1,28 @@
+var Router = require('director').Router;
+var router = new Router();
+
+module.exports = {
+
+  init: function(app) {
+    router.on('/', function() {
+      app.view = 'landing';
+      app.section = 'landing';
+    });
+
+    router.on('/lobby', function() {
+      app.view = 'lobby';
+      app.section = 'inner';
+    });
+
+    this.configure();
+    router.init('/');
+  },
+
+  configure: function() {
+    router.configure({
+      notfound: function() {
+        router.setRoute('/')
+      }
+    })
+  }
+}

site/client/app/views/landing.html

@@ -0,0 +1,29 @@
+<section class="container-landing" id="lol">
+  <div class="wrap-landing">
+    <img src="assets/img/logo-big.png" width="243" height="85" alt="Gwent" class="logo-big">
+
+    <p class="teaser-landing">
+      Play The Witcher Gwent Card-Game online!<br>
+      Play with randomly generated teams, or build your own!
+    </p>
+
+    <div class="container-form-landing">
+
+      <form class="form-session">
+        <input type="text" placeholder="Username" class="field-session" autofocus>
+        <input type="password" placeholder="Password" class="field-session">
+
+        <div class="wrap-btn-action btn-register-action">
+          <input type="submit" value="Register" class="btn-action">
+          <i class="icon-load"></i>
+        </div>
+      </form>
+
+      <span class="choose">or</span>
+
+      <a href="#/lobby" class="btn-second btn-guest">Play as guest</a>
+      <a href="#" class="btn-none btn-login">Login</a>
+
+    </div>
+  </div>
+</section>

site/client/app/views/lobby.html

@@ -0,0 +1 @@
+LOBBY HIER BLA BLA