Add Bootstrap and UI Bootstrap Angular for the Front-End

Author: pacomf

bower.json

@@ -2,6 +2,8 @@
   "name": "generAPI",
   "dependencies": {
     "angular": "~1.2.15",
-    "jquery": "~2.1.0"
+    "jquery": "~2.1.0",
+    "bootstrap": "~3.1.1",
+    "angular-bootstrap": "~0.10.0"
   }
 }

client/scripts/app.js

@@ -1,6 +1,6 @@
 (function () {
   "use strict";
 
-  var app = angular.module("generAPI", []);
+  var app = angular.module("generAPI", ['ui.bootstrap']);
 
-}());
+}());

client/style/main.less

@@ -5,4 +5,10 @@ body {
 
 a {
   color: #00B7FF;
+}
+
+.title-index{
+	font: 96px 'Varela Round', sans-serif;
+	color: #FF6701;
+	text-align:center;
 }

server/views/index.jade

@@ -1,11 +1,15 @@
 extends layout
 
 block content
-  h1 generAPI
+  h1(class="title-index") generAPI
   div(ng-app="generAPI")
     div {{test}}
     input(ng-model="test")
 
   script(src="/assets/components/jquery/dist/jquery.js")
   script(src="/assets/components/angular/angular.js")
-  script(src="/assets/scripts/app.js")
+  script(src="/assets/components/angular-bootstrap/ui-bootstrap-tpls.js")
+
+  script(src="/assets/scripts/app.js")
+
+  link(rel='stylesheet', href='http://fonts.googleapis.com/css?family=Varela+Round')

server/views/layout.jade

@@ -3,5 +3,6 @@ html
   head
     title= title
     link(rel='stylesheet', href='/assets/style/main.css')
+    link(rel='stylesheet', href='/assets/components/bootstrap/dist/css/bootstrap.css')
   body
     block content