blob: 8b5e8cf74e0165ddf8504fd4aa8b615950e4083a (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
|
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style>
body{margin: 0 auto; width: 600px; padding-top: 10em; font-family: "Source Sans Pro"; font-size: 15px;}
form > hr{border: none; border-top: 1px solid #e6e6e6; margin: 1.3em 0;}
form > h4{font-weight: 300; font-size: 19px; margin-bottom: 0} label {font-weight: bold; text-align: right;}
form > div {display: grid; grid-template-columns: 3fr 5fr; grid-gap: 1em 1em; align-items: center;}
form .danger { background-color: #f8d7da; grid-column: 1 / 3; color: #721c24; padding: 0.8em 1em}
form .success { background-color: #d4edda; grid-column: 1 / 3; color: #155724; padding: 0.8em 1em}
input, button {font-size: inherit; font-family: inherit; line-height: inherit; padding: 0.8em 1em; border-radius: 0}
input {border: 1px solid #cccccc; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s}
input:focus {border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}
button {border: 1px solid #2780e3; background-color: #2780e3; color: white; cursor: pointer; grid-column: 2; justify-self: left}
button:hover {background-color: #1967be; border-color: #1862b5}
</style>
</head>
<body>
<form action="/password" role="form" method="post">
<h4>Mot de passe</h4>
<hr>
<div>
<label for="password">Nouveau mot de passe :</label>
<input type="password" id="password" name="password"/>
<label for="confirm">Répéter le mot de passe :</label>
<input type="password" id="confirm" name="confirm"/>
{{ if .Value }} <div class="{{.Type}}">{{.Value}}</div> {{end}}
<button type="submit" name="save">Enregistrer</button>
</div>
<hr>
</form>
</body>
</html>
|
