Improved demo pages and build setup

- Added a banner to the dist files
- Page "home" got renamed into "getting-started"
- The module is renamed into "hl.sticky"

Author: harm-less

.gitignore

@@ -20,4 +20,5 @@ npm-debug.log
 .coverage/
 
 # grunt temp files created by grunt-gh-pages and the demo assets
-.grunt/
+.grunt/
+dist

Gruntfile.js

@@ -3,6 +3,17 @@ module.exports = function(grunt) {
 	require('load-grunt-tasks')(grunt);
 
 	grunt.initConfig({
+		pkg: grunt.file.readJSON('package.json'),
+		meta: {
+			banner: [
+				'/*',
+				' * <%= pkg.name %>',
+				' * <%= pkg.homepage %>\n',
+				' * Version: <%= pkg.version %> - <%= grunt.template.today("yyyy-mm-dd") %>',
+				' * License: <%= pkg.license %>',
+				' */'
+			].join('\n')
+		},
 		karma: {
 			options: {
 				configFile: 'karma.conf.js',
@@ -39,6 +50,10 @@ module.exports = function(grunt) {
 		watch: {
 			options: {
 				livereload: true,
+				spawn: false,
+				files: [
+					'demo/*.css'
+				]
 			},
 			tests: {
 				files: ['tests/**/*.js', 'js/*.js'],
@@ -65,10 +80,17 @@ module.exports = function(grunt) {
 				cwd: 'js/',
 				src: '**',
 				dest: 'demo/scripts/src/'
+			},
+			dist: {
+				expand: true,
+				cwd: 'js/',
+				src: '**',
+				dest: 'dist/'
 			}
 		},
 		clean: {
-			build: [".grunt/assets"]
+			grunt: [".grunt/assets"],
+			dist: ["dist"]
 		},
 		less: {
 			bootstrap: {
@@ -82,6 +104,17 @@ module.exports = function(grunt) {
 				}
 			}
 		},
+		usebanner: {
+			dist: {
+				options: {
+					banner: '<%= meta.banner %>',
+					linebreak: true
+				},
+				files: {
+					src: ['dist/angular-sticky.js']
+				}
+			}
+		},
 		uglify: {
 			options: {
 				compress: {
@@ -98,6 +131,18 @@ module.exports = function(grunt) {
 					'bower_components/google-code-prettify/src/prettify.js'
 				],
 				dest: 'demo/vendor.min.js'
+			},
+			dist: {
+				options: {
+					banner: '<%= meta.banner %>'
+				},
+				files: [{
+					expand: true,
+					cwd: 'dist/',
+					src: '**/*.js',
+					dest: 'dist/',
+					ext: '.min.js'
+				}]
 			}
 		},
 		cssmin: {
@@ -157,8 +202,8 @@ module.exports = function(grunt) {
 	});
 
 	// builds the demo app
-	grunt.registerTask('build', [
-		'clean:build',
+	grunt.registerTask('buildDemo', [
+		'clean:grunt',
 		'copy:bootstrap',
 		'less:bootstrap',
 		'cssmin:bootstrap',
@@ -168,17 +213,24 @@ module.exports = function(grunt) {
 		'cssmin:demo'
 	]);
 
+	grunt.registerTask('build', [
+		'clean:dist',
+		'copy:dist',
+		'uglify:dist',
+		'usebanner:dist'
+	]);
+
 	// to debug tests during 'grunt serve', open: http://localhost:8880/debug.html
 	grunt.registerTask('serve', [
-		'build',
+		'buildDemo',
 		'karma:dev',
 		'connect',
 		'watch'
 	]);
 
 	// builds and pushes the demo to the gh-pages branch
 	grunt.registerTask('github-pages-update', [
-		'build',
+		'buildDemo',
 		'gh-pages:demo'
 	]);
 };

bower.json

@@ -7,7 +7,7 @@
     "sticky"
   ],
   "main": [
-    "js/angular-sticky.js"
+    "dist/angular-sticky.js"
   ],
   "ignore": [
     "/.*",

demo/images/bg-small.png

@@ -36,7 +36,7 @@
 		</div><!-- /.nav-collapse -->
 	</div><!-- /.container -->
 </nav>
-<div ui-view></div>
+<div ui-view class="main-content"></div>
 
 </body>
 </html>

demo/images/bg.png

@@ -1,3 +1,5 @@
 .navbar {
 	margin-bottom: 0;
+	.box-shadow(0px 0px 40px rgba(0, 0, 0, .5));
+	border: none;
 }

demo/index.html

@@ -3,4 +3,14 @@
 		top: .1em;
 		margin-right: 5px;
 	}
+}
+
+.jumbotron {
+	background-image: url(images/bg.png);
+	background-position: top left;
+	background-repeat: no-repeat;
+
+	@media (max-width: @screen-sm-max) {
+		background-position: left -40px;
+	}
 }

demo/less/core/pages/header.less

@@ -0,0 +1,3 @@
+.main-content {
+	background: url(images/bg-small.png) no-repeat top left;
+}

demo/less/core/pages/home.less

@@ -1,3 +1,4 @@
+@import "../../bower_components/bootstrap/less/variables";
 @import "../../bower_components/bootstrap/less/mixins";
 
 @import "variables";
@@ -10,4 +11,5 @@
 @import "demos/collections/scaffolding";
 
 @import "core/pages/header";
-@import "core/pages/home";
+@import "core/pages/home";
+@import "core/pages/main-content";