Add login GUI #9
2 changed files with 26 additions and 29 deletions
|
@ -1,29 +1,28 @@
|
|||
doctype html
|
||||
html
|
||||
head
|
||||
meta(charset="utf-8")
|
||||
link(rel="stylesheet" type="text/css" href=getStatic("/sass/login.sass"))
|
||||
title Carbon
|
||||
meta(name="viewport" content= "width=device-width, initial-scale=1.0")
|
||||
head
|
||||
meta(charset="utf-8")
|
||||
link(rel="stylesheet" type="text/css" href=getStatic("/sass/login.sass"))
|
||||
title Carbon
|
||||
meta(name="viewport" content="width=device-width, initial-scale=1")
|
||||
|
||||
body
|
||||
main.main
|
||||
div.center-login-container
|
||||
h1 Welcome to the Matrix!
|
||||
form.login-form
|
||||
div.data-input
|
||||
div.form-input-container
|
||||
label(for="login") Username
|
||||
input(type="text" name="login" autocomplete="username" required)#login
|
||||
div.form-input-container
|
||||
|
||||
label(for="password") Password
|
||||
input(name="password" autocomplete="current-password" type="password" required)#password
|
||||
div.form-input-container
|
||||
|
||||
|
||||
label(for="homeserver") Homeserver
|
||||
input(type="text" name="homeserver" value="matrix.org" required)#homeserver
|
||||
div.form-input-container
|
||||
|
||||
input(type="submit" value="Login")
|
||||
body
|
||||
main.main
|
||||
.center-login-container
|
||||
h1 Welcome to the Matrix!
|
||||
form.login-form
|
||||
.data-input
|
||||
.form-input-container
|
||||
label(for="login") Username
|
||||
input(type="text" name="login" autocomplete="username" required)#login
|
||||
|
||||
.form-input-container
|
||||
label(for="password") Password
|
||||
input(name="password" autocomplete="current-password" type="password" required)#password
|
||||
|
||||
.form-input-container
|
||||
label(for="homeserver") Homeserver
|
||||
input(type="text" name="homeserver" value="matrix.org" required)#homeserver
|
||||
|
||||
.form-input-container
|
||||
input(type="submit" value="Login")
|
||||
|
|
|
@ -27,8 +27,7 @@
|
|||
|
||||
.data-input
|
||||
width: 100%
|
||||
|
||||
|
||||
|
||||
.form-input-container
|
||||
width: 100%
|
||||
display: flex
|
||||
|
@ -55,4 +54,3 @@ input[type="submit"]:hover
|
|||
|
||||
label
|
||||
font-size: 1.2em
|
||||
|
||||
|
|
Loading…
Reference in a new issue