{{template "top" .}}
<div class="container col-xl-10 col-xxl-8 px-4 py-5">
<div class="row align-items-center g-lg-5 py-5">
    <div class="col-lg-7 text-center text-lg-start">
        <h1 class="display-4 fw-bold lh-1 mb-3">Kuvia</h1>
        <p class="col-lg-10 fs-4">A modern, open source, image gallery software written in go. Upload you high resolution pictures and get a beautiful profile page.</p>
    </div>
    {{ if ne .g_loggedin true }}
    <div class="col-md-10 mx-auto col-lg-5">
        <form class="p-4 p-md-5 border rounded-3 bg-light" method="post" action="/login">
            <div class="form-floating mb-3">
                <input type="text" name="username" class="form-control" id="floatingInput" placeholder="username">
                <label for="floatingInput">Username</label>
            </div>
            <div class="form-floating mb-3">
                <input type="password" name="password" class="form-control" id="floatingPassword" placeholder="Password">
                <label for="floatingPassword">Password</label>
            </div>
            <button class="w-100 btn btn-lg btn-primary" type="submit">Sign up</button>
            <hr class="my-4">
            <small class="text-muted"><a href="/register">Register new Account</a></small>
        </form>
    </div>
    {{ end }}
</div>
</div>
{{template "bottom" .}}