aboutsummaryrefslogtreecommitdiff
path: root/app/templates/signup.html
diff options
context:
space:
mode:
Diffstat (limited to 'app/templates/signup.html')
-rw-r--r--app/templates/signup.html112
1 files changed, 0 insertions, 112 deletions
diff --git a/app/templates/signup.html b/app/templates/signup.html
deleted file mode 100644
index 32962b7..0000000
--- a/app/templates/signup.html
+++ /dev/null
@@ -1,112 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>LinkLogger | Signup</title>
-</head>
-<body>
- <div>
- <p id="error"></p>
- <form action="/signup" method="POST">
- <input type="text" name="username" placeholder="Username" required>
- <input type="password" name="password" placeholder="Password" required>
- <button type="submit">Signup</button>
- </form>
- <hr>
- <p>Already have an account? <a href="/login">Log in now</a></p>
- <p>Passwords must be at least 8 characters long and contain a number, special character, and uppercase character.</p>
- </div>
-</body>
-</html>
-
-<style>
- body {
- margin: 0;
- padding: 0;
- font-family: Arial, sans-serif;
- background-color: #2c3338;
- }
-
- div {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- text-align: center;
- max-width: 330px;
- }
-
- input {
- display: block;
- margin: 10px auto;
- width: 300px;
- border-radius: 5px;
- padding: 15px;
- color: #ccc;
- background-color: #3b4148;
- border: none;
- font-size: 17px;
- }
-
- button {
- display: block;
- margin: 10px auto;
- width: 100%;
- border-radius: 5px;
- padding: 15px;
- color: #ccc;
- background-color: #415eac;
- border: none;
- font-size: 17px;
- cursor: pointer;
- }
-
- hr {
- color: #606468;
- }
-
- p {
- color: #606468;
- }
-
- #error {
- font-size: 15px;
- color: #f55757;
- display: none;
- }
-
- a {
- color: #ccc;
- text-decoration: none;
- }
-
- a:hover {
- text-decoration: underline;
- }
-</style>
-
-<script>
- document.querySelector('form').addEventListener('submit', async function(event) {
- // Prevent default form submission
- event.preventDefault();
-
- // Get form data
- const formData = new FormData(this);
-
- // Send POST request
- const response = await fetch('/api/users/register', {
- method: 'POST',
- body: formData
- });
-
- if (response.status != 200) {
- const data = await response.json()
-
- document.getElementById('error').style.display = 'block';
- document.getElementById('error').innerText = data.detail;
- } else {
- window.location.href = '/dashboard';
- }
- });
-</script> \ No newline at end of file