From 2ad1014fb2b09b75cf7423164659b1b1594a407b Mon Sep 17 00:00:00 2001
From: Nielsen Ramon <hello@nielsenramon.com>
Date: Mon, 12 Dec 2016 14:54:33 +0100
Subject: [PATCH] Add emoji support

---
 Gemfile                                                |  1 +
 Gemfile.lock                                           |  9 +++++++++
 _assets/stylesheets/modules/_articles.scss             | 10 +++++++++-
 _config.yml                                            |  1 +
 .../2016-10-15-chalk-sample-post-with-all-elements.md  |  4 ++++
 5 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/Gemfile b/Gemfile
index 6124ec6df..e434572ef 100644
--- a/Gemfile
+++ b/Gemfile
@@ -6,6 +6,7 @@ gem "jekyll"
 gem "jekyll-assets"
 gem "jekyll-paginate"
 gem "jekyll-sitemap"
+gem "jemoji"
 gem "mini_magick"
 gem "sass"
 gem "uglifier"
diff --git a/Gemfile.lock b/Gemfile.lock
index 0a211274d..36a7d3bf8 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -22,6 +22,10 @@ GEM
       addressable (~> 2)
     ffi (1.9.14)
     forwardable-extended (2.6.0)
+    gemoji (2.1.0)
+    html-pipeline (2.4.2)
+      activesupport (>= 2)
+      nokogiri (>= 1.4)
     html-proofer (3.3.1)
       activesupport (>= 4.2, < 6.0)
       addressable (~> 2.3)
@@ -57,6 +61,10 @@ GEM
       jekyll (~> 3.3)
     jekyll-watch (1.5.0)
       listen (~> 3.0, < 3.1)
+    jemoji (0.6.2)
+      gemoji (~> 2.0)
+      html-pipeline (~> 2.2)
+      jekyll (>= 3.0)
     kramdown (1.13.1)
     liquid (3.0.6)
     listen (3.0.8)
@@ -101,6 +109,7 @@ DEPENDENCIES
   jekyll-assets
   jekyll-paginate
   jekyll-sitemap
+  jemoji
   mini_magick
   sass
   uglifier
diff --git a/_assets/stylesheets/modules/_articles.scss b/_assets/stylesheets/modules/_articles.scss
index 3ba13edc8..0257be1f2 100644
--- a/_assets/stylesheets/modules/_articles.scss
+++ b/_assets/stylesheets/modules/_articles.scss
@@ -114,7 +114,6 @@
   text-align: center;
 }
 
-
 // Paginator
 // =============================================================================
 
@@ -162,6 +161,12 @@
   blockquote p {
     margin-bottom: 0;
   }
+  img.emoji {
+    display: inline-block;
+    margin-top: -4px;
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
 }
 
 .article-comments {
@@ -186,6 +191,9 @@
   }
 }
 
+// Responsive
+// =============================================================================
+
 @include breakpoint(small) {
   .article-list-footer {
     display: block;
diff --git a/_config.yml b/_config.yml
index 905979ec6..04e5a142a 100644
--- a/_config.yml
+++ b/_config.yml
@@ -62,4 +62,5 @@ gems:
   - jekyll-assets
   - jekyll-paginate
   - jekyll-sitemap
+  - jemoji
 permalink: posts/:slug
diff --git a/_posts/2016-10-15-chalk-sample-post-with-all-elements.md b/_posts/2016-10-15-chalk-sample-post-with-all-elements.md
index d65b7e090..3c33c65b6 100644
--- a/_posts/2016-10-15-chalk-sample-post-with-all-elements.md
+++ b/_posts/2016-10-15-chalk-sample-post-with-all-elements.md
@@ -55,6 +55,10 @@ Ordered list example:
 2. Order list item 1
 {% endhighlight %}
 
+## Emoji support :star:
+
+Emoji's can be used everywhere in :cat2: your markdown!
+
 ## Quotes
 
 A quote looks like this: