Bower removed completely; ui-bootstrap implemented; carousel on about page with new pictures

Author: joedotjs

generated/.bowerrc

@@ -1,9 +1,11 @@
 <section id="about">
     <p>
         This website--the very one at which you currently gaze--was created by a basic scaffolding
-        concocted at Fullstack Academy. If you want to know more about how this scaffolding works,
-        check out the <a ui-sref="tutorial">tutorial</a> section. Here are some of the people who make
-        it all very real:
+        concocted at Fullstack Academy. Here are some of the people who make it all very real:
     </p>
-    <img ng-repeat="image in images" ng-src="{{ image }}" />
+    <carousel interval="2000">
+        <slide ng-repeat="image in images">
+            <img height="300" ng-src="{{ image }}" />
+        </slide>
+    </carousel>
 </section>

generated/bower.json

@@ -13,13 +13,28 @@ app.config(function ($stateProvider) {
 app.controller('AboutController', function ($scope) {
 
     // Images of beautiful Fullstack people.
-    $scope.images = [
+    $scope.images = _.shuffle([
         'https://pbs.twimg.com/media/B7gBXulCAAAXQcE.jpg:large',
         'https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-xap1/t31.0-8/10862451_10205622990359241_8027168843312841137_o.jpg',
         'https://pbs.twimg.com/media/B-LKUshIgAEy9SK.jpg',
         'https://pbs.twimg.com/media/B79-X7oCMAAkw7y.jpg',
         'https://pbs.twimg.com/media/B-Uj9COIIAIFAh0.jpg:large',
-        'https://pbs.twimg.com/media/B6yIyFiCEAAql12.jpg:large'
-    ];
+        'https://pbs.twimg.com/media/B6yIyFiCEAAql12.jpg:large',
+        'https://pbs.twimg.com/media/CE-T75lWAAAmqqJ.jpg:large',
+        'https://pbs.twimg.com/media/CEvZAg-VAAAk932.jpg:large',
+        'https://pbs.twimg.com/media/CEgNMeOXIAIfDhK.jpg:large',
+        'https://pbs.twimg.com/media/CEQyIDNWgAAu60B.jpg:large',
+        'https://pbs.twimg.com/media/CCF3T5QW8AE2lGJ.jpg:large',
+        'https://pbs.twimg.com/media/CAeVw5SWoAAALsj.jpg:large',
+        'https://pbs.twimg.com/media/CAaJIP7UkAAlIGs.jpg:large',
+        'https://pbs.twimg.com/media/CAQOw9lWEAAY9Fl.jpg:large',
+        'https://pbs.twimg.com/media/B-OQbVrCMAANwIM.jpg:large',
+        'https://pbs.twimg.com/media/B9b_erwCYAAwRcJ.png:large',
+        'https://pbs.twimg.com/media/B5PTdvnCcAEAl4x.jpg:large',
+        'https://pbs.twimg.com/media/B4qwC0iCYAAlPGh.jpg:large',
+        'https://pbs.twimg.com/media/B2b33vRIUAA9o1D.jpg:large',
+        'https://pbs.twimg.com/media/BwpIwr1IUAAvO2_.jpg:large',
+        'https://pbs.twimg.com/media/BsSseANCYAEOhLw.jpg:large'
+    ]);
 
 });

generated/browser/js/about/about.html

@@ -1,5 +1,5 @@
 'use strict';
-var app = angular.module('FullstackGeneratedApp', ['ui.router', 'fsaPreBuilt']);
+var app = angular.module('FullstackGeneratedApp', ['ui.router', 'ui.bootstrap', 'fsaPreBuilt']);
 
 app.config(function ($urlRouterProvider, $locationProvider) {
     // This turns off hashbang urls (/#about) and changes it to something normal (/about)

generated/browser/js/about/about.js

@@ -1,21 +1,33 @@
 #about {
 
-  padding-bottom: 50px;
+  padding: 50px 100px;
 
   p {
     width: 400px;
     margin: 0 auto;
-    margin-top: 50px;
     text-align: justify;
-    font-size: 25px;
+    font-size: 22px;
     font-weight: 300;
+    float: left;
   }
 
-  img {
-    display: block;
+  .carousel {
+    float: right;
     width: 600px;
+    overflow: hidden;
     margin: 0 auto;
-    margin-top: 50px;
+    .carousel-control {
+      background: none;
+    }
+    .carousel-indicators {
+      display: none;
+    }
+    img {
+      width: 100%;
+      height: 500px;
+      display: block;
+      margin: 0 auto;
+    }
   }
 
 }

generated/browser/js/app.js

@@ -5,12 +5,16 @@
   "main": "server/start.js",
   "scripts": {
     "start": "nodemon --watch server -e js,html server/start.js",
-    "postinstall": "./node_modules/bower/bin/bower install && gulp build"
+    "postinstall": "gulp build"
   },
   "dependencies": {
+    "angular": "^1.4.0",
+    "angular-bootstrap": "^0.12.0",
+    "angular-mocks": "^1.4.0",
+    "angular-ui-router": "^0.2.15",
     "babel": "^5.0.12",
     "body-parser": "^1.12.0",
-    "bower": "^1.3.12",
+    "bootstrap": "^3.3.4",
     "chai": "^2.1.0",
     "chalk": "^1.0.0",
     "connect-mongo": "^0.7.0",
@@ -36,7 +40,7 @@
     "karma-chai": "^0.1.0",
     "karma-mocha": "^0.1.10",
     "karma-phantomjs-launcher": "^0.1.4",
-    "lodash": "^3.3.0",
+    "lodash": "^3.9.3",
     "mocha-mongoose": "^1.0.3",
     "mongodb": "^1.4.33",
     "mongoose": "3.8.23",
@@ -51,6 +55,7 @@
     "serve-favicon": "^2.2.0",
     "sinon": "^1.13.0",
     "socket.io": "^1.3.4",
+    "socket.io-client": "^1.3.5",
     "supertest": "^0.15.0"
   }
 }

generated/browser/scss/about/main.scss

@@ -6,12 +6,15 @@ var favicon = require('serve-favicon');
 module.exports = function (app) {
 
     var root = app.getValue('projectRoot');
-    var bowerPath = path.join(root, './bower_components');
+
+    var uiBootstrapPath = path.join(root, './node_modules/angular-bootstrap');
+    var npmPath = path.join(root, './node_modules');
     var publicPath = path.join(root, './public');
     var browserPath = path.join(root, './browser');
 
     app.use(favicon(app.getValue('faviconPath')));
-    app.use(express.static(bowerPath));
+    app.use(express.static(uiBootstrapPath));
+    app.use(express.static(npmPath));
     app.use(express.static(publicPath));
     app.use(express.static(browserPath));
 

generated/package.json

@@ -5,11 +5,10 @@
     <title>Fullstack Academy Generated Application</title>
     <link rel="stylesheet" type="text/css" href="/bootstrap/dist/css/bootstrap.css" />
     <link rel="stylesheet" type="text/css" href="/style.css" />
-    <script src="/lodash/lodash.js"></script>
-    <script src="/jquery/dist/jquery.js"></script>
-    <script src="/bootstrap/dist/js/bootstrap.js"></script>
+    <script src="/lodash/index.js"></script>
     <script src="/angular/angular.js"></script>
     <script src="/angular-ui-router/release/angular-ui-router.js"></script>
+    <script src="/angular-bootstrap/dist/ui-bootstrap.js"></script>
     <script src="/socket.io-client/socket.io.js"></script>
     <script src="/main.js"></script>
 </head>

generated/server/app/configure/static-middleware.js

@@ -3,15 +3,14 @@ var path = require('path');
 module.exports = function (config) {
 
     var filesCollection = [
-        'bower_components/lodash/lodash.js',
-        'bower_components/jquery/dist/jquery.js',
-        'bower_components/bootstrap/dist/js/bootstrap.js',
-        'bower_components/angular/angular.js',
-        'bower_components/angular-ui-router/release/angular-ui-router.js',
-        'bower_components/socket.io-client/socket.io.js',
+        'node_modules/lodash/index.js',
+        'node_modules/angular/angular.js',
+        'node_modules/angular-ui-router/release/angular-ui-router.js',
+        'node_modules/angular-bootstrap/dist/ui-bootstrap.js',
+        'node_modules/socket.io-client/socket.io.js',
         'public/main.js',
         'node_modules/sinon/pkg/sinon.js',
-        'bower_components/angular-mocks/angular-mocks.js',
+        'node_modules/angular-mocks/angular-mocks.js',
         'tests/browser/**/*.js'
     ];