{{ if and (.IsPage) (.Site.Params.utterancesComment) }}
<!-- comment loading indicator -->
<script>
    $(function () {
        var commentStatus;
        var commentLoadingTime = 0;
        var commentCheckInterval = self.setInterval(checkUtterances, 500);

        function checkUtterances() {
            commentStatus = $('#post-comment .utterances').attr('style');
            if (commentStatus === undefined) {
                commentLoadingTime += 1;
                if (commentLoadingTime > 20) {
                    clearInterval(commentCheckInterval);
                    $('#post-comment').hide();
                    $('#post-loading p').text('{{ i18n "postCommentLoadingFailed" }}');
                    $('#post-loading i').attr("class", "far fa-times-circle");
                }
                return;
            } else {
                clearInterval(commentCheckInterval);
                $('#post-loading').hide();
            }
        }
    });
</script>
{{ end }}
{{ with .Params.playerURL }}
<script>
    $(function () {
        const postAPlayer = new APlayer({
            container: document.getElementById("post-aplayer"),
            theme: "#8F82BC",
            volume: 0.25,
            audio: [{
                name: "{{ $.Params.playerName }}",
                artist: "{{ $.Params.playerArtist }}",
                url: "{{ . }}",
                cover: "{{ $.Params.playerCover }}"
            }]
        });
    });
</script>
{{ end }}
{{ with .Site.Params.playerURL }}
<script>
    $(function () {
        const siteAPlayer = new APlayer({
            container: document.getElementById("aplayer"),
            fixed: true,
            theme: "#8F82BC",
            volume: 0.25,
            audio: [{
                name: "{{ $.Site.Params.playerName }}",
                artist: "{{ $.Site.Params.playerArtist }}",
                url: "{{ . }}",
                cover: "{{ $.Site.Params.playerCover }}"
            }]
        });
    });
</script>
{{ end }}
{{ if .Site.Params.scrollTop }}
<!-- scroll to top button -->
<script>
    $("#scroll-top").click(function () {
        $("html, body").animate({
            scrollTop: 0
        });
    });
</script>
{{ end }}
{{ if .Site.Params.webpChecker }}
<!-- webp checker -->
<script>
    $(function () {
        Modernizr.on("webp", function (result) {
            if (!result) {
                $('<blockquote><p>{{ i18n "webpCheckerFront" }}<a href="https://caniuse.com/#feat=webp" target="_blank">WebP</a>{{ i18n "webpCheckerEnd" }}</p></blockquote>').replaceAll("#content img");
            }
        });
    });
</script>
{{ end }}