- 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
	div#board
		div#board-doodles
	
		
		table#board-table.board-table
			tr
				td#icon-col(width='1%')
					image#add-col.col-icon(width='20', height='20', src='/images/icons/iconic/raster/black/plus_alt_32x32.png')
					image#delete-col.col-icon(width='20', height='20', src='/images/icons/iconic/raster/black/minus_alt_32x32.png')

div.buttons	
	image#create-card.bottom-icon(width="24", height="24", src="/images/icons/iconic/raster/black/plus_alt_24x24.png")
	image#smallify.bottom-icon(width="23",height="23",src="/images/icons/cc/black/png/zoom_icon&24.png")

div.stickers
	div.sticker#sticker-red
		image(src="/images/stickers/sticker-red.png")
	div.sticker#sticker-blue
		image(src="/images/stickers/sticker-blue.png")
	div.sticker#sticker-yellow
		image(src="/images/stickers/sticker-yellow.png")
	div.sticker#sticker-green
		image(src="/images/stickers/sticker-green.png")
	br
	div.sticker#sticker-pink
		image(src="/images/stickers/sticker-pink.png")
	div.sticker#sticker-lightblue
		image(src="/images/stickers/sticker-lightblue.png")
	div.sticker#sticker-orange
		image(src="/images/stickers/sticker-orange.png")
	div.sticker#sticker-purple
		image(src="/images/stickers/sticker-purple.png")
	br
	div.sticker#nosticker
		image(src="/images/stickers/sticker-deletestar.png")
	//br
	//div.sticker#sticker-gold
	//	image(src="/images/stickers/sticker-gold.png")
	//div.sticker#sticker-bluestar
	//	image(src="/images/stickers/sticker-bluestar.png")
	//div.sticker#sticker-silverstar
	//	image(src="/images/stickers/sticker-silverstar.png")
	//div.sticker#sticker-redstar
	//	image(src="/images/stickers/sticker-redstar.png")


div.names
	p connected:
	//image#user-icon(src="/images/icons/cc/black/png/user_icon&16.png")
	input#yourname-input
	span.you-text\(you)
	ul#names-ul


//<div style="width: 980px; height: 450px; border: solid 2px; opacity:.1; margin-top: 100px"> this will be the backlog that only appears on drag or perhaps not at all</div>

<script type="text/javascript">	  var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-2069672-4']);  _gaq.push(['_trackPageview']);   (function() {    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);  })(); </script>