index.html

---
title: Reprose
authButtons: false
---

<div
    class="p-10 flex flex-col gap-4 items-center bg-blue-500 text-white rounded-lg"
    x-data="home"
>
    <h1 class="text-2xl font-medium">
        Reprose is a Markdown editor for GitHub
    </h1>
    <div>
        <template x-if="!auth.check()">
            <button
                x-on:click="login()"
                class="text-xl p-2 flex flex-row gap-2 items-center"
            >
                <span x-html="icons.login"></span>
                Login via Github
            </button>
        </template>
        <template x-if="auth.check()">
            <button
                x-on:click="logout()"
                class="text-xl p-2 flex flex-row gap-2 items-center"
            >
                <span x-html="icons.logout"></span>
                Logout
            </button>
        </template>
    </div>
</div>