Working on new entry.

www/css/ts-screen.css

@@ -151,3 +151,14 @@ form {
   display: none;
   width: 100%;
   float: left; }
+
+#new-entry form {
+  border: 0;
+  margin: 0;
+  padding: 0; }
+#new-entry input {
+  color: #626150; }
+#new-entry #add-notes {
+  display: none; }
+#new-entry #new-entry-input {
+  margin-right: 1em; }

www/css/ts-screen.scss

@@ -194,4 +194,16 @@ form {
     float: left;
 }
 
+#new-entry {
 
+    form {
+        border: 0;
+        margin: 0;
+        padding: 0;
+    }
+
+    input { color: $greyTxt; }
+
+    #add-notes { display: none; }
+    #new-entry-input { margin-right: 1em; }
+}

www/js/ts.js

@@ -27,6 +27,10 @@ function updateTimeline(event) {
     event.preventDefault();
 }
 
+function showNewNotes(event) {
+    $("#add-notes").slideToggle("slow");
+}
+
 function logout(event) {
     alert("TODO: log user out via AJAX.");
     event.preventDefault();

www/ts/index.yaws

@@ -87,7 +87,19 @@
         </div>
 
         <div id="new-entry" class="bar last-bar">
-            <span>Begin a new activity:</span>
+            <form action="/ts/new-entry.yaws" onclick="newEntry(event)">
+                <span for="new-entry">begin a new activity:
+                    <input name="new-entry" id="new-entry-input"
+                        class="text-input" type="text"/>
+                    <a id="show-notes" href="#"
+                        onclick="showNewNotes(event)"/>add notes</a>
+                </span>
+                <div id="add-notes">
+                    <label for="new-notes">notes:</label>
+                    <input name="new-notes" id="new-notes-input"
+                        class="text-input" type="textarea"/>
+                </div>
+            </form>
         </div>
     </body>