{{ with .utteranc }}
{{ $repo        := .repo }}
{{ $issueTerm   := .issueTerm }}
{{ $theme       := .theme }}

<div id="utteranc_thread"></div>
<div id="comments" class="comments">
    <div id="comments-container"></div>
</div>
<script type="text/javascript">
    (function() {
        var utterances = document.createElement('script');
        utterances.type = 'text/javascript';
        utterances.async = true;
        utterances.setAttribute('repo','{{ $repo }}')
        utterances.setAttribute('issue-term','{{ $issueTerm }}')
        utterances.setAttribute('theme','{{ $theme }}')
        utterances.crossorigin = 'anonymous';
        utterances.src = 'https://utteranc.es/client.js';

        document.getElementById('comments-container').appendChild(utterances);
    })();
</script>
{{ end }}
