From b557712f8cab464b602ccfc8ed9a05da137cf636 Mon Sep 17 00:00:00 2001
From: Robbi Nespu <robbinespu@gmail.com>
Date: Tue, 22 Oct 2019 15:19:29 +0800
Subject: [PATCH 1/4] Feature: Add Disqus comment integration

---
 _data/theme.yml                       |  2 ++
 _layouts/post.html                    | 44 ++++++++++++++++++++++++++-
 _posts/2017-03-29-introducing-tale.md |  1 +
 tale.gemspec                          |  2 +-
 4 files changed, 47 insertions(+), 2 deletions(-)
 create mode 100644 _data/theme.yml

diff --git a/_data/theme.yml b/_data/theme.yml
new file mode 100644
index 0000000..5f84a32
--- /dev/null
+++ b/_data/theme.yml
@@ -0,0 +1,2 @@
+# Disqus
+disqus: robbinespu
\ No newline at end of file
diff --git a/_layouts/post.html b/_layouts/post.html
index 786d0db..feb69b8 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -23,7 +23,49 @@ layout: default
   {{ content }}
 
 </div>
-
+<!-- Start disqus -->
+{% if page.comments %}
+  <div id="disqus_thread"><h3>Discussion and feedback</h3></div>
+  <div class="disqus"></div>
+  <div class="disqus-loading"><!-- Please wait, loading comments&hellip; --></div>
+  <style>
+   .disqus-placeholder.is-hidden { display: none; }
+  </style>
+  <script>
+  /*
+      disqusLoader.js v1.0
+      A JavaScript plugin for lazy-loading Disqus comments widget.
+      -
+      By Osvaldas Valutis, www.osvaldas.info
+      Available for use under the MIT License
+  */
+  (function(b,f,l){var r=function(a){a=a.getBoundingClientRect();return{top:a.top+f.body.scrollTop,left:a.left+f.body.scrollLeft}},t=function(a,c){var d=f.createElement("script");d.src=a;d.async=!0;d.setAttribute("data-timestamp",+new Date);d.addEventListener("load",function(){"function"===typeof c&&c()});(f.head||f.body).appendChild(d)};l=function(a,c){var d,e;return function(){var g=this,f=arguments,b=+new Date;d&&b<d+a?(clearTimeout(e),e=setTimeout(function(){d=b;c.apply(g,f)},a)):(d=b,c.apply(g,
+  f))}};var m=!1,n=!1,p=!1,k=!1,h="unloaded",e=!1,q=function(){if(!e||!f.body.contains(e)||"loaded"==e.disqusLoaderStatus)return!0;var a=b.pageYOffset,c=r(e).top;if(c-a>b.innerHeight*n||0<a-c-e.offsetHeight-b.innerHeight*n)return!0;(a=f.getElementById("disqus_thread"))&&a.removeAttribute("id");e.setAttribute("id","disqus_thread");e.disqusLoaderStatus="loaded";"loaded"==h?DISQUS.reset({reload:!0,config:p}):(b.disqus_config=p,"unloaded"==h&&(h="loading",t(k,function(){h="loaded"})))};b.addEventListener("scroll",
+  l(m,q));b.addEventListener("resize",l(m,q));b.disqusLoader=function(a,c){var d={laziness:1,throttle:250,scriptUrl:!1,disqusConfig:!1},b=c,g,h={};for(g in d)Object.prototype.hasOwnProperty.call(d,g)&&(h[g]=d[g]);for(g in b)Object.prototype.hasOwnProperty.call(b,g)&&(h[g]=b[g]);c=h;n=c.laziness+1;m=c.throttle;p=c.disqusConfig;k=!1===k?c.scriptUrl:k;e="string"===typeof a?f.querySelector(a):"number"===typeof a.length?a[0]:a;e.disqusLoaderStatus="unloaded";q()}})(window,document,0); 
+  </script>
+  <script>
+      disqusLoader( '.disqus',
+      {
+          scriptUrl:    'https://{{ site.data.theme.disqus }}.disqus.com/embed.js',
+          disqusConfig: function()
+          {
+              this.page.identifier  = '{{ page.id }}';
+              this.page.url     = '{{ site.baseurl }}/{{ post.url }}';
+              this.page.title     = '{{page.title}}';
+              this.callbacks.onReady  = [function()
+              {
+                  var el = document.querySelector( '.disqus-loading' );
+                  if( el.classList )
+                      el.classList.add( 'is-hidden' );
+                  else
+                      el.className += ' ' + 'is-hidden';
+              }];
+          }
+      });
+  </script>
+  <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
+{% endif %}
+<!-- End disqus -->
 <div class="pagination">
   {% if page.next.url %}
     <a href="{{ page.next.url | prepend: site.baseurl }}" class="left arrow">&#8592;</a>
