add a notice that the demo is only a demo

this is for visitors who don't read the docs and just arrive at the demo site -- i want them to know that the demo is not the whole product, just an example

client/css/style.css

@@ -451,3 +451,16 @@ input:hover {
 	
 	
 }
+
+.notice-bar {
+	xbackground-color: #ccc;
+	opacity: .2;
+	padding: 0;
+	margin: 0;
+	xtext-align: center;
+	margin-left: 300px;
+}
+
+.notice-bar a {
+	color: #333;
+}

server.js

@@ -60,9 +60,16 @@ app.get('/', function(req, res) {
 	});
 });
 
-app.get('/:id', function(req, res){
+app.get('/demo', function(req, res) {
 	res.render('index.jade', {
-		locals: {pageTitle: 'scrumblr'}
+		locals: {pageTitle: 'scrumblr - demo', demo: true}
+	});
+});
+
+app.get('/:id', function(req, res){
+	
+	res.render('index.jade', {
+		locals: {pageTitle: ('scrumblr - ' + req.params.id) }
 	});
 });
 
@@ -572,33 +579,34 @@ function setUserName ( client, name )
 }
 
 
+function cleanAndInitializeDemoRoom()
+{
+	// DUMMY DATA
+	redisClient.del(REDIS_PREFIX + '-room:/demo-cards', function (err, res) {
+		redisClient.del(REDIS_PREFIX + '-room:/demo-columns', function (err, res) {
+			createColumn( '/demo', 'Not Started' );
+			createColumn( '/demo', 'Started' );
+			createColumn( '/demo', 'Testing' );
+			createColumn( '/demo', 'Review' );
+			createColumn( '/demo', 'Complete' );
 
 
-// DUMMY DATA
+			createCard('/demo', 'card1', 'Hello this is fun', roundRand(600), roundRand(300), Math.random() * 10 - 5, 'yellow');
-redisClient.del(REDIS_PREFIX + '-room:/demo-cards', function (err, res) {
+			createCard('/demo', 'card2', 'Hello this is a new story.', roundRand(600), roundRand(300), Math.random() * 10 - 5, 'white');
-	redisClient.del(REDIS_PREFIX + '-room:/demo-columns', function (err, res) {
+			createCard('/demo', 'card3', '.', roundRand(600), roundRand(300), Math.random() * 10 - 5, 'blue');
-		createColumn( '/demo', 'Not Started' );
+			createCard('/demo', 'card4', '.', roundRand(600), roundRand(300), Math.random() * 10 - 5, 'green');
-		createColumn( '/demo', 'Started' );
-		createColumn( '/demo', 'Testing' );
-		createColumn( '/demo', 'Review' );
-		createColumn( '/demo', 'Complete' );
 
-
+			createCard('/demo', 'card5', 'Hello this is fun', roundRand(600), roundRand(300), Math.random() * 10 - 5, 'yellow');
-		createCard('/demo', 'card1', 'Hello this is fun', roundRand(600), roundRand(300), Math.random() * 10 - 5, 'yellow');
+			createCard('/demo', 'card6', 'Hello this is a new card.', roundRand(600), roundRand(300), Math.random() * 10 - 5, 'yellow');
-		createCard('/demo', 'card2', 'Hello this is a new story.', roundRand(600), roundRand(300), Math.random() * 10 - 5, 'white');
+			createCard('/demo', 'card7', '.', roundRand(600), roundRand(300), Math.random() * 10 - 5, 'blue');
-		createCard('/demo', 'card3', '.', roundRand(600), roundRand(300), Math.random() * 10 - 5, 'blue');
+			createCard('/demo', 'card8', '.', roundRand(600), roundRand(300), Math.random() * 10 - 5, 'green');
-		createCard('/demo', 'card4', '.', roundRand(600), roundRand(300), Math.random() * 10 - 5, 'green');
+		});
-
-		createCard('/demo', 'card5', 'Hello this is fun', roundRand(600), roundRand(300), Math.random() * 10 - 5, 'yellow');
-		createCard('/demo', 'card6', 'Hello this is a new card.', roundRand(600), roundRand(300), Math.random() * 10 - 5, 'yellow');
-		createCard('/demo', 'card7', '.', roundRand(600), roundRand(300), Math.random() * 10 - 5, 'blue');
-		createCard('/demo', 'card8', '.', roundRand(600), roundRand(300), Math.random() * 10 - 5, 'green');
 	});
-});
+}
 // 
 
 
-
+cleanAndInitializeDemoRoom();
 
 
 

views/index.jade

@@ -1,3 +1,6 @@
+- if (locals.demo)
+	div.notice-bar this is a demo board. to make a private board, go to <a href="http://scrumblr.ca">scrumblr.ca</a>
+
 h1 <a href="http://scrumblr.ca">scrumblr</a> by <a href="http://aliasaria.ca">aliasaria</a>
 
 div.board-outline

views/layout.jade

@@ -20,6 +20,6 @@ html(lang="en")
 		<link href='http://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css'>
 		<link href='http://fonts.googleapis.com/css?family=Covered+By+Your+Grace' rel='stylesheet' type='text/css'>
 
-		title scrumblr
+		title= locals.pageTitle
 	
 	body!= body