Added list.haml view and code.haml layout. This complements the logic…

… for code.pm and db.pm in lib/log/ .

public/css/code.css

@@ -0,0 +1,91 @@
+/*   
+Theme Name: mnmlist
+Theme URI: http://mnmlist.com/theme/
+Description: A very clean minimalist theme, without comments, search, archives or other features.
+Author: Leo Babauta
+Author URI: http://mnmlist.com
+.
+This theme is uncopyrighted, free, and offered as is.
+.
+*/
+
+
+body {
+	background: #fff; 
+	font: 20px Hoefler Text, bodyfont, serif;
+	color: #333;
+        line-height: 30px;
+	}
+
+h1 {font-family: Helvetica, sans-serif; font-size: 1em; color:#333; font-weight:normal;  padding: 20px 0px 0px 0px;}
+h2 {font-family: Helvetica, sans-serif; font-size: 1.5em; color:#333; line-height:26px; font-weight:normal; padding: 5px 0px 10px 0px;}
+h3 {font-family: Helvetica, sans-serif; font-size: 18px; color:#666; line-height: 15px; text-indent: 0px; padding: 10px 0px 0px 0px;}
+h4 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; color:#000000;}
+h5 {font-size: 9pt; color:#000000;}
+
+img{border:none;}
+img a{border:none;}
+blockquote{border-left:1px solid #A5ABAB; margin:0px; padding:0 12px 0 12px;}
+
+p{line-height: 30px; margin:30px auto; text-indent: 0px;}
+
+a {text-decoration: none;}
+a:link {color: #333; text-decoration: none;}
+a:visited {color: #333; text-decoration: none;}
+a:hover {color: #999; text-decoration: none;}
+
+ul{padding: .5em 0em 1em 3.2em;}
+li{line-height: 30px; padding: 6px 0 0 0;}
+
+ol{padding: .5em 0em 0em 3.2em;}
+li{line-height: 30px; padding: 6px 0 0 0;}
+
+
+#content {min-width: 20em; max-width: 48em; overflow: hidden;
+	margin-top:60px; margin-left:64px; margin-right:14px; margin-bottom:0px;}	
+
+#pre-entry {margin-bottom:2em;margin-right:300px;border-bottom: 2px dashed #B1AD9B;}
+
+.entry a:link {color: #303030; text-decoration: none; border-width: 0 0 1px 0; border-style: none none solid none; border-color: #C0C0C0;}
+.entry a:visited {color: #303030; text-decoration: none; border-width: 0 0 1px 0; border-style: none none solid none; border-color: #C0C0C0;}
+.entry a:hover {color: #999; border-width: 0 0 1px 0; border-style: none none solid none; border-color: #C0C0C0; text-decoration: none;}
+.entry strong{font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #555555;}
+.entry h3{display: inline;}
+
+span.date{font-size: 16px; font-weight: bold; color: #888888; display:inline;}
+p.erb{    background-color: #E5E5E5;
+	    border-color: #777777;
+	    margin-bottom: 1em;
+	    margin-top:0;
+	    color: #090909;
+	    font-size: 16px;
+	    -moz-box-orient: vertical;
+	    border-radius: 4px 4px 4px 4px;
+	    border-style: solid;
+	    border-width: 1px;
+	    padding: 3px 5px;
+	    vertical-align: middle;
+            margin-right: 220px
+}
+.thumb {width:450px; margin-left:20px; font-size:18px;} 
+
+#footer {margin-left:115px; margin-top: 1em;}
+#footer {background:#fff; clear: both;}
+#footer p{padding:4px 0;margin: 0; color: #666; font-size:13px; font-family:helvetica, sans-serif; letter-spacing:4px}
+#footer a{color: #c0c0c0;text-decoration: none;}
+#footer a:hover{color: #999;text-decoration: none;}
+
+#menu {margin-left:0px}
+#menu {background:#fff; clear: both;	width: 100%;}
+#menu p{padding:14px 0;margin: 0; color: #666; font-size:13px; font-family:helvetica, sans-serif; letter-spacing:4px}
+#menu a{color: #c0c0c0;text-decoration: none;}
+#menu a:hover{color: #999;text-decoration: none;}
+
+#arc {float: right; width:530px; overflow: hidden; margin-top:0px; margin-left:14px; margin-right:14px; margin-bottom:24px;}	
+.arc p{color:#666; font-family: 'Verdana, sans-serif; font-size: 12px; font-weight: normal !important;}
+
+.year th{color:#666; font-family: Verdana, sans-serif; font-size: 22px; font-weight: bold;}
+.arctitle {color:#666; font-family: 'Verdana, sans-serif; font-size: 12px; font-weight: normal;}
+.arctitle th {color:#999; font-family: 'Verdana, sans-serif; font-size: 14px; font-weight: normal;}
+.arc2 {color:#999; font-family: 'Helvetica, sans-serif; font-size: 12px; font-weight: normal !important;}
+.arc2 th {color:#999; font-family: 'Helvetica, sans-serif; font-size: 12px; font-weight: normal !important;}

views/layouts/code.haml

@@ -0,0 +1,42 @@
+!!! 5
+%html{:lang => "en"}
+  %head
+    %meta{:"charset" => "UTF-8"}
+    %meta{:"http-equiv" => "Content-Type", "content" => "text/html; charset=UTF-8"}
+    %meta{:"name" => "description", "content" => "log.author.net is a minimalistic log by author."}
+    %meta{:"name" => "keywords", "content" => "Author keywords"}
+    %meta{:"name" => "author", "content" => "Author"}
+    %meta{:"name" => "robots", "content" => "index,follow"}
+    %meta{:"name" => "copyright", "content" => "Copyright 2010-2011 Author"}
+    %title log.author.net
+   %link{:rel => "stylesheet", 
+		   :href => "/css/code.css",
+		   :type => "text/css",
+		   :media => "screen, print"}
+   %link{:rel => "stylesheet", 
+		   :href => "/css/prettify.css",
+		   :type => "text/css",
+		   :media => "screen"}
+   %link{:rel => "alternate", 
+		   :type => "application/rss+xml",
+		   :title => "log.gnusosa.net RSS Feed",
+		   :href => "/feed"}
+   %script{:src => "/javascripts/prettify.js",
+		   :type => "text/javascript"}
+   %link{:rel => "index", 
+		   :title => "log.gnusosa.net",
+		   :href => "/"}
+    %meta{:"name" => "generator", "content" => "Perl/Dancer"}
+  %body{:"onload" => "prettyPrint()"} 
+   #container
+    #content
+     != $content
+    #footer
+     %p
+      %a{:href => "/info"} info
+      \::
+      %a{:href => "/archive"} archive
+      \::
+      %a{:href => "/feed"} feed
+      \::
+      %a{:href => "/code"} code

views/list.haml

@@ -0,0 +1,15 @@
+.post
+ %h2
+  %a{:href => "/"} log
+  \: 
+  %b= $title
+ #pre-entry!= $text
+ .entry
+  - foreach (@$list){
+  - my $url = $_->{url};
+  %h3
+   %a{:href => "/#{$root}/#{$url}"}= $_->{title}
+  %span{:class => "date"}= $_->{datetime} 
+  %p{:class => "erb"}= $_->{description} 
+  - };
+%small