Änderung 14.06.

Output/views/error.jade

@@ -0,0 +1,6 @@
+extends layout
+
+block content
+  h1= message
+  h2= error.status
+  pre #{error.stack}

Output/views/index.jade

@@ -1,23 +1,45 @@
-extends layout 
+extends layout
 
 block content
-   .cups
-      .tisch
-        img(src='bierbankgarnitur_ausg.png')
-      .row.row1
-        img#cup1.cup.cup1(src='cup.png' alt='')
-        img#cup2.cup.cup2(src='cup.png' alt='')
-        img#cup3.cup.cup3(src='cup.png' alt='')
-        img#cup4.cup.cup4(src='cup.png' alt='')
-      .row.row2
-        img#cup5.cup.cup5(src='cup.png' alt='')
-        img#cup6.cup.cup6(src='cup.png' alt='')
-        img#cup7.cup.cup7(src='cup.png' alt='')
-      .row.row3
-        img#cup8.cup.cup8(src='cup.png' alt='')
-        img#cup9.cup.cup9(src='cup.png' alt='')
-      .row.row4
-        img#cup10.cup.cup10(src='cup.png' alt='')
-    #shooter.shooter
-      svg#ball.ball
-        ellipse(cx='25' cy='25' rx='24' ry='24')
+
+
+
+  .container
+
+      .cups
+        .tisch
+          img(src='bierbankgarnitur_ausg.png')
+        .row1
+          img#cup1.cup.cup1(src='cup.png' alt='')
+          img#cup2.cup.cup2(src='cup.png' alt='')
+          img#cup3.cup.cup3(src='cup.png' alt='')
+          img#cup4.cup.cup4(src='cup.png' alt='')
+        .row2
+          img#cup5.cup.cup5(src='cup.png' alt='')
+          img#cup6.cup.cup6(src='cup.png' alt='')
+          img#cup7.cup.cup7(src='cup.png' alt='')
+        .row3
+          img#cup8.cup.cup8(src='cup.png' alt='')
+          img#cup9.cup.cup9(src='cup.png' alt='')
+        .row4
+          img#cup10.cup.cup10(src='cup.png' alt='')
+      #shooter.shooter
+        svg#ball.ball
+          ellipse(cx='25' cy='25' rx='24' ry='24')
+          
+      .row
+          .col-sm-3.col-sm-offset-3.scoreBoard
+              h1
+                  span#p1Score
+          .col-sm-3.scoreBoard
+              h1.text-right
+                  span#p2Score
+      .row
+          .col-sm-6.col-sm-offset-3#gameBoard
+              h1.text-center.colorDark Enter your name
+              .panel.panel-danger
+                    .panel-body
+                      .input-group
+                          input#nickname.form-control.input-lg( autofocus )
+                          span.input-group-btn
+                              button#startBtn.btn.btn-lg.btn-danger PLAY!

Output/views/layout.jade

@@ -5,10 +5,12 @@ html(lang='en' onkeypress='shoot(event)')
     meta( http-equiv='X-UA-Compatible', content='IE=edge' )
     meta(name='viewport' content='width=device-width, initial-scale=1.0')
     title= title
+    link(rel='stylesheet', href='/css/bootstrap.min.css')
     link(rel='stylesheet' href='/css/style.css')
     link(rel='icon' href='cup.png')
 
 body
     block content
-    script(src='/js/index.js')
-    script(src='/js/script.js')
+    script(src='/js/Board.js')
+    script(src='/js/app.js')
+