{% include "@neodev_anubisbb/header.html" %}
<div class="anubisbb-challenge-card">
    <div class="anubisbb-challenge-header">
        <div class="anubisbb-challenge-logo">
            <!-- If there is a forum logo, you can insert <img src="...">, otherwise just the name -->
            <span class="site_logo"></span>
        </div>
        <h2 class="anubisbb-challenge-title" style="text-align:center;">Verification you are not a bot</h2>
    </div>
    <div class="anubisbb-challenge-content">
        <img id="image" class="anubisbb-challenge-img" style="margin-bottom:1em;"
            src="/ext/neodev/anubisbb/userimg/{{ anubisbb_img_pensive }}"
            alt="Anubis pensively waits"
            data-img-pensive="{{ anubisbb_img_pensive }}"
            data-img-happy="{{ anubisbb_img_happy }}"
            data-img-reject="{{ anubisbb_img_reject }}">
        <p id="status" class="anubisbb-challenge-status">Loading...</p>
        <div id="progress" class="anubisbb-challenge-progress" role="progressbar" aria-labelledby="status">
            <div class="bar-inner"></div>
        </div>
        <noscript><p>JavaScript must be enabled to pass the verification.</p></noscript>
    </div>
</div>
<script async type="module" src="{{ theme_path }}js/main.mjs"></script>
{% include "@neodev_anubisbb/footer.html" %}