Update layout

content/css/_main.scss

@@ -38,9 +38,12 @@ img.gravatar {
   border: 1px solid #e0e0e0;
 }
 
+.fixed {
+    // position: fixed;
+}
+
 #influad {
   width: 130px;
-  position: fixed;
 
   margin-top: 16px;
 

layouts/post.haml

@@ -7,27 +7,28 @@
       #disqus_thread
 
     %section#sidebar
-      %aside.widget.widget_metadata
-        %h3.widgettitle About this post
-        %p
-          This post was written by <em>Ariejan de Vroom</em> on
-          <em>#{get_pretty_date(item)}</em> and
-          tagged with <em>#{get_tags(item)}</em>.
+      .fixed
+        %aside.widget.widget_influads
+          #influad
+            - if ENV['NANOC_ENV'] == "development"
+              .influads_block
+                .influads_img
+                  %img(src="http://placehold.it/130x100&text=Influad%20(130x100)" width="130" height="100")
+                .influads_text
+                  = link_to "The exquisite, low-cost way to design, send, and track email.", "#"
+                .influads_powered_div
+                  = link_to "Powered by InfluAds", "#"
+            - else
+              :plain
+                <div id='influads_block' class='influads_block'></div>
+                <script type='text/javascript'>(function(){var acc='acc_933d676_pub';var st='nocss';var or='130';var e=document.getElementsByTagName('script')[0];var d=document.createElement('script');d.src=('https:' == document.location.protocol ?'https://' : 'http://') +'engine.influads.com/show/'+or+'/'+st+'/'+acc;d.type='text/javascript';d.async=true;d.defer=true; e.parentNode.insertBefore(d,e);})();</script>
 
-      %aside.widget.widget_influads
-        #influad
-          - if ENV['NANOC_ENV'] == "development"
-            .influads_block
-              .influads_img
-                %img(src="http://placehold.it/130x100&text=Influad%20(130x100)" width="130" height="100")
-              .influads_text
-                = link_to "The exquisite, low-cost way to design, send, and track email.", "#"
-              .influads_powered_div
-                = link_to "Powered by InfluAds", "#"
-          - else
-            :plain
-              <div id='influads_block' class='influads_block'></div>
-              <script type='text/javascript'>(function(){var acc='acc_933d676_pub';var st='nocss';var or='130';var e=document.getElementsByTagName('script')[0];var d=document.createElement('script');d.src=('https:' == document.location.protocol ?'https://' : 'http://') +'engine.influads.com/show/'+or+'/'+st+'/'+acc;d.type='text/javascript';d.async=true;d.defer=true; e.parentNode.insertBefore(d,e);})();</script>
+        %aside.widget.widget_metadata
+          %h3.widgettitle About this post
+          %p
+            This post was written by <em>Ariejan de Vroom</em> on
+            <em>#{get_pretty_date(item)}</em> and
+            tagged with <em>#{get_tags(item)}</em>.
 
 :javascript
   var disqus_url = "#{url_for(item)}";