diff --git a/_posts/2017-03-29-introducing-tale.md b/_posts/2017-03-29-introducing-tale.md
index 95da685..71cfcef 100644
--- a/_posts/2017-03-29-introducing-tale.md
+++ b/_posts/2017-03-29-introducing-tale.md
@@ -2,6 +2,7 @@
 layout: post
 title:  "Introducing Tale"
 author: "Chester"
+comments: true
 ---
 
 Tale is a minimal [Jekyll](https://jekyllrb.com/) theme curated for storytellers. It is designed and developed by [myself](https://github.com/chesterhow/) for a friend who writes short stories.
diff --git a/tale.gemspec b/tale.gemspec
index 368b7e3..dba3595 100644
--- a/tale.gemspec
+++ b/tale.gemspec
@@ -17,6 +17,6 @@ Gem::Specification.new do |spec|
   spec.add_runtime_dependency "jekyll-feed", "~> 0.10.0"
   spec.add_runtime_dependency "jekyll-seo-tag", "~> 2.5.0"
 
-  spec.add_development_dependency "bundler", "~> 1.12"
+  spec.add_development_dependency "bundler", "~> 2.0"
   spec.add_development_dependency "rake", "~> 10.0"
 end

From 678f7086f2d1fe6d64ded14fa644c253bad85e7a Mon Sep 17 00:00:00 2001
From: Robbi Nespu <robbinespu@gmail.com>
Date: Tue, 22 Oct 2019 15:23:34 +0800
Subject: [PATCH 2/4] refactor disqus id

---
 _data/theme.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/_data/theme.yml b/_data/theme.yml
index 5f84a32..5594052 100644
--- a/_data/theme.yml
+++ b/_data/theme.yml
@@ -1,2 +1,2 @@
 # Disqus
-disqus: robbinespu
\ No newline at end of file
+disqus: your_disqus_id
\ No newline at end of file

From 47cbc7f828a5ea782540f978a2c3361465c02498 Mon Sep 17 00:00:00 2001
From: Robbi Nespu <robbinespu@gmail.com>
Date: Wed, 23 Oct 2019 16:27:19 +0800
Subject: [PATCH 3/4] seperate and split code into parts as suggested

---
 _includes/disqus_comment.html | 30 ++++++++++++++++++++++++
 _layouts/post.html            | 44 ++---------------------------------
 assets/js/disqusLoader.js     | 11 +++++++++
 3 files changed, 43 insertions(+), 42 deletions(-)
 create mode 100644 _includes/disqus_comment.html
 create mode 100644 assets/js/disqusLoader.js

diff --git a/_includes/disqus_comment.html b/_includes/disqus_comment.html
new file mode 100644
index 0000000..c895db6
--- /dev/null
+++ b/_includes/disqus_comment.html
@@ -0,0 +1,30 @@
+<!-- Start disqus -->
+  <script src="{{ "/assets/js/disqusLoader.js" | relative_url }}" /></script>
+  <div id="disqus_thread"><h3>Discussion and feedback</h3></div>
+  <div class="disqus"></div>
+  <div class="disqus-loading"><!-- Please wait, loading comments&hellip; --></div>
+  <style>
+   .disqus-placeholder.is-hidden { display: none; }
+  </style>
+  <script>
+      disqusLoader( '.disqus',
+      {
+          scriptUrl:    'https://{{ site.data.theme.disqus }}.disqus.com/embed.js',
+          disqusConfig: function()
+          {
+              this.page.identifier  = '{{ page.id }}';
+              this.page.url     = '{{ site.baseurl }}/{{ post.url }}';
+              this.page.title     = '{{page.title}}';
+              this.callbacks.onReady  = [function()
+              {
+                  var el = document.querySelector( '.disqus-loading' );
+                  if( el.classList )
+                      el.classList.add( 'is-hidden' );
+                  else
+                      el.className += ' ' + 'is-hidden';
+              }];
+          }
+      });
+  </script>
+  <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
+<!-- End disqus -->
\ No newline at end of file
diff --git a/_layouts/post.html b/_layouts/post.html
index feb69b8..ae4eb5e 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -23,49 +23,9 @@ layout: default
   {{ content }}
 
 </div>
-<!-- Start disqus -->
 {% if page.comments %}
-  <div id="disqus_thread"><h3>Discussion and feedback</h3></div>
-  <div class="disqus"></div>
-  <div class="disqus-loading"><!-- Please wait, loading comments&hellip; --></div>
-  <style>
-   .disqus-placeholder.is-hidden { display: none; }
-  </style>
-  <script>
-  /*
-      disqusLoader.js v1.0
-      A JavaScript plugin for lazy-loading Disqus comments widget.
-      -
-      By Osvaldas Valutis, www.osvaldas.info
-      Available for use under the MIT License
-  */
-  (function(b,f,l){var r=function(a){a=a.getBoundingClientRect();return{top:a.top+f.body.scrollTop,left:a.left+f.body.scrollLeft}},t=function(a,c){var d=f.createElement("script");d.src=a;d.async=!0;d.setAttribute("data-timestamp",+new Date);d.addEventListener("load",function(){"function"===typeof c&&c()});(f.head||f.body).appendChild(d)};l=function(a,c){var d,e;return function(){var g=this,f=arguments,b=+new Date;d&&b<d+a?(clearTimeout(e),e=setTimeout(function(){d=b;c.apply(g,f)},a)):(d=b,c.apply(g,
-  f))}};var m=!1,n=!1,p=!1,k=!1,h="unloaded",e=!1,q=function(){if(!e||!f.body.contains(e)||"loaded"==e.disqusLoaderStatus)return!0;var a=b.pageYOffset,c=r(e).top;if(c-a>b.innerHeight*n||0<a-c-e.offsetHeight-b.innerHeight*n)return!0;(a=f.getElementById("disqus_thread"))&&a.removeAttribute("id");e.setAttribute("id","disqus_thread");e.disqusLoaderStatus="loaded";"loaded"==h?DISQUS.reset({reload:!0,config:p}):(b.disqus_config=p,"unloaded"==h&&(h="loading",t(k,function(){h="loaded"})))};b.addEventListener("scroll",
-  l(m,q));b.addEventListener("resize",l(m,q));b.disqusLoader=function(a,c){var d={laziness:1,throttle:250,scriptUrl:!1,disqusConfig:!1},b=c,g,h={};for(g in d)Object.prototype.hasOwnProperty.call(d,g)&&(h[g]=d[g]);for(g in b)Object.prototype.hasOwnProperty.call(b,g)&&(h[g]=b[g]);c=h;n=c.laziness+1;m=c.throttle;p=c.disqusConfig;k=!1===k?c.scriptUrl:k;e="string"===typeof a?f.querySelector(a):"number"===typeof a.length?a[0]:a;e.disqusLoaderStatus="unloaded";q()}})(window,document,0); 
-  </script>
-  <script>
-      disqusLoader( '.disqus',
-      {
-          scriptUrl:    'https://{{ site.data.theme.disqus }}.disqus.com/embed.js',
-          disqusConfig: function()
-          {
-              this.page.identifier  = '{{ page.id }}';
-              this.page.url     = '{{ site.baseurl }}/{{ post.url }}';
-              this.page.title     = '{{page.title}}';
-              this.callbacks.onReady  = [function()
-              {
-                  var el = document.querySelector( '.disqus-loading' );
-                  if( el.classList )
-                      el.classList.add( 'is-hidden' );
-                  else
-                      el.className += ' ' + 'is-hidden';
-              }];
-          }
-      });
-  </script>
-  <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
+  {% include disqus_comment.html %}
 {% endif %}
-<!-- End disqus -->
 <div class="pagination">
   {% if page.next.url %}
     <a href="{{ page.next.url | prepend: site.baseurl }}" class="left arrow">&#8592;</a>
@@ -75,4 +35,4 @@ layout: default
   {% endif %}
 
   <a href="#" class="top">Top</a>
-</div>
+</div>
\ No newline at end of file
diff --git a/assets/js/disqusLoader.js b/assets/js/disqusLoader.js
new file mode 100644
index 0000000..935aa92
--- /dev/null
+++ b/assets/js/disqusLoader.js
@@ -0,0 +1,11 @@
+
+  /*
+      disqusLoader.js v1.0
+      A JavaScript plugin for lazy-loading Disqus comments widget.
+      -
+      By Osvaldas Valutis, www.osvaldas.info
+      Available for use under the MIT License
+  */
+  (function(b,f,l){var r=function(a){a=a.getBoundingClientRect();return{top:a.top+f.body.scrollTop,left:a.left+f.body.scrollLeft}},t=function(a,c){var d=f.createElement("script");d.src=a;d.async=!0;d.setAttribute("data-timestamp",+new Date);d.addEventListener("load",function(){"function"===typeof c&&c()});(f.head||f.body).appendChild(d)};l=function(a,c){var d,e;return function(){var g=this,f=arguments,b=+new Date;d&&b<d+a?(clearTimeout(e),e=setTimeout(function(){d=b;c.apply(g,f)},a)):(d=b,c.apply(g,
+  f))}};var m=!1,n=!1,p=!1,k=!1,h="unloaded",e=!1,q=function(){if(!e||!f.body.contains(e)||"loaded"==e.disqusLoaderStatus)return!0;var a=b.pageYOffset,c=r(e).top;if(c-a>b.innerHeight*n||0<a-c-e.offsetHeight-b.innerHeight*n)return!0;(a=f.getElementById("disqus_thread"))&&a.removeAttribute("id");e.setAttribute("id","disqus_thread");e.disqusLoaderStatus="loaded";"loaded"==h?DISQUS.reset({reload:!0,config:p}):(b.disqus_config=p,"unloaded"==h&&(h="loading",t(k,function(){h="loaded"})))};b.addEventListener("scroll",
+  l(m,q));b.addEventListener("resize",l(m,q));b.disqusLoader=function(a,c){var d={laziness:1,throttle:250,scriptUrl:!1,disqusConfig:!1},b=c,g,h={};for(g in d)Object.prototype.hasOwnProperty.call(d,g)&&(h[g]=d[g]);for(g in b)Object.prototype.hasOwnProperty.call(b,g)&&(h[g]=b[g]);c=h;n=c.laziness+1;m=c.throttle;p=c.disqusConfig;k=!1===k?c.scriptUrl:k;e="string"===typeof a?f.querySelector(a):"number"===typeof a.length?a[0]:a;e.disqusLoaderStatus="unloaded";q()}})(window,document,0); 
\ No newline at end of file

From a9ce361b82fd3b923c0c43a4d9e416d8725fe5f6 Mon Sep 17 00:00:00 2001
From: Robbi Nespu <robbinespu@gmail.com>
Date: Wed, 23 Oct 2019 16:45:09 +0800
Subject: [PATCH 4/4] add how to enable comment (Disqus)

---
 README.md | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/README.md b/README.md
index 1a222dd..61e15e1 100644
--- a/README.md
+++ b/README.md
@@ -13,6 +13,7 @@ Tale is a minimal Jekyll theme curated for storytellers. Checkout the demo [here
 - Syntax highlighting, with the help of Pygments
 - Markdown and HTML text formatting
 - Pagination of posts
+- [Enabling Comments (via Disqus)](#enabling-comments-via-disqus)
 
 ## Installation
 There are 3 ways to install this theme
@@ -112,6 +113,21 @@ $ bundle exec jekyll serve
 
 And you're all set! Head over to http://127.0.0.1:4000/ to see your site in action.
 
+
+### Enabling Comments (via Disqus)
+
+Optionally, if you have a Disqus account, you can tell Jekyll to use it to show a comments section below each post.
+
+To enable it, add the following lines to your Jekyll site:
+
+```yml
+disqus: your_disqus_id
+```
+
+You can find out more about Disqus' shortnames [here](https://help.disqus.com/installation/whats-a-shortname).
+
+Comments are disabled by default and will only appear in when adding `comments: true` to that post's YAML Front Matter
+
 ## Contributing
 Found a bug or have a suggestion? Feel free to create an issue or make a pull request!