feat: add 404 page design

eventyog/settings.py

@@ -28,6 +28,7 @@
 
 # SECURITY WARNING: don't run with debug turned on in production!
 DEBUG = not PRODUCTION
+DEBUG = False
 
 ALLOWED_HOSTS = ['*']
 

modules/authentication/urls.py

@@ -4,8 +4,8 @@
 app_name = 'auth'
 
 urlpatterns = [
-    path('/login', login_user, name='login'),
-    path('/logout', logout_user, name='logout'),
-    path('/register', register, name='register'),
-    path('/profile', profile, name='profile')
+    path('login', login_user, name='login'),
+    path('logout', logout_user, name='logout'),
+    path('register', register, name='register'),
+    path('profile', profile, name='profile')
 ]

templates/404.html

@@ -0,0 +1,18 @@
+{% extends "base.html" %}
+{% block content%}
+    <main class="p-20 flex items-center justify-center h-screen w-full flex flex-col gap-4">
+        <h1 class="text-5xl font-bold">
+            404
+        </h1>
+        <p>
+            Sorry, the page you are looking for could not be found.
+        </p>
+        <a href="{% url 'main:main' %}">
+            <button
+                class="bg-[#003FE2] text-white py-3 px-10 text-sm font-semibold rounded-3xl hover:scale-105 duration-300"
+            >
+                Go back to home
+            </button>
+        </a>
+    </main>
+{% endblock content%}

templates/base.html

@@ -22,7 +22,7 @@
             {% if show_navbar %}
                 {% include "ds/navbar.html" %}
             {% endif %}
-            <div class="container h-full min-h-screen">
+            <div class="h-full min-h-screen w-full">
                 {% block content %}{% endblock content%} 
             </div>