From d889bb12af306599d4990ef61e1a41c2d26cc24c Mon Sep 17 00:00:00 2001
From: Ariejan de Vroom <ariejan@ariejan.net>
Date: Fri, 31 May 2013 21:41:51 +0200
Subject: [PATCH] Update layout

---
 content/css/_main.scss |  5 ++++-
 layouts/post.haml      | 43 +++++++++++++++++++++---------------------
 2 files changed, 26 insertions(+), 22 deletions(-)

diff --git a/content/css/_main.scss b/content/css/_main.scss
index 351e899..66e9b68 100644
--- a/content/css/_main.scss
+++ b/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;
 
diff --git a/layouts/post.haml b/layouts/post.haml
index 0ea1915..1bcb70e 100644
--- a/layouts/post.haml
+++ b/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)}";
@@ -35,4 +36,4 @@
       var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
       dsq.src = 'http://ariejannet.disqus.com/embed.js';
       (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
-  })();
\ No newline at end of file
+  })();