From 3306459438d9140ee80dec5f980a42639c55a64b Mon Sep 17 00:00:00 2001
From: Catalin Rosu <redmaniack@gmail.com>
Date: Sat, 22 Feb 2014 17:11:57 +0200
Subject: [PATCH] - Twitter, Facebook and Google+ scrips commented. - Posts'
 prev and next articles updated.

---
 _layouts/post.html                            | 27 ++++++++++++++-----
 _posts/2011-03-17-css3-dropdown-menu.markdown |  2 +-
 css/style.css                                 |  2 +-
 js/common.js                                  | 10 +++----
 saas/_base.scss                               |  9 +++++--
 saas/_content.scss                            |  8 ++++++
 saas/_helpers.scss                            |  2 +-
 7 files changed, 43 insertions(+), 17 deletions(-)

diff --git a/_layouts/post.html b/_layouts/post.html
index a937dee..9c77729 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -3,33 +3,46 @@
 comments: true
 ---
 
+{% capture abs_url %}{{ site.abs_url }}{{ page.url }}{% endcapture %}
+
 <article class="single-post">
+
   {{ content }}
-  <div class="grid aside-module">
+
+  <p>
+    Share this on: 
+    <a href="//twitter.com/intent/tweet?text={{ page.title }}&url={{ abs_url }}&via=catalinred" target="_blank">Twitter</a> &bull; 
+    <a href="//plusone.google.com/_/+1/confirm?hl=en&url={{ abs_url }}" target="_blank">Google+</a> &bull; 
+    <a href="//facebook.com/sharer/sharer.php?u={{ abs_url }}" target="_blank">Facebook</a>
+  </p>
+
+  <hr class="bold">
+  <div class="grid">
     <div class="grid__col--45 grid__col--push10">
     {% if page.previous %}
-      <a href="{{ page.previous.url }}" rel="prev" title="{{ page.previous.title }}" class="grid__col--100 text-ellipsis">
-        &larr; {{ page.previous.title }}
+      <a href="{{ page.previous.url }}" rel="prev" title="{{ page.previous.title }}" class="btn btn--full text-ellipsis">
+        <i class="fa fa-arrow-left"></i> {{ page.previous.title }}
       </a>
     {%endif%}
     </div>
     <div class="grid__col--45">
     {% if page.next %}
-      <a href="{{ page.next.url }}" rel="prev" title="{{ page.next.title }}" class="grid__col--100 text-ellipsis">
-        &rarr; {{ page.next.title }}
+      <a href="{{ page.next.url }}" rel="prev" title="{{ page.next.title }}" class="btn btn--full text-ellipsis">
+        <i class="fa fa-arrow-right"></i> {{ page.next.title }} 
       </a>
     {%endif%}
     </div>
   </div>
+  <hr class="bold">
 
   {% if page.comments %}
     <div id="disqus_thread"></div>
     <script>
       var disqus_shortname = 'redteamdesign',
           disqus_title = "{{ page.title }}",
