updated rake file, reorganized stylesheets, added google site search, added google analytics

source/_layouts/default.haml

@@ -1,6 +1,6 @@
 ---
 blog_title: My Octopress Blog
-root_url: 
+google_site_search_id: 
 ---
 
 !!! 1.1 Transitional
@@ -13,24 +13,29 @@ root_url:
       %meta(name="keywords" content="#{page.keywords}")/
     %link(href="/stylesheets/screen.css" rel="stylesheet" media="screen projection" type="text/css")
     %link(href="/atom.xml" rel="alternate" title="#{page.blog_title}" type="application/atom+xml")
-    /%script(src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.3/mootools-yui-compressed.js" type="text/javascript")/
     %script(src="/javascripts/mootools-yui-compressed.js" type="text/javascript")
     %script(src="/javascripts/jsonp.js" type="text/javascript")
     %script(src="/javascripts/twitter_gitter.js" type="text/javascript")
     %script(src="/javascripts/twitter.js" type="text/javascript")
+    %script(src="http://www.google-analytics.com/ga.js" type="text/javascript")
   %body
     #header
       .page_width
         %a.title(href="/")=page.blog_title
+        #search
+          %form(action="http://www.google.com/cse" id="cse-search-box")
+            %input(type="hidden" name="cx" value="#{page.google_site_search_id}")
+            %input(type="hidden" name="ie" value="UTF-8")
+            %input#q(type="text" name="q")
     #nav
       .page_width
         %ul
           %li.alpha
-            %a(href="#{page.root_url}/") Blog
+            %a(href="/") Blog
           %li.omega
-            %a(href="#{page.root_url}/about") About
+            %a(href="/about") About
           %li.subscribe
-            %a(href="#{page.root_url}/atom.xml") Subscribe
+            %a(href="/atom.xml") Subscribe
     #page
       .page_width
         #main
@@ -49,4 +54,11 @@ root_url:
     #footer
       .page_width
         = "Copyright © #{Time.now.strftime('%Y')} - #{page.blog_title} | "
-        %span.credit Powered by <a href="http://github.com/imathis/octopress/">Octopress</a>
+        %span.credit Powered by <a href="http://github.com/imathis/octopress/">Octopress</a>
+  
+    //Google Analytics code
+    :javascript
+      try {
+      var pageTracker = _gat._getTracker("UA-10876422-1");
+      pageTracker._trackPageview();
+      } catch(err) {}

source/stylesheets/_base.sass

@@ -0,0 +1,3 @@
+//compass default reset
++global-reset
+@import compass/utilities.sass

source/stylesheets/_layout.sass

@@ -18,6 +18,8 @@ html body
   background-color= !header_bg
   border-bottom= "1px solid" !header_border
   padding: 30px 0
+  .page_width
+    position: relative
   a.title
     font-size= !h1
     +heading-font

source/stylesheets/_partials.sass

@@ -0,0 +1,2 @@
+@import partials/twitter.sass
+@import partials/search.sass

source/stylesheets/partials/_base.sass

@@ -1,16 +0,0 @@
-//compass default reset
-+global-reset
-//my reset
-button
-  margin: 0
-  padding: 0
-  background: none
-  border: none
-  cursor: pointer
-
-button::-moz-focus-inner
-  border: none
-  padding: 0
-
-@import compass/utilities.sass
-@import base/typography.sass

source/stylesheets/partials/_main.sass

@@ -1,4 +0,0 @@
-@import main/theme.sass
-@import main/layout.sass
-@import main/form.sass
-@import main/twitter.sass

source/stylesheets/partials/_search.sass

@@ -0,0 +1,18 @@
+#search
+  position: absolute
+  left= !page_width + !sidebar_margin - !sidebar_width
+  top= 10%
+  form
+    background: url(/images/search_bg.png) no-repeat
+    padding: 2px 0 0
+    height: 28px
+    width: 218px
+  #q
+    background: none
+    width: 160px
+    margin-left: 30px
+    font-size: 15px
+    border: none
+    color: #aaa
+    &:focus
+      outline: none

source/stylesheets/partials/main/_flash_messages.sass

@@ -1,36 +0,0 @@
-!flash_notice       ||= #00529B
-!flash_success      ||= #4F8A10
-!flash_warning      ||= #FBF4BD
-!flash_error        ||= #D8000C
-!flash_notice_bg    ||= #BDE5F8
-!flash_success_bg   ||= #DFF2BF
-!flash_warning_bg   ||= #FBF4BD
-!flash_error_bg     ||= #FFD9DA
-
-=flash-message-style
-  +flash-message-structure
-  &.notice
-    +flash-color(!flash_notice, !flash_notice_bg)
-  &.success
-    +flash-color(!flash_success, !flash_success_bg)
-  &.warning
-    +flash-color(!flash_warning, !flash_warning_bg)
-  &.error
-    +flash-color(!flash_error, !flash_error_bg)
-
-=flash-message-structure
-  background-repeat: no-repeat
-  background-position: 10px center
-  border: 1px dashed
-  padding: 10px 15px
-  margin: 0 0 15px
-
-=flash-color(!color, !bg = 0)
-  color= !color
-  @if !bg == 0
-    background-color= desaturate(lighten(adjust_hue(!color, -10), 83), 20)
-  @else
-    background-color= !bg
-
-#flash
-  +flash-message-style

source/stylesheets/partials/main/_form.sass

@@ -1,61 +0,0 @@
-#page
-  form
-    clear: both
-    padding-bottom= !pad
-    fieldset, fieldset input.textbox, fieldset textarea
-      +border-radius
-    fieldset
-      background-color= !fieldset_bg
-      width: 480px
-      border= "1px solid" !fieldset_border
-      padding: 35px 25px 20px
-      margin-bottom= !pad*2.2
-    label
-      font-size: 90%
-      display: block
-      padding-bottom: 4px
-    select
-      font-size: 110%
-    input.textbox, textarea
-      font-size: 115%
-      color= !textinput_color
-      background-color= !textinput_bg
-      
-      width: 70%
-      padding: 6px 8px
-      outline: 0
-      display: inline-block
-      
-      border: 1px solid
-      border-top-color= !textinput_border_top
-      border-bottom-color= !textinput_border_bottom
-      border-left-color= !textinput_border_left
-      border-right-color= !textinput_border_right
-      
-      &:focus
-        background= !textinput_bg_focus
-        border-color= !textinput_border_focus
-        
-    input.checkbox, label.checkbox
-      display: inline-block
-    p
-      +clearfix
-      padding= 0 8px !pad
-    input.wrong:focus
-      outline: 2px solid #d0a5a5
-      background: #fef2f2
-    button
-      +border-radius(5px)
-      +btn-style(!blue_btn)
-      +btn-structure(18px, 1px)
-      color= !default_button_text_color
-      border:
-        width: 1px
-        style: solid
-      &:hover, &:focus
-        +btn-style-hover(!blue_btn)
-        outline: none
-      &:active
-        +btn-style-active(!blue_btn)
-    a.cancel
-      color= !cancel_link

source/stylesheets/screen.sass

@@ -1,3 +1,11 @@
+/* SASS mixins */
 @import library.sass
-@import partials/base.sass
-@import partials/main.sass
+
+/* primary SASS */
+@import base.sass
+@import theme.sass
+@import typography.sass
+@import layout.sass
+
+/* specific SASS */
+@import partials.sass