2026-07-21 19:50:36 +10:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
2026-07-22 17:15:05 +10:00
|
|
|
<title>settings</title>
|
2026-07-21 19:50:36 +10:00
|
|
|
<link rel="stylesheet" type="text/css" href="/style.css">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<script src="/script.js"></script>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<nav>
|
|
|
|
|
<div id="brand">
|
|
|
|
|
<h2><a href="/">chookchat</a></h2>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<ul>
|
|
|
|
|
<li><a id="loginLink" href="/login">login</a></li>
|
2026-07-22 17:15:05 +10:00
|
|
|
<li><a href="/friends">friends</a></li>
|
2026-07-21 19:50:36 +10:00
|
|
|
<li><a href="/settings">settings</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</nav>
|
|
|
|
|
<div id="posts">
|
|
|
|
|
<div id="posts-header">
|
|
|
|
|
<h1>settings</h1>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="password-settings">
|
|
|
|
|
<h3>password</h3>
|
|
|
|
|
<p>Enter a new password in the box, and click 'change password' to set a new password</p>
|
|
|
|
|
<label for="change-password-oldpassword">Old password:</label>
|
|
|
|
|
<input id="change-password-oldpassword" type="password"></input>
|
|
|
|
|
<br>
|
|
|
|
|
<label for="change-password">New password:</label>
|
|
|
|
|
<input id="change-password" type="password"></input>
|
|
|
|
|
<br>
|
|
|
|
|
<button onclick="settingsChangePassword()">Change Password</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="invalidate-sessions">
|
|
|
|
|
<h3>invalidate sessions</h3>
|
|
|
|
|
<p>this button will invalidate all your sessions, and you will have to log in again on all your devices.</p>
|
|
|
|
|
<button onclick="invalidateAllSessions()">Invalidate All Sessions</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="username-settings">
|
|
|
|
|
<h3>username</h3>
|
|
|
|
|
<p>Enter a new username in the box, and click 'set username' to set a new username</p>
|
|
|
|
|
<p>Note: any links to your profile will break! However, any links to your posts will remain.</p>
|
|
|
|
|
<label for="change-username">New username:</label>
|
|
|
|
|
<input id="change-username"></input>
|
|
|
|
|
<br>
|
|
|
|
|
<label for="change-username-password">Password:</label>
|
|
|
|
|
<input id="change-username-password" type="password"></input>
|
|
|
|
|
<br>
|
|
|
|
|
<button onclick="settingsChangeUsername()">Change Username</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="bio-settings">
|
|
|
|
|
<h3>bio</h3>
|
|
|
|
|
<p>set a new bio here!</p>
|
|
|
|
|
<textarea id="change-bio"></textarea>
|
|
|
|
|
<br>
|
|
|
|
|
<button onclick="settingsChangeBio()">Change Bio</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
