Clean the header/text when the page is first loaded

src/styles/_shots.sass

@@ -153,3 +153,20 @@
 		&:hover
 			color: $color-text-dark-primary
 			border-color: $color-text-dark-primary
+
+#item-details
+	height: 100%
+	display: flex
+	flex-direction: column
+
+.item-details-empty
+	display: flex
+	align-items: center
+	justify-content: center
+	width: 100%
+	height: 100%
+	color: rgba($color-text-dark-hint, .5)
+	cursor: default
+	font:
+		size: 2em
+		weight: 100

src/templates/attract/shots/for_project.jade

@@ -64,9 +64,11 @@
 
 #col_right
 	.col_header
-		span.header_text Shot details
+		span.header_text
 		#status-bar
 	#item-details
+		.item-details-empty
+			| Select a Shot or Task
 
 | {% endblock %}
 | {% block footer_scripts %}

src/templates/attract/tasks/for_project.jade

@@ -26,12 +26,11 @@
 
 #col_right
 	.col_header
-		span.header_text Task Details
+		span.header_text
 		#status-bar
 	#item-details
-		#task-view
+		.item-details-empty
-			| {{ tasks | count }} tasks so far.
+			| Select a Task
-			a(href="javascript:task_create(undefined, '{{ project.url }}', 'None');") Create a new one!
 | {% endblock %}
 
 | {% block footer_scripts %}