Group attract projects as cards in index

src/styles/_dashboard.sass

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

src/templates/attract/index.jade

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