Added shot summary per project on /attract

src/styles/_base.sass

@@ -197,3 +197,9 @@ select.input-transparent
 
 .btn:active
 	box-shadow: none
+
+.bg-status
+	@include status-color-property(background-color, '', 'dark')
+
+.fg-status
+	@include status-color-property(color, '', 'dark')

src/templates/attract/index.jade

@@ -24,13 +24,19 @@
 							span  Activity Stuff
 					- }
 
+			h3 Shot statistics
 
-			h3 Stats
+			| {% for proj, summary in projs_with_summaries %}
+			h4
+				a(href="{{ url_for('attract.shots.perproject.index', project_url=proj.url) }}") {{ proj.name }}
 			.progress
-				.progress-bar.progress-bar-success(role="progressbar", style="width:50%")
-					| Final
-				.progress-bar.progress-bar-info(role="progressbar", style="width:30%")
-					| Review
-				.progress-bar.progress-bar-danger(role="progressbar", style="width:20%")
-					| ToDo
+				| {% for status, percentage in summary.percentages() %}
+				.progress-bar.bg-status(
+					class="status-{{status}}",
+					title="{{ status | undertitle }}",
+					role="progressbar",
+					style="width:{{percentage}}%")
+					| {{ status | undertitle }}
+				| {% endfor %}
+			| {% endfor %}
 | {% endblock %}