From e3df2f0c15ae1a7cf76bc460bd8eb618fe28ad9e Mon Sep 17 00:00:00 2001
From: Sridhar Ratnakumar <srid@nearfar.org>
Date: Fri, 14 Dec 2007 11:56:11 +0530
Subject: [PATCH] last changes (commit before git play)

---
 app/hyena.js   |  2 ++
 app/index.html | 33 ++++++++++++++++++++++++++++++++-
 app/screen.css | 26 +++++++++++++++++++++++---
 3 files changed, 57 insertions(+), 4 deletions(-)

diff --git a/app/hyena.js b/app/hyena.js
index 6654ea3..7ad25a9 100644
--- a/app/hyena.js
+++ b/app/hyena.js
@@ -52,6 +52,8 @@ $(document).ready(function(){
 		$('#na-input').focus();
 	  }
 	});
+
+	$('#site').append(TrimPath.processDOMTemplate('t-books'));
   };
   
   $.getJSON('/', render);
diff --git a/app/index.html b/app/index.html
index 9823bb0..60655d3 100644
--- a/app/index.html
+++ b/app/index.html
@@ -17,8 +17,8 @@
 
 	<div id="trimpath-templates" style="display: none;">
 
+	  <!-- TEMPLATE: Next Actions -->
 	  <textarea id="t-home">
-
 		<div class="box">
 		  <span class="title">Next Actions</span>
 		  <div>
@@ -40,8 +40,39 @@
 		  <p>${fortune}
 		  </p>
 		</div>
+	  </textarea>
+
+	  <!-- TEMPLATE: Books -->
+	  <textarea id="t-books">
+		<div class="box">
+		  <span class="title">Books</span>
+		  <div class="item">
+			<span class="flag red">READING</span>
+			<span class="text">Phantoms in the Brain</span>
+		  </div>
+
+		  <div class="item">
+			<span class="flag blue">QUEUE</span>
+			<span class="text">A Brief History of Everything</span>
+		  </div>
 
+		  <div class="item">
+			<span class="flag gray">WISH</span>
+			<span class="text">GEB</span>
+		  </div>
+
+		  <div class="item">
+			<span class="flag gray">WISH</span>
+			<span class="text">Stumbling on Happiness</span>
+		  </div>
+
+		  <div class="item input">
+			<input type="text" name="books-input" id="books-input" />
+		  </div>
+
+		</div>
 	  </textarea>
+	  
 	</div>
 	
   </body>
diff --git a/app/screen.css b/app/screen.css
index b1b92ed..1dbad76 100644
--- a/app/screen.css
+++ b/app/screen.css
@@ -4,8 +4,9 @@ body, h1, h2, h3, h4, h5, h6, ol, ul, li, p{
 }
 
 div.box {
+  float: left;
   border: 2px solid;
-  margin: 5px 0 5px 0;
+  margin: 5px 5px 5px 5px;
   padding: 0 15px 0 15px;
   background: #efc;
   width: 300px;
@@ -20,11 +21,30 @@ div.box span.title {
   color: #7e9;
 }
 
-div.na { 
+div.item, div.na { 
   margin: 10px;
   padding: 2px;
 }
 
+.flag { 
+  float: right;
+}
+
+.flag.red {
+  background-color: red;
+  color: white;
+}
+
+.flag.blue { 
+  background-color: blue;
+  color: white;
+}
+
+.flag.gray { 
+  background-color: gray;
+  color: black;
+}
+
 div.na.errand { 
   background-color: lightgray;
 }
@@ -42,7 +62,7 @@ a.na.delete {
   background-color: red;
 }
 
-div.na.input input { 
+div.item.input input, div.na.input input { 
   padding: 5px;
   font-weight: bold;
   font-size: larger;
-- 
2.11.4.GIT