Jordan/math-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

styling changes and cleaning out html files a bit

Browse Source
This commit is contained in:
ralphi3
2026-06-19 14:00:27 +12:00
parent 3077594cf3
commit 2c10524052
5 changed files with 17 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/style.css
+8 -1
View File
@@ -6,7 +6,7 @@ body {
margin: 0; margin: 0;
font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
color: #1a1a1a; color: #1a1a1a;
background-color: #fafafa; background-color: #F5F5F5;
line-height: 1.6; line-height: 1.6;
} }
@@ -77,3 +77,10 @@ image {
border-radius: 4px; border-radius: 4px;
margin-bottom: 8px; margin-bottom: 8px;
} }
.signup{
border: 3px solid black;
padding: 40px;
border-radius: 4px;
margin-left: auto;
}
templates/base.html
-3
View File
@@ -1,5 +1,3 @@
<!DOCTYPE html>
<html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -23,4 +21,3 @@
{% block content %}{% endblock %} {% block content %}{% endblock %}
</main> </main>
</body> </body>
</html>
templates/signin.html
+4 -5
View File
@@ -1,7 +1,7 @@
{% extends 'base.html' %} {% extends 'base.html' %}
{% block content %} {% block content %}
<h1>Sign in</h1> <h1 style="text-decoration: underline;"> Sign in to your account</h1>
{% with messages = get_flashed_messages() %} {% with messages = get_flashed_messages() %}
{% if messages %} {% if messages %}
@@ -13,15 +13,14 @@
{% endif %} {% endif %}
{% endwith %} {% endwith %}
<form action="{{ url_for('signin') }}" method="POST"> <form action="{{ url_for('signin') }}" method="POST" class="signup">
<label for="username">Username:</label> <label for="username">Username:</label>
<input type="text" id="username" name="username" required><br><br> <input type="text" id="username" name="username" required><br><br>
<label for="password">Password:</label> <label for="password">Password:</label>
<input type="password" id="password" name="password" required><br><br> <input type="password" id="password" name="password" required><br><br>
<button type="submit">Sign In</button> <button type="submit" style="font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; border-color: gray; border-radius: 4px; border-width: 4px; margin-bottom: 20px;">Sign In</button>
<p>Don't have an account? <a href="{{ url_for('signup') }}">Create one</a></p>
</form> </form>
<p>Don't have an account? <a href="{{ url_for('signup') }}">Sign up</a></p>
{% endblock %} {% endblock %}
templates/signup.html
+4 -12
View File
@@ -1,14 +1,7 @@
{% extends 'base.html' %} {% extends 'base.html' %}
{% block content %} {% block content %}
<head> <h1 style="text-decoration: underline;">Sign up to make a account</h1>
<meta charset="UTF-8"> <form action="/submit-form" method="POST" class="signup">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Sign up to make a new account</h1>
<form action="/submit-form" method="POST">
<label for="username">Username:</label> <label for="username">Username:</label>
<input type="text" id="username" name="username" required><br><br> <input type="text" id="username" name="username" required><br><br>
@@ -18,8 +11,7 @@
<label for="password">Password:</label> <label for="password">Password:</label>
<input type="password" id="password" name="password" required><br><br> <input type="password" id="password" name="password" required><br><br>
<button type="submit">Submit to Database</button> <button type="submit" class="submitbutton" style="font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; border-color: gray; border-radius: 4px; border-width: 4px;">Create account</button>
</form> </form>
</body>
{% endblock %} {% endblock %}
templates/test.html
-13
View File
@@ -1,13 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>testpage</title>
</head>
<body>
<h1>testpage</h1>
<h2>testpage</h2>
<h3>testpage</h3>
</body>
</html>