-          disqus_url = "{{ site.abs_url }}{{ page.url }}";
+          disqus_url = "{{ abs_url }}";
       (function() {
-          var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+          var dsq = document.createElement('script'); dsq.async = true;
           dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
           (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
       })();
diff --git a/_posts/2011-03-17-css3-dropdown-menu.markdown b/_posts/2011-03-17-css3-dropdown-menu.markdown
index 3d52503..1011bc6 100644
--- a/_posts/2011-03-17-css3-dropdown-menu.markdown
+++ b/_posts/2011-03-17-css3-dropdown-menu.markdown
@@ -16,7 +16,7 @@ tags:
 - usability
 ---
 
-While this is still an up-to-date version, I just wanted to let you know I made also an improved and [animated version](http://www.red-team-design.com/css3-animated-dropdown-menu) of this CSS3 menu.
+While this is still an up-to-date version, I just wanted to let you know I made an improved and [animated version](http://www.red-team-design.com/css3-animated-dropdown-menu) of this CSS3 menu. You may want to check that first.
 
 Today you'll learn how to create your own CSS3 dropdown menu, without any additional Javascript code. There are no images used and, as usual, minimal HTML markup. Let's see how is made:
 
diff --git a/css/style.css b/css/style.css
index 4547993..176b400 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1 +1 @@
-.grid--pad{padding:20px;padding:1.25rem}[class*="grid__col--"]{margin-top:20px;margin-top:1.25rem}[class*="grid__col--"]:first-child{margin-top:0}@media (min-width: 769px){.grid{font-size:0}.grid--vmiddle [class*="grid__col--"]{vertical-align:middle}[class*="grid__col--"]{display:inline-block;margin:0;padding-left:20px;padding-left:1.25rem;font-size:16px;font-size:1rem;vertical-align:top}[class*="grid__col--"]:first-child{padding-left:0}.grid__col--10{width:10%}.grid__col--push10{margin-right:10%}.grid__col--20{width:20%}.grid__col--push20{margin-right:20%}.grid__col--25{width:25%}.grid__col--push25{margin-right:25%}.grid__col--30{width:30%}.grid__col--push30{margin-right:30%}.grid__col--33{width:33%}.grid__col--push33{margin-right:33%}.grid__col--40{width:40%}.grid__col--push40{margin-right:40%}.grid__col--45{width:45%}.grid__col--push45{margin-right:45%}.grid__col--50{width:50%}.grid__col--push50{margin-right:50%}.grid__col--60{width:60%}.grid__col--push60{margin-right:60%}.grid__col--67{width:67%}.grid__col--push67{margin-right:67%}.grid__col--70{width:70%}.grid__col--push70{margin-right:70%}.grid__col--75{width:75%}.grid__col--push75{margin-right:75%}.grid__col--80{width:80%}.grid__col--push80{margin-right:80%}.grid__col--90{width:90%}.grid__col--push90{margin-right:90%}.grid__col--100{width:100%}.grid__col--push100{margin-right:100%}}.cf:after{content:"";display:table;clear:both}.aside-module--list,.top-header nav ul,.pagination{padding:0;margin:0;list-style:none}.visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-ellipsis{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.figure{padding:20px 20px 0 20px;padding:1.25rem 1.25rem 0 1.25rem;background:#f5f5f5;margin:1.25 auto}.figure figcaption{padding:10px 0;padding:0.625rem 0;font-style:italic;text-align:center}*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}::-moz-selection{color:#fff;background-color:#eb5055}::selection{color:#fff;background-color:#eb5055}img{max-width:100%;height:auto;width:auto\9}hr{margin:20px 0;margin:1.25rem 0;border:0;border-top:1px solid #eee}body{margin:0;color:#333;font-size:16px;line-height:24px;font-family:"Open Sans",Helvetica,Arial,sans-serif}.container{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:20px;padding-left:1.25rem;padding-right:20px;padding-right:1.25rem}a{color:#eb5055;text-decoration:none}a:hover{text-decoration:underline}h1 a,h2 a,h3 a,h4 a,h5 a{color:#333}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover{color:#eb5055;text-decoration:none}blockquote{font-family:Georgia, serif;font-style:italic;position:relative;padding:0 20px 0 40px;padding:0 1.25rem 0 2.5rem}blockquote:before{color:#ddd;content:"\201C";font:italic 100px Tahoma,Arial;left:-20px;left:-1.25rem;top:-20px;top:-1.25rem;position:absolute;z-index:-1}code{background:#ddd;padding:1px 3px;font-family:"Consolas", "Courier New", "Courier", "FreeMono", monospace}.btn{display:inline-block;vertical-align:middle;padding:4px 8px;text-align:center;color:#333;border:2px solid #eb5055;border-radius:3px;-webkit-transition:.2s ease-out color, .2s ease-out background-color;transition:.2s ease-out color, .2s ease-out background-color}.btn:hover{color:#fff;background-color:#eb5055;text-decoration:none}.btn--full{width:100%}.btn--large{padding:10px 20px}.btn--secondary{border-color:#353a4a}.btn--secondary:hover{background:#353a4a}.btn--disabled{pointer-events:none;border-color:#eef0f3;color:#a3aebe}.btn--disabled:hover{color:#a3aebe;background:none}pre{padding:20px;padding:1.25rem;overflow:auto}pre,pre code{font-size:14px;font-size:0.9rem;background:#111;color:#93A1A1}.highlight code{white-space:inherit;padding:0}.highlight .hll{background-color:#49483e}.highlight{color:#f8f8f2}.highlight .c{color:#75715e}.highlight .err{color:#960050;background-color:#1e0010}.highlight .k{color:#66d9ef}.highlight .l{color:#ae81ff}.highlight .n{color:#f8f8f2}.highlight .o{color:#f92672}.highlight .p{color:#f8f8f2}.highlight .cm{color:#75715e}.highlight .cp{color:#75715e}.highlight .c1{color:#75715e}.highlight .cs{color:#75715e}.highlight .ge{font-style:italic}.highlight .gs{font-weight:bold}.highlight .kc{color:#66d9ef}.highlight .kd{color:#66d9ef}.highlight .kn{color:#f92672}.highlight .kp{color:#66d9ef}.highlight .kr{color:#66d9ef}.highlight .kt{color:#66d9ef}.highlight .ld{color:#e6db74}.highlight .m{color:#ae81ff}.highlight .s{color:#e6db74}.highlight .na{color:#a6e22e}.highlight .nb{color:#f8f8f2}.highlight .nc{color:#a6e22e}.highlight .no{color:#66d9ef}.highlight .nd{color:#a6e22e}.highlight .ni{color:#f8f8f2}.highlight .ne{color:#a6e22e}.highlight .nf{color:#a6e22e}.highlight .nl{color:#f8f8f2}.highlight .nn{color:#f8f8f2}.highlight .nx{color:#a6e22e}.highlight .py{color:#f8f8f2}.highlight .nt{color:#f92672}.highlight .nv{color:#f8f8f2}.highlight .ow{color:#f92672}.highlight .w{color:#f8f8f2}.highlight .mf{color:#ae81ff}.highlight .mh{color:#ae81ff}.highlight .mi{color:#ae81ff}.highlight .mo{color:#ae81ff}.highlight .sb{color:#e6db74}.highlight .sc{color:#e6db74}.highlight .sd{color:#e6db74}.highlight .s2{color:#e6db74}.highlight .se{color:#ae81ff}.highlight .sh{color:#e6db74}.highlight .si{color:#e6db74}.highlight .sx{color:#e6db74}.highlight .sr{color:#e6db74}.highlight .s1{color:#e6db74}.highlight .ss{color:#e6db74}.highlight .bp{color:#f8f8f2}.highlight .vc{color:#f8f8f2}.highlight .vg{color:#f8f8f2}.highlight .vi{color:#f8f8f2}.highlight .il{color:#ae81ff}h1,h2,h3,h4,h5{font-family:"Open Sans",Helvetica,Arial,sans-serif;font-weight:400;margin:0 0 24px 0;margin:0 0 1.5rem 0}h1,.h1{font-size:36px;font-size:2.25rem;line-height:1.33333}h2,.h2{font-size:24px;font-size:1.5rem;line-height:1}h3,.h3{font-size:21px;font-size:1.3125rem;line-height:1.15}h4,.h4{font-size:18px;font-size:1.125rem;line-height:1.33333}p,ul,ol,blockquote,pre{margin:0 0 24px 0;margin:0 0 1.5rem 0}.aside-module{margin:0 0 20px;margin:0 0 1.25rem;padding:20px;padding:1.25rem;position:relative}.aside-module:last-child{margin-bottom:0}.aside-module:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;background:#eef0f3;-webkit-transform:skewx(-3deg);-ms-transform:skewx(-3deg);transform:skewx(-3deg)}.aside-module:after{content:'';position:absolute;z-index:-1;border:1px dashed rgba(0,0,0,0.1);top:10px;bottom:10px;left:10px;right:10px}.email-form{position:relative}.email-form__text{padding:5px;height:40px;border:0;width:100%}.email-form__text:focus+.email-form__submit,.email-submit:active{background:#e96a19}.email-form__submit{position:absolute;right:4px;top:4px;width:50px;height:32px;padding:0;margin:0;color:#fff;cursor:pointer;text-transform:uppercase;background:#ddd;border:0}.rss-label{background:#e96a19;display:inline-block;padding:2px 6px;color:#fff}.rss-label:hover{color:#fff}#bsap_1257097 .bsa_it_ad{background:none;border:0;font-family:inherit;padding:0}.aside-module--list li{margin:2px 0}.aside-module--list li a{display:inline-block;width:100%;padding:3px;color:#333;background:rgba(0,0,0,0.015);-webkit-transition:all .1s ease-out;transition:all .1s ease-out}.aside-module--list li a:hover{text-decoration:none;background:rgba(0,0,0,0.05);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.top-header{background-color:#fff;position:relative;padding:40px 0;padding:2.5rem 0}.top-header:before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:-webkit-linear-gradient(180deg, #eef0f3 10%, #b8c3e9 40%, #eb5055 70%, #eb5055 90%);background:linear-gradient(-90deg, #eef0f3 10%, #b8c3e9 40%, #eb5055 70%, #eb5055 90%)}.master-header{background:#353a4a url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iODAwcHgiIGhlaWdodD0iNDAwcHgiIHZpZXdCb3g9IjAgMCA4MDAgNDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4MDAgNDAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxyZWN0IGRpc3BsYXk9Im5vbmUiIGZpbGw9IiMzNTNBNEEiIHdpZHRoPSI4MDAiIGhlaWdodD0iNDAwIi8+DQo8cG9seWdvbiBmaWxsPSIjQjhDM0U5IiBwb2ludHM9IjcxNi40MDMsMCA3ODUuMTA2LDAgODAwLDAgODAwLDQwMCAwLDQwMCAiLz4NCjxwb2x5Z29uIG9wYWNpdHk9IjAuMDUiIGZpbGw9IiMwMjAyMDIiIHBvaW50cz0iNjA0LjA4MSw0MDAgNjE4LjEyNSw0MDAgODAwLDIuMTkgIi8+DQo8cG9seWdvbiBmaWxsPSIjRUVGMEYzIiBwb2ludHM9IjgwMCwyLjE5IDgwMCw0MDAgNjE4LjEyNSw0MDAgIi8+DQo8cG9seWdvbiBmaWxsPSIjRUI1MDU1IiBwb2ludHM9IjY0Ni45MzgsOTIuMjI5IDgwMCw0MDAgMCw0MDAgIi8+DQo8cG9seWdvbiBvcGFjaXR5PSIwLjEiIGZpbGw9IiMwMjAyMDIiIHBvaW50cz0iNjQ3LjMxOSw5MS44NDggODAwLDQwMCA4MDAuMzc0LDM1MS43NzEgIi8+DQo8L3N2Zz4NCg==") no-repeat right center fixed;-webkit-background-size:cover;background-size:cover;color:#eef0f3;padding:80px 0;padding:5rem 0}.master-head--title{margin:0;font-weight:300;display:inline-block;background-color:rgba(0,0,0,0.05);padding:6px 13px;padding:0.4rem 0.8rem}@media (min-width: 769px){.master-head--title::before{content:'//';margin-right:10px;opacity:.1}}.master-content{padding:40px 0;padding:2.5rem 0}.post{position:relative;margin-bottom:60px;margin-bottom:3.75rem;padding-bottom:40px;padding-bottom:2.5rem}.post:not(:last-of-type):after{content:'...';position:absolute;bottom:0;left:0;right:0;text-align:center;color:#b8c3e9;letter-spacing:8px;letter-spacing:0.5rem;font-size:48px;font-size:3rem;pointer-events:none}@media (min-width: 481px){.post img,.single-post img{width:100%;border:8px solid #fff;outline:1px solid #eef0f3}}.post__time{color:#ccc}.pagination{margin-bottom:60px;margin-bottom:3.75rem}.pagination>li{display:inline-block}.pagination__status{margin:0 10px;margin:0 0.625rem}@media (min-width: 769px){.pagination__status{margin:0 40px;margin:0 2.5rem}}.archive-list{padding:0}.archive-list .archive-list--heading{list-style:none}.archive-list .archive-list--heading:not(:first-child)>h2{margin-top:24px;margin-top:1.5rem}.archive-list .archive-list--item{margin-left:16px;margin-left:1rem}@media (min-width: 1200px){.master-content{margin-bottom:225px;background-color:#fff;position:relative;z-index:1}.master-content::after{content:'';position:absolute;left:0;right:0;bottom:-3px;height:3px;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI4cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgOCAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNCwzIDAsMCA4LDAgIi8+PC9zdmc+) repeat-x center}}.master-footer{color:#eef0f3;background:#353a4a url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI4cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgOCAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNCwzIDAsMCA4LDAgIi8+PC9zdmc+) repeat-x top center;padding:48px 0 40px 0;padding:3rem 0 2.5rem 0}.master-footer hr{border-color:rgba(255,255,255,0.1);border-style:dashed;margin:40px 0;margin:2.5rem 0}.master-footer a{color:#eef0f3;opacity:.8}.master-footer a:hover{opacity:1}.master-footer [class*="fa-"]{margin:0 16px;margin:0 1rem}@media (min-width: 1200px){.master-footer{position:fixed;bottom:0;left:0;right:0;z-index:-1}}
+.grid--pad{padding:20px;padding:1.25rem}[class*="grid__col--"]{margin-top:20px;margin-top:1.25rem}[class*="grid__col--"]:first-child{margin-top:0}@media (min-width: 769px){.grid{font-size:0}.grid--vmiddle [class*="grid__col--"]{vertical-align:middle}[class*="grid__col--"]{display:inline-block;margin:0;padding-left:20px;padding-left:1.25rem;font-size:16px;font-size:1rem;vertical-align:top}[class*="grid__col--"]:first-child{padding-left:0}.grid__col--10{width:10%}.grid__col--push10{margin-right:10%}.grid__col--20{width:20%}.grid__col--push20{margin-right:20%}.grid__col--25{width:25%}.grid__col--push25{margin-right:25%}.grid__col--30{width:30%}.grid__col--push30{margin-right:30%}.grid__col--33{width:33%}.grid__col--push33{margin-right:33%}.grid__col--40{width:40%}.grid__col--push40{margin-right:40%}.grid__col--45{width:45%}.grid__col--push45{margin-right:45%}.grid__col--50{width:50%}.grid__col--push50{margin-right:50%}.grid__col--60{width:60%}.grid__col--push60{margin-right:60%}.grid__col--67{width:67%}.grid__col--push67{margin-right:67%}.grid__col--70{width:70%}.grid__col--push70{margin-right:70%}.grid__col--75{width:75%}.grid__col--push75{margin-right:75%}.grid__col--80{width:80%}.grid__col--push80{margin-right:80%}.grid__col--90{width:90%}.grid__col--push90{margin-right:90%}.grid__col--100{width:100%}.grid__col--push100{margin-right:100%}}.cf:after{content:"";display:table;clear:both}.aside-module--list,.top-header nav ul,.pagination{padding:0;margin:0;list-style:none}.visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-ellipsis{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.figure{padding:20px 20px 0 20px;padding:1.25rem 1.25rem 0 1.25rem;background:#f5f5f5;margin:1.25 auto}.figure figcaption{padding:10px 0;padding:0.625rem 0;font-style:italic;text-align:center}*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}::-moz-selection{color:#fff;background-color:#eb5055}::selection{color:#fff;background-color:#eb5055}img{max-width:100%;height:auto;width:auto\9}hr{margin:20px 0;margin:1.25rem 0;border:0;border-top:1px solid #eef0f3}hr.bold{border-top-width:8px;border-style:dashed}body{margin:0;color:#333;font-size:16px;line-height:24px;font-family:"Open Sans",Helvetica,Arial,sans-serif}.container{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:20px;padding-left:1.25rem;padding-right:20px;padding-right:1.25rem}a{color:#eb5055;text-decoration:none}a:hover{text-decoration:underline}h1 a,h2 a,h3 a,h4 a,h5 a{color:#333}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover{color:#eb5055;text-decoration:none}blockquote{font-family:Georgia, serif;font-style:italic;position:relative;padding:0 20px 0 40px;padding:0 1.25rem 0 2.5rem}blockquote:before{color:#ddd;content:"\201C";font:italic 100px Tahoma,Arial;left:-20px;left:-1.25rem;top:-20px;top:-1.25rem;position:absolute;z-index:-1}code{background:#ddd;padding:1px 3px;font-family:"Consolas", "Courier New", "Courier", "FreeMono", monospace}.btn{display:inline-block;vertical-align:middle;padding:4px 8px;text-align:center;color:#333;border:2px solid #eb5055;border-radius:3px;-webkit-transition:.2s ease-out color, .2s ease-out background-color;transition:.2s ease-out color, .2s ease-out background-color}.btn:hover{color:#fff;background-color:#eb5055;text-decoration:none}.btn--full{width:100%}.btn--large{padding:10px 20px}.btn--secondary{border-color:#353a4a}.btn--secondary:hover{background:#353a4a}.btn--disabled{pointer-events:none;border-color:#eef0f3;color:#a3aebe}.btn--disabled:hover{color:#a3aebe;background:none}pre{padding:20px;padding:1.25rem;overflow:auto}pre,pre code{font-size:14px;font-size:0.9rem;background:#111;color:#93A1A1}.highlight code{white-space:inherit;padding:0}.highlight .hll{background-color:#49483e}.highlight{color:#f8f8f2}.highlight .c{color:#75715e}.highlight .err{color:#960050;background-color:#1e0010}.highlight .k{color:#66d9ef}.highlight .l{color:#ae81ff}.highlight .n{color:#f8f8f2}.highlight .o{color:#f92672}.highlight .p{color:#f8f8f2}.highlight .cm{color:#75715e}.highlight .cp{color:#75715e}.highlight .c1{color:#75715e}.highlight .cs{color:#75715e}.highlight .ge{font-style:italic}.highlight .gs{font-weight:bold}.highlight .kc{color:#66d9ef}.highlight .kd{color:#66d9ef}.highlight .kn{color:#f92672}.highlight .kp{color:#66d9ef}.highlight .kr{color:#66d9ef}.highlight .kt{color:#66d9ef}.highlight .ld{color:#e6db74}.highlight .m{color:#ae81ff}.highlight .s{color:#e6db74}.highlight .na{color:#a6e22e}.highlight .nb{color:#f8f8f2}.highlight .nc{color:#a6e22e}.highlight .no{color:#66d9ef}.highlight .nd{color:#a6e22e}.highlight .ni{color:#f8f8f2}.highlight .ne{color:#a6e22e}.highlight .nf{color:#a6e22e}.highlight .nl{color:#f8f8f2}.highlight .nn{color:#f8f8f2}.highlight .nx{color:#a6e22e}.highlight .py{color:#f8f8f2}.highlight .nt{color:#f92672}.highlight .nv{color:#f8f8f2}.highlight .ow{color:#f92672}.highlight .w{color:#f8f8f2}.highlight .mf{color:#ae81ff}.highlight .mh{color:#ae81ff}.highlight .mi{color:#ae81ff}.highlight .mo{color:#ae81ff}.highlight .sb{color:#e6db74}.highlight .sc{color:#e6db74}.highlight .sd{color:#e6db74}.highlight .s2{color:#e6db74}.highlight .se{color:#ae81ff}.highlight .sh{color:#e6db74}.highlight .si{color:#e6db74}.highlight .sx{color:#e6db74}.highlight .sr{color:#e6db74}.highlight .s1{color:#e6db74}.highlight .ss{color:#e6db74}.highlight .bp{color:#f8f8f2}.highlight .vc{color:#f8f8f2}.highlight .vg{color:#f8f8f2}.highlight .vi{color:#f8f8f2}.highlight .il{color:#ae81ff}h1,h2,h3,h4,h5{font-family:"Open Sans",Helvetica,Arial,sans-serif;font-weight:400;margin:0 0 24px 0;margin:0 0 1.5rem 0}h1,.h1{font-size:36px;font-size:2.25rem;line-height:1.33333}h2,.h2{font-size:24px;font-size:1.5rem;line-height:1}h3,.h3{font-size:21px;font-size:1.3125rem;line-height:1.15}h4,.h4{font-size:18px;font-size:1.125rem;line-height:1.33333}p,ul,ol,blockquote,pre{margin:0 0 24px 0;margin:0 0 1.5rem 0}.aside-module{margin:0 0 20px;margin:0 0 1.25rem;padding:20px;padding:1.25rem;position:relative}.aside-module:last-child{margin-bottom:0}.aside-module:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;background:#eef0f3;-webkit-transform:skewx(-3deg);-ms-transform:skewx(-3deg);transform:skewx(-3deg)}.aside-module:after{content:'';position:absolute;z-index:-1;border:1px dashed rgba(0,0,0,0.1);top:10px;bottom:10px;left:10px;right:10px}.email-form{position:relative}.email-form__text{padding:5px;height:40px;border:0;width:100%}.email-form__text:focus+.email-form__submit,.email-submit:active{background:#e96a19}.email-form__submit{position:absolute;right:4px;top:4px;width:50px;height:32px;padding:0;margin:0;color:#fff;cursor:pointer;text-transform:uppercase;background:#ddd;border:0}.rss-label{background:#e96a19;display:inline-block;padding:2px 6px;color:#fff}.rss-label:hover{color:#fff}#bsap_1257097 .bsa_it_ad{background:none;border:0;font-family:inherit;padding:0}.aside-module--list li{margin:2px 0}.aside-module--list li a{display:inline-block;width:100%;padding:3px;color:#333;background:rgba(0,0,0,0.015);-webkit-transition:all .1s ease-out;transition:all .1s ease-out}.aside-module--list li a:hover{text-decoration:none;background:rgba(0,0,0,0.05);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.top-header{background-color:#fff;position:relative;padding:40px 0;padding:2.5rem 0}.top-header:before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:-webkit-linear-gradient(180deg, #eef0f3 10%, #b8c3e9 40%, #eb5055 70%, #eb5055 90%);background:linear-gradient(-90deg, #eef0f3 10%, #b8c3e9 40%, #eb5055 70%, #eb5055 90%)}.master-header{background:#353a4a url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iODAwcHgiIGhlaWdodD0iNDAwcHgiIHZpZXdCb3g9IjAgMCA4MDAgNDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4MDAgNDAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxyZWN0IGRpc3BsYXk9Im5vbmUiIGZpbGw9IiMzNTNBNEEiIHdpZHRoPSI4MDAiIGhlaWdodD0iNDAwIi8+DQo8cG9seWdvbiBmaWxsPSIjQjhDM0U5IiBwb2ludHM9IjcxNi40MDMsMCA3ODUuMTA2LDAgODAwLDAgODAwLDQwMCAwLDQwMCAiLz4NCjxwb2x5Z29uIG9wYWNpdHk9IjAuMDUiIGZpbGw9IiMwMjAyMDIiIHBvaW50cz0iNjA0LjA4MSw0MDAgNjE4LjEyNSw0MDAgODAwLDIuMTkgIi8+DQo8cG9seWdvbiBmaWxsPSIjRUVGMEYzIiBwb2ludHM9IjgwMCwyLjE5IDgwMCw0MDAgNjE4LjEyNSw0MDAgIi8+DQo8cG9seWdvbiBmaWxsPSIjRUI1MDU1IiBwb2ludHM9IjY0Ni45MzgsOTIuMjI5IDgwMCw0MDAgMCw0MDAgIi8+DQo8cG9seWdvbiBvcGFjaXR5PSIwLjEiIGZpbGw9IiMwMjAyMDIiIHBvaW50cz0iNjQ3LjMxOSw5MS44NDggODAwLDQwMCA4MDAuMzc0LDM1MS43NzEgIi8+DQo8L3N2Zz4NCg==") no-repeat right center fixed;-webkit-background-size:cover;background-size:cover;color:#eef0f3;padding:80px 0;padding:5rem 0}.master-head--title{margin:0;font-weight:300;display:inline-block;background-color:rgba(0,0,0,0.05);padding:6px 13px;padding:0.4rem 0.8rem}@media (min-width: 769px){.master-head--title::before{content:'//';margin-right:10px;opacity:.1}}.master-content{padding:40px 0;padding:2.5rem 0}.post{position:relative;margin-bottom:60px;margin-bottom:3.75rem;padding-bottom:40px;padding-bottom:2.5rem}.post:not(:last-of-type):after{content:'...';position:absolute;bottom:0;left:0;right:0;text-align:center;color:#b8c3e9;letter-spacing:8px;letter-spacing:0.5rem;font-size:48px;font-size:3rem;pointer-events:none}@media (min-width: 481px){.post img,.single-post img{width:100%;border:8px solid #fff;outline:1px solid #eef0f3}}.post__time{color:#ccc}.pagination{margin-bottom:60px;margin-bottom:3.75rem}.pagination>li{display:inline-block}.pagination__status{margin:0 10px;margin:0 0.625rem}@media (min-width: 769px){.pagination__status{margin:0 40px;margin:0 2.5rem}}.archive-list{padding:0}.archive-list .archive-list--heading{list-style:none}.archive-list .archive-list--heading:not(:first-child)>h2{margin-top:24px;margin-top:1.5rem}.archive-list .archive-list--item{margin-left:16px;margin-left:1rem}@media (min-width: 1200px){.master-content{margin-bottom:225px;background-color:#fff;position:relative;z-index:1}.master-content::after{content:'';position:absolute;left:0;right:0;bottom:-3px;height:3px;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI4cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgOCAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNCwzIDAsMCA4LDAgIi8+PC9zdmc+) repeat-x center}}#disqus_thread{margin-top:80px;margin-top:5rem}.master-footer{color:#eef0f3;background:#353a4a url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI4cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgOCAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNCwzIDAsMCA4LDAgIi8+PC9zdmc+) repeat-x top center;padding:48px 0 40px 0;padding:3rem 0 2.5rem 0}.master-footer hr{border-color:rgba(255,255,255,0.1);border-style:dashed;margin:40px 0;margin:2.5rem 0}.master-footer a{color:#eef0f3;opacity:.8}.master-footer a:hover{opacity:1}.master-footer [class*="fa-"]{margin:0 16px;margin:0 1rem}@media (min-width: 1200px){.master-footer{position:fixed;bottom:0;left:0;right:0;z-index:-1}}
diff --git a/js/common.js b/js/common.js
index e38f0c0..c5e1f49 100644
--- a/js/common.js
+++ b/js/common.js
@@ -12,12 +12,12 @@
     // Google Analytics
     window._gaq = [['_setAccount', 'UA-5924545-2'],['_trackPageview']];
     add(('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js', 'ga');
+    // BSA
+    add('//s3.buysellads.com/ac/bsa.js');    
     // Google+ button
-    add('//apis.google.com/js/plusone.js');
+    //add('//apis.google.com/js/plusone.js');
     // Facebook SDK
-    add('//connect.facebook.net/en_US/all.js#xfbml=1&appId=292896510767559', 'facebook-jssdk');
+    //add('//connect.facebook.net/en_US/all.js#xfbml=1&appId=292896510767559', 'facebook-jssdk');
     // Twitter SDK
-    add('//platform.twitter.com/widgets.js', 'twitter-wjs');
-    // BSA
-    add('//s3.buysellads.com/ac/bsa.js');
+    //add('//platform.twitter.com/widgets.js', 'twitter-wjs');
 }(document, 'script'));
\ No newline at end of file
diff --git a/saas/_base.scss b/saas/_base.scss
index 188d975..72be6d2 100644
--- a/saas/_base.scss
+++ b/saas/_base.scss
@@ -38,13 +38,18 @@ img {
 }
 
 /**
- * Horizontal line
+ * Horizontal lines
  */
 
 hr {
   @include rem(margin, $gutter 0);
   border: 0;
-  border-top: 1px solid #eee;
+  border-top: 1px solid $color-light;
+
+  &.bold {
+    border-top-width: 8px;
+    border-style: dashed;
+  }
 }
 
 /**
diff --git a/saas/_content.scss b/saas/_content.scss
index df4cece..589ef86 100644
--- a/saas/_content.scss
+++ b/saas/_content.scss
@@ -110,4 +110,12 @@
       // the repeating SVG triangle pattern will blend with .master-footer's similar one
     }
   }
+}
+
+/**
+ * Disqus
+ */
+
+#disqus_thread {
+  @include rem(margin-top, $gutter-4x);
 }
\ No newline at end of file
diff --git a/saas/_helpers.scss b/saas/_helpers.scss
index 308ae53..a3e6496 100644
--- a/saas/_helpers.scss
+++ b/saas/_helpers.scss
@@ -60,7 +60,7 @@
  */
 
  .text-ellipsis {
-  display: block;
+  display: inline-block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;