Started implementing entry loading in client side.

- Bug fix in ts_entry:new/1. Msspelled ``atomic``.
- Bug fix in ts_json:record_to_ejson/1. For ``ts_entry`` records, the
  Username and TimelineId elements were not being converted from atoms to list.
- Added the entry template for loaded and created entry elements.
- Added ICanHaz.js (which wraps mustache.js) and underscore.js.
- Implemented a naive version of displayEntries() in ts.js.
- Added debug alerts for error cases in ts.js.
- Styling the new entry elements.

www/css/ts-screen.css

@@ -79,6 +79,17 @@ body {
   -webkit-border-bottom-left-radius: 0.5em;
   border-bottom-left-radius: 0.5em; }
 
+#more-entries a {
+  border: 1px solid #979681;
+  background: #f6f3ea;
+  display: block;
+  color: #626150;
+  text-decoration: none;
+  font-size: smaller;
+  float: left; }
+  #more-entries a:hover {
+    color: #b34c2b; }
+
 .bar form {
   border-top: solid 1px #979681;
   padding: 0.5em 0 0.5em 2em;
@@ -147,17 +158,44 @@ body {
   width: 100%;
   float: left; }
 
-#new-entry form {
-  border: 0;
-  margin: 0;
+#new-entry {
+  -moz-border-radius-bottomleft: 0.5em;
+  -webkit-border-bottom-left-radius: 0.5em;
+  border-bottom-left-radius: 0.5em;
+  border-bottom-width: 0.2em; }
+  #new-entry form {
+    border: 0;
+    margin: 0;
+    padding: 0; }
+  #new-entry input {
+    color: #626150; }
+  #new-entry #add-notes {
+    display: none;
+    padding: 0.5em 0 0.5em 2em; }
+  #new-entry #new-entry-input {
+    margin-right: 1em; }
+
+.entry-bar {
   padding: 0; }
-#new-entry input {
-  color: #626150; }
-#new-entry #add-notes {
-  display: none;
-  padding: 0.5em 0 0.5em 2em; }
-#new-entry #new-entry-input {
-  margin-right: 1em; }
+  .entry-bar .id {
+    color: #b34c2b;
+    font-weight: bold;
+    padding-left: 1.5em;
+    display: inline-block;
+    margin: 0;
+    background: #657a8b; }
+  .entry-bar .details {
+    color: #252d42;
+    display: inline-block;
+    background-color: #e6dec7;
+    border-color: #979681;
+    border-style: solid;
+    border-width: 0.2em;
+    border-top-width: 0;
+    position: relative;
+    margin: 0; }
+    .entry-bar .details #entry-notes {
+      display: none; }
 
 #login-dialog {
   font-size: small; }

www/css/ts-screen.scss

@@ -94,6 +94,20 @@ body {
     @include rounded2(bottom, left, 0.5em);
 }
 
+#more-entries a {
+    border: 1px solid $bbor;
+    background: lighten($bbg, 10%);
+    display: block;
+    color: $greyTxt;
+    text-decoration: none;
+    font-size: smaller;
+    float: left;
+
+    &:hover { 
+        color: $obor;
+    }
+}
+
 .bar form {
 
     border-top: solid 1px $bbor;
@@ -191,6 +205,9 @@ body {
 
 #new-entry {
 
+    @include rounded2(bottom, left, 0.5em);
+    border-bottom-width: $iBorWidth;
+
     form {
         border: 0;
         margin: 0;
@@ -207,6 +224,37 @@ body {
     #new-entry-input { margin-right: 1em; }
 }
 
+.entry-bar {
+    
+    padding: 0;
+
+    .id {
+        color: $obor;
+        font-weight: bold;
+        padding-left: 1.5em;
+        display: inline-block;
+        margin: 0;
+        background: $ibg;
+    }
+
+    .details {
+        color: $txt;
+        display: inline-block;
+        background-color: $bbg;
+        border-color: $bbor;
+        border-style: solid;
+        border-width: $iBorWidth;
+        border-top-width: 0;
+        position: relative;
+        margin: 0;
+
+        #entry-mark { }
+        #entry-notes {
+            display: none;
+        }
+    }
+}
+
 #login-dialog {
     font-size: small;