Group attract projects as cards in index

src/styles/_dashboard.sass

@@ -89,13 +89,18 @@
 .dashboard
 	.d-stats
 		padding: 0 20px
+
+		.d-stats-card
+			+container-box
+			padding: 10px
+
+			.progress
+				margin-bottom: 0
+			h4
+				margin-top: 0
+				font-weight: normal
+
 	.d-activity
-		padding: 5px 15px
 		margin: 0 20px 15px
-		+container-box
-
-		h3
-			margin-top: 10px
-
 		a
 			color: $color-text-dark-primary

src/templates/attract/index.jade

@@ -14,21 +14,29 @@
 #col_right
 	.dashboard
 		.d-stats
-			h3 Shot Statistics
+			h3 Attract Projects
 
 			| {% for proj, summary in projs_with_summaries %}
-			h4
+			.d-stats-card
-				a(href="{{ url_for('attract.shots.perproject.index', project_url=proj.url) }}") {{ proj.name }}
+				h4
-			.progress
+					a(href="{{ url_for('attract.shots.perproject.index', project_url=proj.url) }}") {{ proj.name }}
-				| {% for status, percentage in summary.percentages() %}
+
-				.progress-bar.bg-status(
+					span.pull-right
-					class="status-{{status}}",
+						a(href="{{ url_for('attract.shots.perproject.index', project_url=proj.url) }}") Shots 
-					title="{{ status | undertitle }}",
+						| |
-					role="progressbar",
+						a(href="{{ url_for('attract.tasks.perproject.index', project_url=proj.url) }}")  Tasks
-					style="width:{{percentage}}%")
+				.progress
-					| {{ status | undertitle }}
+					| {% for status, percentage in summary.percentages() %}
+					.progress-bar.bg-status(
+						class="status-{{status}}",
+						title="{{ status | undertitle }} ({{percentage}}%)",
+						role="progressbar",
+						style="width:{{percentage}}%")
+						| {{ status | undertitle }}
+					| {% endfor %}
 				| {% endfor %}
-			| {% endfor %}
+
+		hr
 
 		.d-activity
 			h3 Activity Stream