separate list-detail logic into separate library

Author: jlongster

Diff for: .gitignore

@@ -43,3 +43,4 @@ build/config/buildinfo.properties
 
 www-built
 www-ghdeploy
+.#*

Diff for: www/css/app.css

@@ -11,6 +11,10 @@ section.detail .contents, section.edit .contents {
     padding: 1em
 }
 
+section.detail .contents h1 {
+    margin: 0;
+}
+
 section.edit .field {
     margin-top: 1em;
 }

Diff for: www/css/layouts.css

@@ -4,6 +4,7 @@ html, body {
     padding: 0;
     height: 100%;
     overflow: hidden;
+    font-family: Georgia, serif;
 }
 
 #app .list ul {
@@ -25,14 +26,15 @@ html, body {
     top: 0;
     left: 0;
     display: none;
+    border-left: 1px solid black;
 }
 
 #app > section.moving {
-    transition: left ease-in 0.1s;
-	-o-transition: left ease-in 0.1s;
-	-ms-transition: left ease-in 0.1s;
-	-moz-transition: left ease-in 0.1s;
-	-webkit-transition: left ease-in 0.1s;
+    transition: left ease-in 0.15s;
+	-o-transition: left ease-in 0.15s;
+	-ms-transition: left ease-in 0.15s;
+	-moz-transition: left ease-in 0.15s;
+	-webkit-transition: left ease-in 0.15s;
 }
 
 #app {
@@ -100,5 +102,5 @@ header h1 {
     margin-top: 4pt;
     padding: 0;
     font-size: 2em;
-    line-height: 31pt;
+    line-height: 29pt;
 }

Diff for: www/index.html

@@ -22,17 +22,15 @@
 
       <section class="list open">
         <header>
-          <button>Refresh</button>
-
-          <h1>Items</h1>
-
+          <button class="refresh">Refresh</button>
+          <h1>My Items</h1>
           <button class="add">+</button>
         </header>
       </section>
 
       <section class="detail">
         <header>
-          <h1>hello</h1>
+          <h1></h1>
           <button class="edit">Edit</button>
         </header>
       </section>
@@ -46,16 +44,6 @@ <h1>Edit</h1>
       </section>
     </div>
 
-
-    <!-- Write your application here -->
-
-
-
-
-
-
-
-    
     <!-- Using require.js, a module system for javascript, include the
          js files. This loads "main.js", which in turn can load other
          files, all handled by require.js: