tegakituesday.com/templates/modal.html.tera

<dialog>
    <h1>Welcome to Tegaki Tuesday!</h1> 
    <p>In order to participate in challenges, you must be a member of a participating Discord server.</p>
    <h2>Join a participating server</h2>
    <div class="servers">
        {% for guild in settings.guilds %}
        {% if guild.hidden or not guild.invite %}{% continue %}{% endif %}
        <div{% if guild.recommended %} class="recommended"{% endif %}>
            <img src="https://cdn.discordapp.com/icons/{{ guild.id }}/{{ guild.icon }}.webp?size=96" alt="Server icon"> 
            <div class="name">{{ guild.name }}</div>
            <a href="https://discord.gg/{{ guild.invite }}">Join</a>
            {% if guild.recommended %}
            <div class="label-wrapper">
                <div class="label">Recommended</div>
            </div>
            {% endif %}
        </div>
        {% endfor %}
    </div>
</dialog>
<script>
document.querySelector("dialog").showModal();
</script>