Common footer to outline page

Author: joncrangle

handlers/playground.html

@@ -361,23 +361,21 @@
         class="mt-48 h-[calc(100vh-14.5rem)] w-full overflow-x-hidden overflow-y-auto border-t-2 border-b-2 border-slate-400 dark:border-slate-700"
       ></iframe>
 
-      <footer
-        class="fixed bottom-0 inset-x-0 mx-4 h-10 text-center max-w-3xl lg:mx-auto py-2 text-slate-600 dark:text-slate-400"
-      >
-        <p>
-          Code Licensed Under GPL v3.0 |
+      <footer class="mx-4 my-2 text-center text-slate-600 dark:text-slate-400">
+        <small>
           <a
-            href="https://github.com/everywall/ladder"
+            href="https://github.com/everywall"
             class="hover:text-blue-500 dark:hover:text-blue-500 hover:underline underline-offset-2 transition-colors duration-300"
-            >View Source</a
+            >Everywall</a
           >
           |
           <a
-            href="https://github.com/everywall"
+            href="https://github.com/everywall/ladder"
             class="hover:text-blue-500 dark:hover:text-blue-500 hover:underline underline-offset-2 transition-colors duration-300"
-            >Everywall</a
+            >Source</a
           >
-        </p>
+          | Code Licensed Under GPL v3.0
+        </small>
       </footer>
       <div
         id="modalContainer"