improved layout flexibility

source/_includes/footer.haml

@@ -1,5 +1,5 @@
 #footer
-  .page_width
+  .content
     Copyright © #{Time.now.strftime('%Y')} - #{page.blog_title} -
     %span.credit Powered by <a href="http://octopress.org">Octopress</a>
 

source/_includes/header.haml

@@ -1,6 +1,7 @@
-.page_width
-  %a.title(href="/")=page.blog_title
-  - if page.respond_to? :google_custom_search_id
+.content
+  %h1
+    %a.title(href="/")=page.blog_title
+  - if page.respond_to?(:google_custom_search_id) && page.google_custom_search_id
     #search
       %form(action="http://www.google.com/cse" id="cse-search-box")
         %input(type="hidden" name="cx" value="#{page.google_custom_search_id}")

source/_includes/navigation.haml

@@ -1,4 +1,4 @@
-.page_width
+.content
   %ul
     %li.alpha
       %a(href="/") Blog

source/_layouts/blog_post.haml

@@ -25,8 +25,8 @@ google_analytics_tracking_id:
     #header= include "header.haml"
     #nav= include "navigation.haml"
     #page
-      .page_width
+      #content
         #main
-          .blog= include "post.haml"
+          .blog.content= include "post.haml"
         #sidebar= include "sidebar.haml"
     = include "footer.haml"

source/_layouts/default.haml

@@ -25,7 +25,8 @@ google_analytics_tracking_id:
     #header= include "header.haml"
     #nav= include "navigation.haml"
     #page
-      .page_width
-        #main= preserve rp(content)
+      #content
+        #main
+          .content= preserve rp(content)
         #sidebar= include "sidebar.haml"
     = include "footer.haml"

source/_posts/2009-11-13-hello-world.markdown

@@ -1,5 +1,6 @@
 ---
 title: Hello World! I'm Octopress!
+updated: March 10th, 2010
 ---
 
 **Octopress is a blogging framework designed for hackers**, based on [Jekyll](http://github.com/mojombo/jekyll) the blog aware static site generator powering [Github pages](http://pages.github.com/).

source/javascripts/octopress.js

@@ -17,7 +17,7 @@ function addExpander(div){
 function toggleExpander(expander){
   var html = '';
   var expanderPos = expander.getPosition().y;
-  if($('main').toggleClass('expanded').hasClass('expanded'))
+  if($('page').toggleClass('expanded').hasClass('expanded'))
     html = '« contract';
   else
     html = 'expand »';