better crypto hygeine, start thinking more about ui
This commit is contained in:
@@ -12,16 +12,43 @@
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
body {
|
||||
width: 80vw;
|
||||
min-width: 1000px;
|
||||
margin: auto;
|
||||
}
|
||||
div.box, div.logout {
|
||||
width: 50%;
|
||||
border: 1px solid black;
|
||||
padding: 15px;
|
||||
display: none;
|
||||
}
|
||||
input[type="text"], input[type="password"] {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
#confirm { display: none; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div data-localization="login_warning"></div>
|
||||
|
||||
<input type="text" name="username" id="username" data-localization-placeholder="login_username"><br />
|
||||
<input type="password" name="password" id="password" data-localization-placeholder="login_password"><br />
|
||||
|
||||
<button id="login">login</button>
|
||||
<input type="checkbox" name="remember" id="remember"><label for="remember" data-localization="login_remember"></label>
|
||||
<div class="box">
|
||||
<div id="warning" data-localization="login_warning"></div>
|
||||
<input type="text" name="username" id="username" data-localization-placeholder="login_username" autofocus><br />
|
||||
<input type="password" name="password" id="password" data-localization-placeholder="login_password"><br />
|
||||
|
||||
|
||||
<label for="register" data-localization="login_register"></label>
|
||||
<input type="checkbox" name="register" id="register"><br />
|
||||
<input type="password" name="confirm" id="confirm" data-localization-placeholder="login_confirm">
|
||||
<br />
|
||||
<hr />
|
||||
<button id="login" data-localization="login_login"></button>
|
||||
<input type="checkbox" name="remember" id="remember"><label for="remember" data-localization="login_remember"></label>
|
||||
</div>
|
||||
<div class="logout">
|
||||
<div data-localization="login_logout"></div>
|
||||
<button id="logout">logout</button>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user