start styling searchMatch and few changes

site/client/app/components/lobby.js

@@ -1,5 +1,16 @@
 module.exports = {
 
-  template: require('../views/lobby.html')
+  template: require('../views/lobby.html'),
+
+  data: function() {
+  	return {
+  		modal: false
+  	}
+  },
+
+  components: {
+  	searchmatch: require('./modals/searchMatch'),
+  	navigation: require('./navigation')
+  }
 
 };

site/client/app/components/modals/searchMatch.js

@@ -0,0 +1,7 @@
+module.exports = {
+
+  template: require('../../views/modals/searchMatch.html'),
+
+ 	inherit: true
+
+};

site/client/app/components/navigation.js

@@ -4,9 +4,16 @@ module.exports = {
 
   template: require('../views/navigation.html'),
 
+  inherit: true,
+
   methods: {
     changeView: function(view) {
       router.changeRoute(view);
+    },
+
+    searchMatch: function() {
+    	this.modal = true;
+    	// trigger match functions
     }
   }