more css; display a nicer list of projects on main page

1 files changed, 34 insertions, 15 deletions

diff --git a/views/index.tt b/views/index.tt
index 58b675a..afebb93 100644
--- a/views/index.tt
+++ b/views/index.tt
@@ -1,22 +1,41 @@
 <div id="page">
+  <div id="content">
+    <h2>Dashboard</h2>
 
-<div id="content">
-<h2>Dashboard</h2>
+    <div class="columns">
 
-<h3>Projects</h3>
+      <div class="first"> 
+        <h3>Repositories</h3>
 
-<ul>
-  : for $projects -> $project {
-  <li><a href="<: $uri_base :>project/<: $project :>"><: $project :></a></li>
-  : }
-</ul>
+        <ul class="repositories">
+          : for $projects -> $project {
+          <li class="repo">
+            <h3><a href="<: $uri_base :>project/<: $project.name :>"><: $project.name :></a></h3>
+            <div class="repo-body">
+              <p class="desc"><: $project.description :></p>
+              <p class="updated-at">last updated at <: $project.last_build.timestamp :></p>
+              <div class="last-builds">
+                :for $project.last_build.version.keys() -> $version {
+                  <a href="<: $uri_base :>/api/build/<: $project.name :>/<: $project.last_build.commit :>/<: $version :>"><: $version :></a> <span class="<: $project.last_build.version[$version] :>"><: $project.last_build.version[$version] :></span>
+                :}
+              </div>
+            </div>
+          </li>
+          : }
+        </ul>
+      </div>
 
-<h3>Builds pending</h3>
+      <div class="last">
+        <h3>Builds pending</h3>
 
-<ul>
-  : for $builds -> $build {
-  <li><a href="<: $uri_base :>task/<: $build :>"><: $build :></a></li>
-  : }
-</ul>
-</div>
+        <ul>
+          : for $builds -> $build {
+          <li><a href="<: $uri_base :>task/<: $build :>"><: $build :></a></li>
+          : }
+        </ul>
+      </div>
+
+    </div>
+    <div style="clear:both;"></div>
+  </div>
 </div>