diff options
Diffstat (limited to 'themes/hugo-theme-stack/layouts/partials/comments/provider/disqusjs.html')
| -rw-r--r-- | themes/hugo-theme-stack/layouts/partials/comments/provider/disqusjs.html | 61 |
1 files changed, 61 insertions, 0 deletions
diff --git a/themes/hugo-theme-stack/layouts/partials/comments/provider/disqusjs.html b/themes/hugo-theme-stack/layouts/partials/comments/provider/disqusjs.html new file mode 100644 index 0000000..967c38c --- /dev/null +++ b/themes/hugo-theme-stack/layouts/partials/comments/provider/disqusjs.html @@ -0,0 +1,61 @@ +{{- $pc := .Site.Config.Privacy.Disqus -}} +{{- $disqusjs := .Site.Params.Comments.disqusjs -}} +{{- if and (not $pc.Disable) (and $disqusjs.Shortname $disqusjs.ApiKey) -}} + +{{- $style := resources.Get "scss/partials/comments/disqusjs.scss" | toCSS | minify -}} +<link rel="stylesheet" href="{{ $style.RelPermalink }}"> + +<div class="disqus-container"> + <div id="disqus_thread"></div> + <script type="application/javascript"> + let disqusjs; + function loadDisqusJS() { + disqusjs = new DisqusJS({ + shortname: {{ $disqusjs.Shortname }}, + siteName: {{ .Site.Title }}, + apikey: {{ $disqusjs.ApiKey }}, + {{ with $disqusjs.ApiUrl }}api: {{ . }},{{ end }} + {{ with $disqusjs.Admin }}admin: {{ . }},{{ end }} + {{ with $disqusjs.AdminLabel }}adminLabel: {{ . }}{{ end }} + }); + } + + function lazyLoadDisqusJS() { + if (["localhost", "127.0.0.1"].indexOf(window.location.hostname) != -1) { + document.getElementById('disqus_thread').innerHTML = 'Disqus comments not available by default when the website is previewed locally.'; + return; + } + + let d = document.createElement('script'); + d.src = 'https://cdn.jsdelivr.net/npm/disqusjs@1.3/dist/disqus.js'; + d.async = false; + document.body.appendChild(d); + d.onload = () => { + loadDisqusJS(); + window.addEventListener('onColorSchemeChange', (e) => { + if (disqusjs) { + loadDisqusJS(); + } + }) + } + } + + let runningOnBrowser = typeof window !== "undefined"; + let isBot = runningOnBrowser && !("onscroll" in window) || typeof navigator !== "undefined" && /(gle|ing|ro|msn)bot|crawl|spider|yand|duckgo/i.test(navigator.userAgent); + let supportsIntersectionObserver = runningOnBrowser && "IntersectionObserver" in window; + + if (!isBot && supportsIntersectionObserver) { + let disqus_observer = new IntersectionObserver(function(entries) { + if (entries[0].isIntersecting) { + lazyLoadDisqusJS(); + disqus_observer.disconnect(); + } + }); + disqus_observer.observe(document.getElementById('disqus_thread')); + } else { + lazyLoadDisqusJS(); + } + </script> + <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript> +</div> +{{- end -}}
\ No newline at end of file |