✨ Added page to change own password

templates/base.html

@@ -77,7 +77,6 @@
 
         .dialog label {
             display: flex;
-            margin-bottom: 1em;
             align-items: center;
         }
 
@@ -112,6 +111,7 @@
         {{ end }}
         <hr/>
         <span><a href="my-shares">My Shares</a></span>
+        <span><a href="change-password">Change Password</a></span>
         <hr/>
         <span><a href="logout">Logout</a></span>
     {{ end }}

templates/change-password.html

@@ -0,0 +1,32 @@
+{{ define "page-styles"}}
+    <style>
+        .form-content {
+            display: grid;
+            grid-gap: .5em;
+            grid-template-columns: 1fr;
+        }
+
+        .form-content input {
+            margin-bottom: 1em;
+        }
+    </style>
+{{ end }}
+
+{{ define "page-content" }}
+    <form method="post" class="dialog">
+        <div class="form-content">
+            <label for="password">Current Password</label>
+            <input type="password" name="password" id="password" placeholder="Password" size="32"/>
+
+            <label for="password-new">New Password</label>
+            <input type="password" name="password-new" id="password-new" placeholder="New Password" size="32"/>
+
+            <label for="password-repeat">Repeat Password</label>
+            <input type="password" name="password-repeat" id="password-repeat" placeholder="Repeat New Password" size="32"/>
+
+        </div>
+        <div class="form-controls">
+            <input type="submit" value="Change Password"/>
+        </div>
+    </form>
+{{ end }}