From 12e2300c7ae81dc9ce5efc1ac77f95eab95cf413 Mon Sep 17 00:00:00 2001
From: Casper Beyer <caspervonb@Caspers-Mac-mini.local>
Date: Mon, 24 Oct 2016 08:54:31 +0800
Subject: [PATCH 1/2] Rename tutorial section

---
 ...g-critical-above-the-fold-stylesheets-in-a-jekyll-website.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/_tutorials/jekyll/inlining-critical-above-the-fold-stylesheets-in-a-jekyll-website.md b/_tutorials/jekyll/inlining-critical-above-the-fold-stylesheets-in-a-jekyll-website.md
index a132ed5..675a7d3 100644
--- a/_tutorials/jekyll/inlining-critical-above-the-fold-stylesheets-in-a-jekyll-website.md
+++ b/_tutorials/jekyll/inlining-critical-above-the-fold-stylesheets-in-a-jekyll-website.md
@@ -52,7 +52,7 @@ it to the filter.
 ```
 
 
-## Inlining SASS with `include`
+## Inlining SASS with `import`
 
 The SASS version is essentially identical to the SCSS version above, with the
 exception that we need to filter the style content through `sassify` instead of

From b774a93a797d7750397c6fb2d51eb9a84688b943 Mon Sep 17 00:00:00 2001
From: Casper Beyer <caspervonb@Caspers-Mac-mini.local>
Date: Thu, 27 Oct 2016 10:01:02 +0800
Subject: [PATCH 2/2] Add share links

---
 _layouts/default.html  |  1 +
 _layouts/tutorial.html | 13 +++++++++++++
 _sass/_share.scss      | 25 +++++++++++++++++++++++++
 _sass/_type.scss       |  4 ++++
 4 files changed, 43 insertions(+)
 create mode 100644 _sass/_share.scss

diff --git a/_layouts/default.html b/_layouts/default.html
index bdf9e6d..4b93279 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -15,6 +15,7 @@
         @import "masthead";
         @import "colophon";
         @import "article";
+        @import "share";
       {% endcapture %}
 
       {{ style | scssify }}
diff --git a/_layouts/tutorial.html b/_layouts/tutorial.html
index 1f4d4bb..c0cbe27 100644
--- a/_layouts/tutorial.html
+++ b/_layouts/tutorial.html
@@ -6,4 +6,17 @@
   <h1>{{ page.title }}</h1>
 
   {{ content }}
+  <section class="share">
+    <h4 class="hidden">Share</h4>
+
+    <a href="https://twitter.com/intent/tweet?text={{ page.title | url_param_escape }}&amp;url={{ page.url | absolute_url }}"
+      onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;">
+      <span>Tweet</span>
+    </a>
+
+    <a class="icon-facebook" href="https://www.facebook.com/sharer/sharer.php?u={{ page.url | absolute_url }}"
+      onclick="window.open(this.href, 'facebook-share','width=580,height=296');return false;">
+      <span>Share</span>
+    </a>
+  </section>
 </article>
diff --git a/_sass/_share.scss b/_sass/_share.scss
new file mode 100644
index 0000000..9273785
--- /dev/null
+++ b/_sass/_share.scss
@@ -0,0 +1,25 @@
+.share {
+  float: right;
+
+  a {
+    font-size: 20px;
+    font-size: 13px;
+    font-weight: bold;
+    color: #fff;
+    padding: 8px 12px;
+    border-radius: 2px;
+    margin-left: 5px;
+
+    &[href*=twitter] {
+      background-color: #4fafed;
+    }
+
+    &[href*=facebook] {
+      background-color: #4361b3;
+    }
+
+    &:hover {
+      opacity: 0.8;
+    }
+  }
+}
diff --git a/_sass/_type.scss b/_sass/_type.scss
index 7c0a1eb..bef12a0 100644
--- a/_sass/_type.scss
+++ b/_sass/_type.scss
@@ -101,6 +101,10 @@ a[href^="#fnref:"] {
   font-size: 85%;
 }
 
+.hidden {
+  display: none;
+}
+
 .lead {
   font-size: 1.25rem;
   font-weight: 300;