Use HTML5 elements where appropriate.

.gitignore

@@ -1 +1,2 @@
-old
+cache
+tmp

config.ru

@@ -12,9 +12,7 @@ Sinatra::Base.set(:env, :production);
 use Rack::Cache,
     :verbose => true,
     :metastore => "file:cache/meta",
-    :entitystore => "file:cache/body",
-    :allow_reload => false,
-    :allow_revalidate => false
+    :entitystore => "file:cache/body"
 
 require 'groupviewer.rb'
 run Sinatra::Application

groupviewer.rb

@@ -76,7 +76,7 @@ def nav_links
       else
         "<a class='prev_page' href='/group/#{@group_id}?pg=#{@page-1}'>Prev</a>"
       end
-    "<span class='nav'>#{prev_link} | #{@page} of #{@pages} | #{next_link}</span>"
+    "#{prev_link} | #{@page} of #{@pages} | #{next_link}"
   end
 end
 

public/site.css

@@ -10,7 +10,7 @@ body {
     padding:0;
 }
 
-#footer {
+footer {
    color: #777;
    margin-top:40px;
 }
@@ -40,6 +40,7 @@ a {
     text-decoration: none;
     font-weight: bold;
     color: #222;
+    border: 0;
 }
 
 a:hover {

views/group.haml

@@ -1,29 +1,30 @@
 !!! 5
 %html
   %head
-    %meta(http-equiv='Content-Type' content='text/html; charset=utf-8')
+    %meta(charset='utf-8')
     %meta(name='viewport' content='width=600')
     %title GROUP VIEWQVZ :: #{@name}
     %link(rel='stylesheet' href='/site.css' type='text/css' media='screen' title='default style sheet')
     %script(type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js')
     %script(type='text/javascript' src='/paging_keys.js')
   %body
     #content
-      #header
+      %header
         %h1 Viewing #{@name}
-        %p
-          %form(action='/group' method='post')
-            %label(for='url') View another group?
+        %form(action='/group' method='post')
+          %p
+            %label(for='searchbox') View another group?
             %input#searchbox(type='text' name='url' value='http://flickr.com/groups/onthestreet')
             %input#ok(type='submit' value='OK')
       #images
-        %p= nav_links
-        %p j/k keys will move between photos (and pages)
-        %table
-          - @sequence.each do |img|
-            .photo.hentry{:id => img.id}
-              %a{:href => img.flickr_url}>
-                %img{:src => img.img_url}>
-        %p= nav_links
-      #footer
+        %nav
+          %p= nav_links
+          %p j/k keys will move between photos (and pages)
+        - @sequence.each do |img|
+          .photo.hentry{:id => img.id}
+            %a{:href => img.flickr_url}>
+              %img{:src => img.img_url}>
+        %nav
+          %p= nav_links
+      %footer
         %p Site designed and built by <a href="http://funkaoshi.com">Ramanan Sivaranjan</a>.

views/index.haml

@@ -1,31 +1,32 @@
 !!! 5
 %html
   %head
-    %meta(http-equiv='Content-Type' content='text/html; charset=utf-8')
+    %meta(charset='utf-8')
     %title GROUP VIEWQVZ
     %link(rel='stylesheet' href='/site.css' type='text/css' media='screen' title='default style sheet')
   %body
     #content
-      #header
+      %header
         %h1 Flickr Group Viewer
       #index
         %p 
           Use Flickr Group Viewer to quickly browse through the photographs in a
           flickr group. Drop the group URL into the form below. You can browse 
           between photographs (and pages) using the j/k keys on your keyboard.
-        %p
-          %form(action='/group' method='post')
-            %label(for='url') Flickr Group URL:
+        %form(action='/group' method='post')
+          %p
+            %label(for='searchbox') Flickr Group URL:
             %input#searchbox(type='text' name='url' value='http://flickr.com/groups/onthestreet')
             %input#ok(type='submit' value='OK')      
-        %p
-        :markdown
+        -#
+          %p
+          :markdown
           Example galleries: [Photographs on the Brain][1], [HCSP][2], [La Pura Vida][3], [Your Photo Isn't that Great][4], Contract Killers[5].
 
           [1]: /group/photographsonthebrain
           [2]: /group/onthestreet
           [3]: /group/lapuravida
           [4]: /group/yousuck
           [5]: /group/the-hit
-      #footer
+      %footer
         %p Site designed and built by <a href="http://funkaoshi.com">Ramanan Sivaranjan</a>.

views/wtf.haml

@@ -1,19 +1,19 @@
 !!! 5
 %html
   %head
-    %meta(http-equiv='Content-Type' content='text/html; charset=utf-8')
+    %meta(charset='utf-8')
     %title GROUP VIEWQVZ :: WTF?!
     %link(rel='stylesheet' href='/site.css' type='text/css' media='screen' title='default style sheet')
   %body
     #content
-      #header
+      %header
         %h1 WTF?!
       #index
         %p Yeah, so something went wrong. Who knows what? Let's not play the blame game.
-        %p
-          %form(action='/group' method='post')
-            %label(for='url') View another group?
+        %form(action='/group' method='post')
+          %p
+            %label(for='searchbox') View another group?
             %input#searchbox(type='text' name='url' value='http://flickr.com/groups/onthestreet')
             %input#ok(type='submit' value='OK')
-      #footer
+      %footer
         %p Site designed and built by <a href="http://funkaoshi.com">Ramanan Sivaranjan</a>.