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,8 +579,8 @@ 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) {
@@ -595,10 +602,11 @@ redisClient.del(REDIS_PREFIX + '-room:/demo-cards', function (err, res) {
 			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