Search
Close this search box.
				
					
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dashboard Login - Click A Tree</title>
    <link rel="stylesheet" href="/assets/styles.css">
    
    <script src="https://unpkg.com/htmx.org@1.9.5" integrity="sha384-xcuj3WpfgjlKF+FXhSQFQ0ZNr39ln+hwjN3npfM9VBnUskLolQAcN80McRIVOPuO" crossorigin="anonymous"></script>
    
    <script>

    </script>
</head>
<body>
    <main class="h-100">
        <div class="container h-100">
            <div class="row align-items-center justify-content-center h-100">
                <div class="col-12 col-sm-8 col-lg-6 col-xl-4">
                    <div class="panel p-5">
                     <img decoding="async" src="/assets/img/cat_logo.svg" class="logo--header mb-5 align-self-center" alt="Click a Tree">
                        <form data-hx-post="/send"
                              hx-trigger="submit"
                              hx-target="#response"
                              hx-swap="innerHtml">
                            <label for="email"  class="mb-2">Enter email address</label>
                            <input type="email" name="email" id="email"  class="w-100 mb-3" />
                            <button type="submit" class="btn btn-primary w-100">Send link to Dashboard</button>
                            <p class="htmx-indicator">Loading</p>
                        </form>
                        <div hx-ext="client-side-templates">
                            <p id="response" nunjucks-template="response-nunjucks-template"></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
</body>
</html>