Attract dashboard placeholder

src/styles/_dashboard.sass

@@ -0,0 +1,15 @@
+
+#dashboard
+	width: 100%
+	padding: 0 20px
+
+.d-activity
+	ul
+		padding: 5px 10px
+		color: $color-text-dark-primary
+		list-style: none
+
+		+container-box
+
+		li
+			padding: 5px 0

src/styles/main.sass

@@ -5,3 +5,4 @@
 @import _base
 @import _tasks
 @import _shots
+@import _dashboard

src/templates/attract/index.jade

@@ -1,27 +1,45 @@
 | {% extends 'attract/layout.html' %}
 | {% block page_title %}Attract{% endblock %}
-| {% block body %}
-#page-container
-	#page-header
-		.page-title-icons
-			i.pi-blender-cloud
-			i.pi-heart-filled
-			i.pi-users
-		.page-title
-			| Attract
-		.page-title-summary
-			| Manage your film project. This is about people.
 
-	#page-content
-		.page-triplet-container.homepage
+| {% block body %}
+#dashboard
 	.row
-				.col-md-4
-					h2 The edit
-					p one column
-				.col-md-4
-					h2 Tasks
-					a(href="{{ url_for('attract.tasks.index') }}") Go to task manager
-				.col-md-4
-					h2 Other stuff
-					p three column
+		.col-md-6
+			h3 My Tasks
+				a.pull-right
+					small View All
+
+			#task-list.col-list
+				- for (var i = 0; i < 15; ++i) {
+					a.col-list-item.task-list-item(
+						id="task-(TASK_ID)",
+						class="status-review task-link",
+						href="#")
+						span.status-indicator
+						span.name Task Name
+						span.type type
+				- }
+
+		.col-md-6
+			h3 Latest Edit
+			img.img-responsive(src="http://placehold.it/500x250")
+
+			.d-activity
+				h3 Activity
+
+				ul
+					- for (var i = 1; i < 11; ++i) {
+						li= i
+							span  Activity Stuff
+					- }
+
+
+			h3 Stats
+			.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
 | {% endblock %}