From 8716ded82437854e9471f3fbdfab627686d3dd8d Mon Sep 17 00:00:00 2001
From: 0ceanSlim <chriskerr@gmx.com>
Date: Fri, 23 Feb 2024 16:53:36 -0500
Subject: [PATCH] moved footer to layout

---
 static/style/output.css | 84 +++++------------------------------------
 templates/.layout.html  | 20 ++++++++++
 templates/app.html      | 25 +-----------
 3 files changed, 31 insertions(+), 98 deletions(-)

diff --git a/static/style/output.css b/static/style/output.css
index 4c99f14..0894072 100644
--- a/static/style/output.css
+++ b/static/style/output.css
@@ -544,10 +544,6 @@ video {
   position: static;
 }
 
-.col-span-1 {
-  grid-column: span 1 / span 1;
-}
-
 .float-left {
   float: left;
 }
@@ -621,11 +617,6 @@ video {
   display: grid;
 }
 
-.w-fit {
-  width: -moz-fit-content;
-  width: fit-content;
-}
-
 .w-full {
   width: 100%;
 }
@@ -634,10 +625,6 @@ video {
   border-collapse: collapse;
 }
 
-.cursor-pointer {
-  cursor: pointer;
-}
-
 .list-disc {
   list-style-type: disc;
 }
@@ -646,20 +633,12 @@ video {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
 
-.grid-cols-2 {
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-}
-
 .grid-cols-4 {
   grid-template-columns: repeat(4, minmax(0, 1fr));
 }
 
-.grid-cols-3 {
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-}
-
-.place-content-center {
-  place-content: center;
+.content-center {
+  align-content: center;
 }
 
 .items-center {
@@ -670,10 +649,6 @@ video {
   justify-content: center;
 }
 
-.gap-1 {
-  gap: 0.25rem;
-}
-
 .gap-x-2 {
   -moz-column-gap: 0.5rem;
        column-gap: 0.5rem;
@@ -747,11 +722,6 @@ video {
   line-height: 2.25rem;
 }
 
-.text-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-}
-
 .text-xl {
   font-size: 1.25rem;
   line-height: 1.75rem;
@@ -783,6 +753,11 @@ video {
   color: rgb(147 197 253 / var(--tw-text-opacity));
 }
 
+.text-purple-300 {
+  --tw-text-opacity: 1;
+  color: rgb(216 180 254 / var(--tw-text-opacity));
+}
+
 .text-purple-400 {
   --tw-text-opacity: 1;
   color: rgb(192 132 252 / var(--tw-text-opacity));
@@ -808,44 +783,11 @@ video {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
-.text-purple-300 {
-  --tw-text-opacity: 1;
-  color: rgb(216 180 254 / var(--tw-text-opacity));
-}
-
-.marker\:text-sky-400 *::marker {
-  color: rgb(56 189 248 );
-}
-
-.marker\:text-purple-500 *::marker {
-  color: rgb(168 85 247 );
-}
-
-.marker\:text-slate-500 *::marker {
-  color: rgb(100 116 139 );
-}
-
-.marker\:text-slate-400 *::marker {
-  color: rgb(148 163 184 );
-}
-
 .marker\:text-slate-300 *::marker {
   color: rgb(203 213 225 );
 }
 
-.marker\:text-sky-400::marker {
-  color: rgb(56 189 248 );
-}
-
-.marker\:text-purple-500::marker {
-  color: rgb(168 85 247 );
-}
-
-.marker\:text-slate-500::marker {
-  color: rgb(100 116 139 );
-}
-
-.marker\:text-slate-400::marker {
+.marker\:text-slate-400 *::marker {
   color: rgb(148 163 184 );
 }
 
@@ -853,9 +795,8 @@ video {
   color: rgb(203 213 225 );
 }
 
-.hover\:text-green-700:hover {
-  --tw-text-opacity: 1;
-  color: rgb(21 128 61 / var(--tw-text-opacity));
+.marker\:text-slate-400::marker {
+  color: rgb(148 163 184 );
 }
 
 .hover\:text-purple-200:hover {
@@ -863,11 +804,6 @@ video {
   color: rgb(233 213 255 / var(--tw-text-opacity));
 }
 
-.hover\:text-red-700:hover {
-  --tw-text-opacity: 1;
-  color: rgb(185 28 28 / var(--tw-text-opacity));
-}
-
 .hover\:underline:hover {
   text-decoration-line: underline;
 }
diff --git a/templates/.layout.html b/templates/.layout.html
index be0070e..60c69cc 100644
--- a/templates/.layout.html
+++ b/templates/.layout.html
@@ -12,6 +12,26 @@
   >
     {% block body %} {% endblock %}
   </body>
+  <div class="mx-auto footer">
+    <h2 class="m-2 text-2xl font-bold">About The App</h2>
+    <p class="leading-7">
+      Dragon Warrior Monsters 2 App, an open-source project where you can explore
+      information about monsters, breeding pairs, and more.
+    </p>
+    <p class="mt-4 leading-7">
+      You can contribute to the development and improvement of this app on our Git
+      repository. Feel free to explore the code, report issues, and submit pull
+      requests.
+    </p>
+    <div class="mt-4">
+      <a
+        href="https://git.happytavern.co/oceanslim/dwm-app"
+        target="_blank"
+        class="text-purple-400 hover:text-purple-200 hover:underline"
+      >
+        View the git repository
+      </a>
+    </div>
   {% for file in js_files %}
   <script src="{{ url_for('static', filename='js/' + file) }}"></script>
   {% endfor %}
diff --git a/templates/app.html b/templates/app.html
index 4fae497..a4bcce6 100644
--- a/templates/app.html
+++ b/templates/app.html
@@ -67,28 +67,5 @@
     >Go to Skills Data Page</a
   >
 </div>
-
-
-<br /><br />
-<div class="mx-auto footer">
-  <h2 class="m-2 text-2xl font-bold">About The App</h2>
-  <p class="leading-7">
-    Dragon Warrior Monsters 2 App, an open-source project where you can explore
-    information about monsters, breeding pairs, and more.
-  </p>
-  <p class="mt-4 leading-7">
-    You can contribute to the development and improvement of this app on our Git
-    repository. Feel free to explore the code, report issues, and submit pull
-    requests.
-  </p>
-  <div class="mt-4">
-    <a
-      href="https://git.happytavern.co/oceanslim/dwm-app"
-      target="_blank"
-      class="text-purple-400 hover:text-purple-200 hover:underline"
-    >
-      View the git repository
-    </a>
-  </div>
-</div>
+</br>
 {% endblock %}