1 files changed, 40 insertions, 0 deletions
diff --git a/templates/password.tmpl b/templates/password.tmpl
new file mode 100644
index 0000000..8b5e8cf
--- /dev/null
+++ b/templates/password.tmpl
@@ -0,0 +1,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>