<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>