From 1e7608eba3fd05861dc550754636d4d709675a8a Mon Sep 17 00:00:00 2001
From: perryharlock <perry.harlock@tiscali.co.uk>
Date: Mon, 16 Sep 2013 16:09:55 +0100
Subject: [PATCH] Add styling and markup for tasks on home page

---
 public/css/site.css     |  2 +-
 view/index.html         |  4 ----
 view/partial/tasks.html | 36 ++++++++++++++++++++++--------------
 view/task.html          |  2 --
 4 files changed, 23 insertions(+), 21 deletions(-)

diff --git a/public/css/site.css b/public/css/site.css
index a8c9233..86f73af 100644
--- a/public/css/site.css
+++ b/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;
diff --git a/view/index.html b/view/index.html
index bd39bb9..83e3791 100644
--- a/view/index.html
+++ b/view/index.html
@@ -3,8 +3,4 @@
 	Tasks
 {{/content}}
 
-<h1>Tasks</h1>
-
-<p>Here are some tasks:</p>
-
 {{> tasks}}
diff --git a/view/partial/tasks.html b/view/partial/tasks.html
index fc8c126..90178c3 100644
--- a/view/partial/tasks.html
+++ b/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}}
diff --git a/view/task.html b/view/task.html
index a05dd96..6216509 100644
--- a/view/task.html
+++ b/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}}