Add styling and markup for tasks on home page

public/css/site.css

@@ -117,7 +117,7 @@ ul {
 .task-card .no-results {
 	font-size:25px;
 	line-height:37px;
-	margin:25px 0;
+	margin:26px 0;
 }
 .add-task a {
 	color:#808080;

view/index.html

@@ -3,8 +3,4 @@
 	Tasks
 {{/content}}
 
-<h1>Tasks</h1>
-
-<p>Here are some tasks:</p>
-
 {{> tasks}}

view/partial/tasks.html

@@ -1,20 +1,28 @@
 
-<ul>
-	<li>
-		<a href="/new">Create a task</a>
+<ul class="list-unstyled clearfix">
+	<li class="col-md-4 col-sm-6 task-card add-task">
+		<a class="well" data-role="add-task" href="/new">
+			<p class="h3 crunch">add new url</p>
+			<p class="supersize-me crunch">+</p>
+		</a>
 	</li>
 	{{#tasks}}
-		<li>
-			<a href="/{{id}}">
-
-				{{url}} ({{standard}})
-
-				{{#last_result}}
-					<br/>
-					Last run: {{date-format date format="DD MMM YYYY"}}<br/>
-					Errors: {{count.error}}
-				{{/last_result}}
-
+		<li class="col-md-4 col-sm-6 task-card">
+			<a class="well" href="/{{id}}">
+				<p class="h3">{{url}}</p>
+				<p class="h5">({{standard}})</p>
+				{{#if last_result}}
+				<ul class="clearfix list-unstyled floated-list task-stats">
+					{{#last_result}}
+						<li class="danger">{{count.error}}</li>
+						<li class="warning">{{count.warning}}</li>
+						<li class="info">{{count.notice}}</li>
+					{{/last_result}}
+				</ul>
+				Last run {{date-format date format="DD MMM YYYY"}}
+				{{else}}
+					<p class="no-results">No results</p>
+				{{/if}}
 			</a>
 		</li>
 	{{/tasks}}

view/task.html

@@ -3,8 +3,6 @@
 	Task: {{task.url}} ({{task.standard}})
 {{/content}}
 
-<a href="/">&laquo; all tasks</a>
-
 <h1>Task: {{task.url}} ({{task.standard}})</h1>
 
 {{#added}}