From 456886a72506e83c1d269657f38bcb945781a310 Mon Sep 17 00:00:00 2001
From: kildre <kildre@gmail.com>
Date: Fri, 23 Feb 2024 10:06:03 -0500
Subject: [PATCH 1/3] ui-404-258 # added 404 page and styling

---
 jhub_apps/templates/404.html  | 10 ++++++++++
 jhub_apps/templates/style.css | 11 +++++++++++
 2 files changed, 21 insertions(+)
 create mode 100644 jhub_apps/templates/404.html

diff --git a/jhub_apps/templates/404.html b/jhub_apps/templates/404.html
new file mode 100644
index 00000000..18c7ee84
--- /dev/null
+++ b/jhub_apps/templates/404.html
@@ -0,0 +1,10 @@
+{% extends "page.html" %} {% block title %} 404 Page Not Found {% endblock %} {%
+block main %}
+
+<div class="center-content-text v-center">
+  <h1 class="m-b-0">404 : PAGE NOT FOUND</h1>
+  <h2>Sorry, the page you are looking for does not exist.</h2>
+  <a href="/">Back to Home</a>
+</div>
+
+{% endblock %}
diff --git a/jhub_apps/templates/style.css b/jhub_apps/templates/style.css
index e2a55f40..47171dc2 100644
--- a/jhub_apps/templates/style.css
+++ b/jhub_apps/templates/style.css
@@ -96,6 +96,15 @@ h6 {
     margin-bottom: 40px;
 }
 
+.center-content-text {
+    text-align: center;
+    margin: 0 auto;
+}
+
+.m-b-0{
+    margin-bottom: 0;
+}
+
 label {
     font-family: var(--base-font-family);
 }
@@ -363,6 +372,8 @@ a:focus {
     border-top: 1px solid #e6e6e6;
 }
 
+
+
 @media only screen and (max-width: 480px) {
     .navbar-nav {
         margin: 0;

From 7de1901823e7311a9a0ee7dd26ca59f51996ef81 Mon Sep 17 00:00:00 2001
From: kildre <kildre@gmail.com>
Date: Fri, 23 Feb 2024 10:23:19 -0500
Subject: [PATCH 2/3] ui-404-258 # added role to link for A11Y

---
 jhub_apps/templates/404.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/jhub_apps/templates/404.html b/jhub_apps/templates/404.html
index 18c7ee84..bb555e66 100644
--- a/jhub_apps/templates/404.html
+++ b/jhub_apps/templates/404.html
@@ -4,7 +4,7 @@
 <div class="center-content-text v-center">
   <h1 class="m-b-0">404 : PAGE NOT FOUND</h1>
   <h2>Sorry, the page you are looking for does not exist.</h2>
-  <a href="/">Back to Home</a>
+  <a href="/" role="link">Back to Home</a>
 </div>
 
 {% endblock %}

From 4db94d7fb43495e55d383ae96e200b9d91ecb311 Mon Sep 17 00:00:00 2001
From: kildre <kildre@gmail.com>
Date: Fri, 23 Feb 2024 11:03:34 -0500
Subject: [PATCH 3/3] ui-404-258 # adjusted link url

---
 jhub_apps/templates/404.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/jhub_apps/templates/404.html b/jhub_apps/templates/404.html
index bb555e66..1539d176 100644
--- a/jhub_apps/templates/404.html
+++ b/jhub_apps/templates/404.html
@@ -4,7 +4,7 @@
 <div class="center-content-text v-center">
   <h1 class="m-b-0">404 : PAGE NOT FOUND</h1>
   <h2>Sorry, the page you are looking for does not exist.</h2>
-  <a href="/" role="link">Back to Home</a>
+  <a href="{{base_url}}" role="link">Back to Home</a>
 </div>
 
 {% endblock %}