@use template_utils::*;
@use plume_models::instance::Instance;
@use routes::*;

@(ctx: BaseContext, instance: Instance, n_users: i64, n_articles: i64)

<section class="split" dir="auto">
    <div class="presentation card">
        <h2>@i18n!(ctx.1, "What is Plume?")</h2>
        <main>
            <p>@i18n!(ctx.1, "Plume is a decentralized blogging engine.")</p>
            <p>@i18n!(ctx.1, "Authors can manage multiple blogs, each as its own website.")</p>
            <p>@i18n!(ctx.1, "Articles are also visible on other Plume instances, and you can interact with them directly from other platforms like Mastodon.")</p>
        </main>
        <a href="@uri!(user::new)">@i18n!(ctx.1, "Create your account")</a>
    </div>
    <div class="presentation card">
        <h2>@i18n!(ctx.1, "About {0}"; instance.name)</h2>
        <main>
            @Html(instance.short_description_html)
            <section class="stats">
                <div>
                    <p>@Html(i18n!(ctx.1, "Home to <em>{0}</em> people"; n_users))</p>
                </div>
                <div>
                    <p>@Html(i18n!(ctx.1, "Who wrote <em>{0}</em> articles"; n_articles))</p>
                </div>
            </section>
        </main>
        <a href="@uri!(instance::about)">@i18n!(ctx.1, "Read the detailed rules")</a>
    </div>
</section>