Implements sign up form.
This commit is contained in:
parent
4c0a88a131
commit
29eb22cf9c
1 changed files with 36 additions and 5 deletions
|
|
@ -34,10 +34,11 @@ proc genHeader(): VNode =
|
||||||
section(class="navbar-section"):
|
section(class="navbar-section"):
|
||||||
tdiv(class="input-group input-inline"):
|
tdiv(class="input-group input-inline"):
|
||||||
input(class="search-input input-sm", `type`="text", placeholder="search")
|
input(class="search-input input-sm", `type`="text", placeholder="search")
|
||||||
|
a(href="#signup-modal", id="signup-btn"):
|
||||||
button(class="btn btn-primary btn-sm"):
|
button(class="btn btn-primary btn-sm"):
|
||||||
italic(class="fas fa-user-plus")
|
italic(class="fas fa-user-plus")
|
||||||
text " Sign up"
|
text " Sign up"
|
||||||
a(href="#login-modal"):
|
a(href="#login-modal", id="login-btn"):
|
||||||
button(class="btn btn-primary btn-sm"):
|
button(class="btn btn-primary btn-sm"):
|
||||||
italic(class="fas fa-sign-in-alt")
|
italic(class="fas fa-sign-in-alt")
|
||||||
text " Log in"
|
text " Log in"
|
||||||
|
|
@ -66,9 +67,39 @@ proc genHeader(): VNode =
|
||||||
tdiv(class="modal-footer"):
|
tdiv(class="modal-footer"):
|
||||||
button(class="btn btn-primary"):
|
button(class="btn btn-primary"):
|
||||||
text "Log in"
|
text "Log in"
|
||||||
|
a(href="#signup-modal"):
|
||||||
button(class="btn"):
|
button(class="btn"):
|
||||||
text "Create account"
|
text "Create account"
|
||||||
|
|
||||||
|
tdiv(class="modal", id="signup-modal"):
|
||||||
|
a(href="#", class="modal-overlay", "aria-label"="close")
|
||||||
|
tdiv(class="modal-container"):
|
||||||
|
tdiv(class="modal-header"):
|
||||||
|
a(href="#", class="btn btn-clear float-right", "aria-label"="close")
|
||||||
|
tdiv(class="modal-title h5"):
|
||||||
|
text "Create a new account"
|
||||||
|
tdiv(class="modal-body"):
|
||||||
|
tdiv(class="content"):
|
||||||
|
form():
|
||||||
|
tdiv(class="form-group"):
|
||||||
|
label(class="form-label", `for`="email"):
|
||||||
|
text "Email"
|
||||||
|
input(class="form-input", `type`="text", id="email")
|
||||||
|
tdiv(class="form-group"):
|
||||||
|
label(class="form-label", `for`="username"):
|
||||||
|
text "Username"
|
||||||
|
input(class="form-input", `type`="text", id="username")
|
||||||
|
tdiv(class="form-group"):
|
||||||
|
label(class="form-label", `for`="password"):
|
||||||
|
text "Password"
|
||||||
|
input(class="form-input", `type`="password", id="password")
|
||||||
|
tdiv(class="modal-footer"):
|
||||||
|
button(class="btn btn-primary"):
|
||||||
|
text "Create account"
|
||||||
|
a(href="#login-modal"):
|
||||||
|
button(class="btn"):
|
||||||
|
text "Log in"
|
||||||
|
|
||||||
|
|
||||||
const appName = "/karax"
|
const appName = "/karax"
|
||||||
type Params = Table[string, string]
|
type Params = Table[string, string]
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue