Created an error404 folder to store files related to error messages.

Added new files: base file, css file and not started error file. Added an image for the error message.

Created an error404 folder to store files related to error messages.
Added new files: base file, css file and not started error file. Added an image for the error message.
ea530206 · Martina Therese R. Reyes · 8aa16989 · ea530206 · ea530206 · ea530206
Commit ea530206 authored Apr 03, 2022 by Martina Therese R. Reyes
4 changed files
--- a/boodlesite/static/css/error404.css
+++ b/boodlesite/static/css/error404.css
+.container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin: 10rem 5rem;
+    padding: 3rem;
+}
+
+.error404__message {
+    margin-left: 1rem;
+}
+
+.error404__icon {
+    margin-right: .5rem;
+}
\ No newline at end of file
--- a/boodlesite/static/media/cashier.png
+++ b/boodlesite/static/media/cashier.png
--- a/boodlesite/templates/error404/base_error404.html
+++ b/boodlesite/templates/error404/base_error404.html
+{% load static %}
+
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+    <head>
+        <meta charset="utf-8">
+        <meta name='viewport' content='width=device-width'>
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+
+        <link rel="stylesheet" type="text/css" href="{% static 'css/error404.css' %}">
+
+        <title>{% block title %}{% endblock %}</title>
+    </head>
+    <body>
+        <!-- page content begins here -->
+
+
+        {% block content %}{% endblock %}
+
+        {% block scripts %}{% endblock %}
+
+        
+    </body>
+</html>
+
+
+
--- a/boodlesite/templates/error404/notstarted_error404.html
+++ b/boodlesite/templates/error404/notstarted_error404.html
+{% extends 'boodlesite\templates\error404\base_error404.html' %}
+{% load static %}
+
+
+{% block title %}{% endblock %}
+
+{% block styles %}
+{% endblock %}
+
+{% block content %}
+
+<div class="container">
+    <div class="error404__icon">
+        <img src="../../static/media/cashier.png" alt="">
+    </div>
+    <div class="error404__message">
+        <h1>This auction has not started</h1>
+        <a href="/">Back to HomePage</a>
+    </div>
+</div>
+
+
+
+{% endblock %}
\ No newline at end of file