<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.min.css" integrity="sha256-2pUeJf+y0ltRPSbKOeJh09ipQFYxUdct5nTY6GAXswA="
        crossorigin="anonymous" />
    <link rel="stylesheet" href="style.css">
    <title>Log In</title>
</head>

<body>
    <div class="hero is-success is-fullheight auth-background">
        <div class="hero-body">
            <div class="container">
                <div class="columns">
                    <div class="column is-one-third-desktop is-offset-one-third-desktop is-half-tablet is-offset-one-quarter-tablet">
                        <div class="content box">
                            <h2 class="has-text-centered is-size-3">Log in</h2>
                            <div class="notification">
                                You have two-factor authentication enabled on this account. Use your TOTP app to
                                generate a code.
                            </div>
                            <form class="form" action="authorize.html">
                                <input type="hidden" name="next" value="">
                                <input type="hidden" name="csrf_token" value="">
                                <div class="field has-addons">
                                    <div class="control is-expanded">
                                        <input id="code" class="input is-large is-uppercase is-family-code is-expanded" type="text" name="code" autofocus="autofocus" >
                                    </div>
                                    <p class="control">
                                        <button class="button is-large is-fullwidth is-success" value="authorize" type="submit">
                                            Check Code
                                        </button>
                                    </p>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>