Changed reseting page added emailcode page and new password page will need to make more secure all just placeholders atm so its fine

README.md

@@ -13,7 +13,7 @@ only works on device local not local network or with a public ip and port forwar
 at the moment there is no demo kinda build to test it out but that will be added in the future with the official website demo will just be a less features way to check the website out
 
 
-done
+Made
 
 singup system, 
 signin system, 
@@ -22,13 +22,14 @@ database to store accounts
 
 ------------------------------------------------------------------------------
 
-not done
+Not Made
 
 information, 
 quizzes, 
 formulas, 
 good looking pages
 reseting password
+guides
 
 
 Guide to running 

app.py

@@ -177,5 +177,13 @@ def page_not_found(e):
 @app.route('/resetpassword')
 def resetpassword():
     return render_template('resetpassword.html')
+
+@app.route('/resetpasscode')
+def resetpasscode():
+    return render_template('resetpasswordcode.html')
+
+@app.route('/newpassword')
+def newpassword():
+    return render_template('newpassword.html')
 if __name__ == '__main__':
     app.run(debug=True)

templates/bivariate.html

@@ -1,27 +1,5 @@
 {% extends 'base.html' %}
 {% block content %}
-<style>
-
-.sources {
-  background-color: gray;
-  color: white;
-  text-align: left;
-  height: 200px;
-  width: 1660px;
-  margin-top: auto;
-}
-
-.sourcescontent{
-    margin-left: 8px;
-    color:white;
-}
-
-.mainpart {
-  display: flex;
-  flex-direction: column;
-  min-height: 80vh;
-}
-</style>
 <div class="mainpart">
 <h1>Information on bivariate data Analysis</h1>
 

templates/newpassword.html

@@ -0,0 +1,27 @@
+{% extends 'base.html' %}
+{% block content %}
+
+<style>
+    body{
+        margin-left: 500px;
+        margin-top: 80px;
+        margin-right: 500px;
+        border: 3px solid black;
+        padding: 10px;
+        border-radius: 4px;
+    }
+
+    .button{
+        margin-left: 250px;
+    }
+
+    .emailbox{
+        margin-left: 170px;
+    }
+</style>
+<h2>Enter your new password<h2>
+<p style="color: gray; text-decoration: underline;">This page is just a placeholder at the moment not functional</p>
+<p class="pass">Enter new password:      <input required><br><br></p>
+<p class="pass">Enter new password again      <input required><br><br></p>
+<a class="button" href="/" style="font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; border-color: gray; border-radius: 4px; border-width: 4px; border-style: solid; display: inline-block; text-decoration: none; padding: 8px 16px; color: black;">Change</a>
+{% endblock %}

templates/resetpassword.html

@@ -11,7 +11,7 @@
         border-radius: 4px;
     }
 
-    button{
+    .button{
         margin-left: 250px;
     }
 
@@ -22,5 +22,5 @@
 <h2>Forgotten you password just enter your email below and you'll be sent a link to reset your password</h2>
 <p style="color: gray; text-decoration: underline;">This page is just a placeholder at the moment not functional</p>
 <p class="emailbox">Enter email here:      <input type="email" id="email" name="email" required><br><br></p>
-<button type="resetpassword" style="font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; border-color: gray; border-radius: 4px; border-width: 4px;">Send reset email</button>
+<a class="button" href="/resetpasscode" style="font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; border-color: gray; border-radius: 4px; border-width: 4px; border-style: solid; display: inline-block; text-decoration: none; padding: 8px 16px; color: black;">Send reset email</a>
 {% endblock %}

templates/resetpasswordcode.html

@@ -0,0 +1,26 @@
+{% extends 'base.html' %}
+{% block content %}
+
+<style>
+    body{
+        margin-left: 500px;
+        margin-top: 80px;
+        margin-right: 500px;
+        border: 3px solid black;
+        padding: 10px;
+        border-radius: 4px;
+    }
+
+    .button{
+        margin-left: 250px;
+    }
+
+    .emailbox{
+        margin-left: 170px;
+    }
+</style>
+<h2>Forgotten you password just enter the code that was sent to you via email<h2>
+<p style="color: gray; text-decoration: underline;">This page is just a placeholder at the moment not functional</p>
+<p class="emailcode">Enter code recieved in email:      <input required><br><br></p>
+<a class="button" href="/newpassword" style="font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; border-color: gray; border-radius: 4px; border-width: 4px; border-style: solid; display: inline-block; text-decoration: none; padding: 8px 16px; color: black;">Change</a>
+{% endblock %}