moved footer to layout

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 {
+.content-center {
-  grid-template-columns: repeat(3, minmax(0, 1fr));
+  align-content: center;
-}
-
-.place-content-center {
-  place-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 {
+.marker\:text-slate-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 );
 }
 
@@ -853,9 +795,8 @@ video {
   color: rgb(203 213 225 );
 }
 
-.hover\:text-green-700:hover {
+.marker\:text-slate-400::marker {
-  --tw-text-opacity: 1;
+  color: rgb(148 163 184 );
-  color: rgb(21 128 61 / var(--tw-text-opacity));
 }
 
 .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;
 }

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 %}

templates/app.html

@@ -67,28 +67,5 @@
     >Go to Skills Data Page</a
   >
 </div>
-
+</br>
-
-<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>
 {% endblock %}