markup::define! {
    LoginPage {
        form[method="POST"] {
            h1 { "Sign in with your website" }
            p {
                "Signing in to Kittybox might allow you to view private content "
                    "intended for your eyes only."
            }

            section {
                label[for="url"] { "Your website URL" }
                input[id="url", name="url", placeholder="https://example.com/"];
                input[type="submit"];
            }
        }
    }

    LogoutPage {
        script[type="module"] {
            @markup::raw(r#"const form = document.getElementById("logout");
form.submit();
"#)
        }
        form[id="logout", method="POST"] {
            p { "You will be logged out automatically if you have JavaScript on." }
            noscript { p { "However, you don't seem to have it running. No worries, just press the button to be logged out." } }

            input[type="submit", value="Sign out"];
        }
    }
}