Changed the way error messages are displayed

tiny0/routes.py

@@ -37,7 +37,7 @@ def short_url(token):
 	# If the query response was empty
 	if not query:
 		# Return the error page with a 404 not found error
-		return render_template("error.html", error_message="404 Not Found"), 404
+		return render_template("error.html", error_code=404, error_message="Not Found"), 404
 
 	# Else if the query response contained data 
 	else:
@@ -52,8 +52,8 @@ def donate():
 # Error handling routes
 @app.errorhandler(404)
 def error_404(error):
-	return render_template("error.html", error_message="404 Not Found"), 404
+	return render_template("error.html", error_code=404, error_message="Not Found"), 404
 
 @app.errorhandler(500)
 def error_500(error):
-	return render_template("error.html", error_message="500 Internal Server Error"), 500
+	return render_template("error.html", error_code=500, error_message="Internal Server Error"), 500

tiny0/static/style.css

@@ -90,7 +90,7 @@ body {
     color: #ffffff;
     text-align: center;
     font-size: 100%;
-    margin: 1.5% 0 0 0;
+    margin: 2vh 0 0 0;
 }
 
 .error-message {

tiny0/templates/error.html

@@ -7,8 +7,9 @@
 			<h1 class="desc">Custom URL Shortener</h1>
 		</div>
 		
-		<div class="error-message">
-			<h1>{{ error_message }}</h1>
-		</div>
+		<ul class="error-message">
+			<li><h1>{{ error_code }}</h1></li>
+			<li><h1>{{ error_message }}</h1></li>
+		</ul>
 	</body>
 {% endblock %}

tiny0/templates/index.html

@@ -19,7 +19,7 @@
 				<form method="POST" action="">
 					{{ form.hidden_tag() }}
 					<div class="inputs">
-						{{ form.url(placeholder="Enter the URL here", class="url") }}
+						{{ form.url(placeholder="Enter the URL here", autofocus=true, class="url") }}
 						{{ form.submit(class="button") }}
 					</div>
 					{% if form.url.errors %}