Merge pull request ladisays#3 from arifshanji/master

templates initial commit

app/index.jade

@@ -4,4 +4,26 @@ html(lang="en" ng-app='Kanoevents')
         title Kano Events
         include shared/head
     body
-        span Kano Events
+        #header
+            h1 Live Match Capture
+        .pure-g.events
+            .pure-u-1-2.eventsHolder
+                input(type='player1', placeholder='Player 1 Name')  
+                button.button-point.pure-button.pure-button-primary(type='submit') Point won        
+                button.button-point.pure-button.pure-button-primary(type='submit') Smash point      
+                button.button-point.pure-button.pure-button-primary(type='submit') Lob point    
+                button.button-inplay.pure-button.pure-button-primary(type='submit') Let       
+                button.button-inplay.pure-button.pure-button-primary(type='submit') Rally hit   
+                button.button-inplay.pure-button.pure-button-primary(type='submit') Good serve    
+                button.button-lostpoint.pure-button.pure-button-primary(type='submit') Bad serve
+            .pure-u-1-2.eventsHolder
+                input(type='player2', placeholder='Player 2 Name')
+                button.button-point.pure-button.pure-button-primary(type='submit') Point won
+                button.button-point.pure-button.pure-button-primary(type='submit') Smash point
+                button.button-point.pure-button.pure-button-primary(type='submit') Lob point    
+                button.button-inplay.pure-button.pure-button-primary(type='submit') Let
+                button.button-inplay.pure-button.pure-button-primary(type='submit') Rally hit      
+                button.button-inplay.pure-button.pure-button-primary(type='submit') Good serve       
+                button.button-lostpoint.pure-button.pure-button-primary(type='submit') Bad serve
+        #footer
+            button.pure-button.pure-button-primary(type='submit') Start Match

app/shared/head.jade

@@ -6,6 +6,7 @@ base(href="/")
 
 // CDN provided
 link(href='//fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css')
+link(href='https://cdn.jsdelivr.net/g/[email protected](pure-min.css+grids-responsive-min.css)' rel='stylesheet')
 
 //build:css /dist/style.css
 link(rel="stylesheet" href="/css/styles.css" type="text/css")
@@ -18,6 +19,7 @@ script(type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angular
 script(type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-cookies.js")
 script(type="text/javascript" src="https://cdn.firebase.com/js/client/2.2.7/firebase.js")
 script(type="text/javascript" src="https://cdn.firebase.com/libs/angularfire/1.1.2/angularfire.min.js")
+
 // endcdn
 
 script(type="text/javascript" src="/js/index.js")

app/styles/styles.styl

@@ -0,0 +1,31 @@
+body
+  padding 10px
+
+button, input
+  margin 2px
+  text-align center
+
+.button-point
+  background-color green
+  width 80%
+
+.button-lostpoint
+  background-color red
+  width 80%
+
+.button-inplay
+  background-color silver
+  width 80%
+
+.eventsHolder
+  text-align center
+
+.events
+  width 100%
+
+#header
+  text-align center
+
+#footer
+  text-align center
+