<section class=“comments container”>

<div class="row">
  <div class="col s12 m12">
    <div class="card">
      <div class="card-content">
        <span class="card-title">Comments</span>
        <div id="disqus_thread"></div>
      </div>
    </div>
  </div>
</div>

</section>

<script type=“text/javascript”>

var disqus_loaded = false;
var disqus_config = function () {
  this.page.url = '{{ site.url }}{{ site.baseurl }}{{ page.url }}';
  this.page.identifier = '{{ page.id }}';
  this.page.title = '{{ page.title }}';
};

function load_disqus() {

disqus_loaded = true;
var disqus_shortname = '{{site.disqus_username}}';
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
dsq.setAttribute('data-timestamp', +new Date());
(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)) {
  //hit bottom of page
  if (disqus_loaded==false)
    load_disqus()
}

}; </script>