- Twitter, Facebook and Google+ scrips commented.

- Posts' prev and next articles updated.
catalinred · Feb 22, 2014 · 3306459 · 3306459
1 parent b1104df
commit 3306459
Show file tree

Hide file tree

Showing 7 changed files with 43 additions and 17 deletions.
diff --git 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
@@ -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
diff --git 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'));
diff --git 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
@@ -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);
 }
diff --git 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;