Starting to move away from the gitweb stylistic roots.

The existing style and layout make me yawn, so this is the beginning of an
attempt to improve matters. I'm hoping to improve the major actions and tidy
up the navigation.

diff --git a/root/index.tt2 b/root/index.tt2
index c985037..916dcbd 100644 (file)
--- a/root/index.tt2
+++ b/root/index.tt2
@@ -1,11 +1,12 @@
 [% BLOCK repos_table_headfoot %]
+[% SET cell = type == 'head' ? 'th' : 'td' %]
 <tr>
-    <th>Repository</th>
+    <[% cell %]>Repository</[% cell %]>
     <!-- XXX These do nothing presently -->
-    <th><a class="header" href="/?o=descr">Description</a></th>
-    <th><a class="header" href="/?o=owner">Owner</a></th>
-    <th><a class="header" href="/?o=age">Last Change</a></th>
-    <th></th>
+    <[% cell %]><a class="header" href="/?o=descr">Description</a></[% cell %]>
+    <[% cell %]><a class="header" href="/?o=owner">Owner</a></[% cell %]>
+    <[% cell %]><a class="header" href="/?o=age">Last Change</a></[% cell %]>
+    <[% cell %]></[% cell %]>
 </tr>
 [% END %]
 <div class='content'>
@@ -17,10 +18,10 @@
 
   <table class="repository_list">
     <thead>
-               [% INCLUDE repos_table_headfoot %]
+               [% INCLUDE repos_table_headfoot type = 'head' %]
     </thead>
     <tfoot>
-               [% INCLUDE repos_table_headfoot %]
+               [% INCLUDE repos_table_headfoot type = 'foot'%]
     </tfoot>
 
        [% subinclude('/fragment/collectionofrepositories') %]

diff --git a/root/static/css/blueprint/screen.css b/root/static/css/blueprint/screen.css
index 8d05e3c..ef9286f 100644 (file)
--- a/root/static/css/blueprint/screen.css
+++ b/root/static/css/blueprint/screen.css
@@ -36,7 +36,7 @@ p {margin:0 0 1.5em;}
 p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
 p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
 a:focus, a:hover {color:#000;}
-a {color:#009;text-decoration:underline;}
+a {text-decoration:underline;}
 blockquote {margin:1.5em;color:#666;font-style:italic;}
 strong {font-weight:bold;}
 em, dfn {font-style:italic;}

diff --git a/root/static/css/site.css b/root/static/css/site.css
index 2522583..7449ebd 100644 (file)
--- a/root/static/css/site.css
+++ b/root/static/css/site.css
@@ -3,27 +3,32 @@
 ^^ A rather nice chroma hash
 */
 body {
-  background-color: #999;
+  /* From http://jasonsantamaria.com/ via http://www.inspirationbit.com/striking-web-sites-with-font-stacks-that-inspire/ */
+  font-family: "Lucida Sans Unicode","Lucida Grande","Lucida Sans",Verdana,Arial,sans-serif;
 }
 #the-container {
-  background-color: white;
+}
+
+a {
+  color: mediumblue;
 }
 
 thead, tfoot {
-  /* FTR all table columns should be sortable hence the colour to indicate clickableness. */
-  color: navy;
+  /* FTR all table columns should be sortable hence the colour to indicate clickableness.
+  color: mediumblue; XXX uncomment this when sorting is implemented*/
+  color: slategray;
   font-size: small;
   font-weight: bold !important;
 }
 thead th {
-  border-bottom: solid 1px #777;
+  border-bottom: solid 1px lightsteelblue;
 }
 tfoot td {
-  border-top: solid 1px #777;
+  border-top: solid 1px lightsteelblue
 }
 
 .listing tbody tr:nth-child(even) {
-  background-color: #f7f7f7;
+  background-color: whitesmoke;
 }
 .listing tbody tr:hover {
   background-color: #fefeaa;
@@ -43,7 +48,8 @@ tfoot td {
 }
 .author, .head {
   font-weight: bold;
-  font-family: "Trebuchet MS", "Lucida Grande", serif;
+  /* From http://designr.it/ via http://www.inspirationbit.com/striking-web-sites-with-font-stacks-that-inspire/ */
+  font-family: Baskerville,Georgia,Cambria,Times,Times New Roman,serif;
 }
 
 .file-name, .file-mode {
@@ -65,7 +71,7 @@ tfoot td {
   height: 25px;
   font-size: 1.5em;
   font-weight: bold;
-  border-bottom: solid 1px #777;
+  border-bottom: solid 3px limegreen;
   text-align: justify;
   padding: 8px 0;
 }
@@ -82,14 +88,13 @@ img.logo {
   height: 20px;
   margin-top: 10px;
   font-style: italic;
-  background-color: #d9d8d1;
-  border-top: solid 1px #777;
+  border-top: solid 3px crimson;
 }
 
 /* actions include */
 .actions {
   font-style: italic;
-  border-bottom: solid 1px #777;
+  border-bottom: solid 1px limegreen;
   height: 25px;
 }
 
@@ -288,6 +293,7 @@ a.rss_logo {
   font-style: normal;
   text-align: center;
   text-decoration: none;
+  margin: 3px 0;
 }
 
 a.rss_logo:hover {

diff --git a/t/01app.t b/t/01app.t
index d7eb640..1707947 100644 (file)
--- a/t/01app.t
+++ b/t/01app.t
@@ -27,7 +27,7 @@ foreach my $test (map {curry_test_uri($_)} ('fragment/repo1', 'repo1') ) {
   $test->('36c6c6708b8360d7023e8a1649c45bcf9b3bd818/tree/dir1');
   $test->('36c6c6708b8360d7023e8a1649c45bcf9b3bd818/diff');
   $test->('36c6c6708b8360d7023e8a1649c45bcf9b3bd818/diff/plain');
-  #test->('36c6c6708b8360d7023e8a1649c45bcf9b3bd818/shortlog/dir1');
+  $test->('36c6c6708b8360d7023e8a1649c45bcf9b3bd818/history/dir1');
   $test->('36c6c6708b8360d7023e8a1649c45bcf9b3bd818/history/dir1');
   $test->('36c6c6708b8360d7023e8a1649c45bcf9b3bd818/blame/file1');
   $test->('36c6c6708b8360d7023e8a1649c45bcf9b3bd818/blob/file1');