{#-
This file was automatically generated - do not edit
-#}
{% extends "base.html" %}
{% block extrahead %}
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>

<script>
    !function (p) {
        "use strict";
        !function (t) {
            var s = window, e = document, i = p, c = "".concat("https:" === e.location.protocol ? "https://" : "http://", "sdk.51.la/js-sdk-pro.min.js"),
                n = e.createElement("script"), r = e.getElementsByTagName("script")[0];
            n.type = "text/javascript", n.setAttribute("charset", "UTF-8"), n.async = !0, n.src = c, n.id = "LA_COLLECT", i.d = n;
            var o = function () {s.LA.ids.push(i)};
            s.LA ? s.LA.ids && o() : (s.LA = p, s.LA.ids = [], o()), r.parentNode.insertBefore(n, r)
        }()
    }({id: "JxKUXhE7gGiOPZNN", ck: "JxKUXhE7gGiOPZNN", autoTrack: true, hashMode: true});
</script>
{% endblock %}
{% block announce %}
<div class="announce-wrapper">
    <div id="announce-left">
        {% for banner in config.banners %}
        <div class="item">
            <a class="announce-link" href="{{ banner.link }}" style="color: #ffffff;">
                <div class="twemoji">
                    <div>{{ banner.title }}</div>
                    <div style="margin-left: 100px; color: #ffffff;">{{ banner.description }}</div>
                </div>
            </a>
        </div>
        {% endfor %}
    </div>
    <div id="announce-right" style="position: relative;">
        <div class="item">
        </div>
    </div>
</div>
{% endblock %}

{% block content %}
{{ super() }}
<!-- Giscus -->
<h2 id="__comments">{{ lang.t("meta.comments") }}</h2>
<!-- Replace with generated snippet -->
<script src="https://giscus.app/client.js"
        data-repo="devlive-community/datacap"
        data-repo-id="R_kgDOIAzx4g"
        data-category="Q&A"
        data-category-id="DIC_kwDOIAzx4s4CRfmA"
        data-mapping="pathname"
        data-strict="0"
        data-reactions-enabled="1"
        data-emit-metadata="0"
        data-input-position="bottom"
        data-theme="preferred_color_scheme"
        data-lang="zh-CN"
        data-loading="lazy"
        crossorigin="anonymous"
        async>
</script>
<!-- Reload on palette change -->
<script>
    var palette = __md_get("__palette")
    if (palette && typeof palette.color === "object") {
        if (palette.color.scheme === "slate") {
            var giscus = document.querySelector("script[src*=giscus]")
            giscus.setAttribute("data-theme", "dark")
        }
    }

    /* Register event handlers after documented loaded */
    document.addEventListener("DOMContentLoaded", function () {
        var ref = document.querySelector("[data-md-component=palette]")
        ref.addEventListener("change", function () {
            var palette = __md_get("__palette")
            if (palette && typeof palette.color === "object") {
                var theme = palette.color.scheme === "slate" ? "dark" : "light"

                /* Instruct Giscus to change theme */
                var frame = document.querySelector(".giscus-frame")
                frame.contentWindow.postMessage(
                    {giscus: {setConfig: {theme}}},
                    "https://giscus.app"
                )
            }
        })
    })
</script>
{% endblock %}

{% block scripts %}
{{ super() }}
{% endblock %}