<div class="box cell">
    <article class="media">
        <div class="media-left">
            <figure class="image is-64x64">
                <img
                    src="https://raw.githubusercontent.com/YunoHost/apps/refs/heads/main/logos/{{ slug }}.png"
                    alt="Logo de {{ name }}"
                    loading="lazy"
                />
            </figure>
        </div>
        <div class="media-content">
            <div class="content">
                <p><strong>{{ name }}</strong></p>
                <p>{{ body | markdown(inline=true) | safe }}</p>
            </div>
            <nav class="is-mobile">
                <div class="grid buttons">
                    <a
                        class="cell button"
                        aria-label="website"
                        href="{{ website }}"
                    >
                        <p>Site officiel</p>
                    </a>
                    <a
                        class="cell button"
                        aria-label="catalogue"
                        href="https://apps.yunohost.org/app/{{ slug }}"
                    >
                        <p>Catalogue YunoHost</p>
                    </a>
                    <a
                        class="cell button"
                        aria-label="repo"
                        href="https://github.com/YunoHost-Apps/{{ slug }}_ynh"
                    >
                        <p>Dépôt du code</p>
                    </a>
                </div>
            </nav>
        </div>
    </article>
</div>
