<h2 style="text-align: center">Comments</h2>
<div class="comment-wrapper">
  <section class="comments">
    <div id="disqus_thread"></div>
  </section>
</div>
<script type="text/javascript">
  var disqus_loaded = false;

  function load_disqus(){
    disqus_loaded = true;
    var disqus_shortname = '{{site.disqus_username}}';
    var disqus_title = '{{page.title.replace("\'", "\'")}}';
    var disqus_url = '{{page.url}}';
    var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
    dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    var ldr = document.getElementById('disqus_loader');
  };
  window.onscroll = function(e) {
    if ((window.innerHeight + window.scrollY) >= (document.body.offsetHeight - 800)) {
      if (disqus_loaded==false)
      load_disqus()
    }
  };
</script>
