feat: added footer.

Author: a1t0ghb

rsrcs/io_inputs/app/config/web_pages/antigravity.html

@@ -88,5 +88,8 @@ <h1>'Antigravity' Example.</h1>
                 <!-- <svg id="pyscript_output"></svg> -->
             </section>
         </main>
+        <footer class="footer">
+            <p>Desarrollado por: a1t0ghb | <a href="https://github.com/a1t0ghb" target="_blank">https://github.com/a1t0ghb</a> | <a href="mailto:js101@a1t0.aleeas.com" target="_blank">js101@a1t0.aleeas.com</a></p>
+        </footer>
     </body>
 </html>

rsrcs/io_inputs/app/config/web_pages/hello_world.html

@@ -147,5 +147,8 @@ <h2>Example with 'pyscript.display': display date and time, NOT USING 'target='
                 <br>
             </section>
         </main>
+        <footer class="footer">
+            <p>Desarrollado por: a1t0ghb | <a href="https://github.com/a1t0ghb" target="_blank">https://github.com/a1t0ghb</a> | <a href="mailto:js101@a1t0.aleeas.com" target="_blank">js101@a1t0.aleeas.com</a></p>
+        </footer>
     </body>
 </html>

rsrcs/io_inputs/app/config/web_pages/home.html

@@ -29,7 +29,7 @@
         - 'module' scripts: 'https://neerajdana.medium.com/understanding-type-module-in-javascript-a-comprehensive-guide-ebb13926da7a'.
         - 'module' vs. 'non-module' scripts: 'https://neerajdana.medium.com/understanding-type-module-in-javascript-a-comprehensive-guide-ebb13926da7a'.
         -->
-        <script type="module" src="./home-loading_splashscreen_(app).js"></script>
+        <!-- <script type="module" src="./home-loading_splashscreen_(app).js"></script> -->
         <!-- Fallback call to PyScript script to trigger 'py:ready' event, in case there are no PyScript scripts in the page. -->
         <script type="py" defer></script>
     </head>
@@ -69,5 +69,8 @@ <h1>PyScript Exercises.</h1>
                 </ul>
             </section>
         </main>
+        <footer class="footer">
+            <p>Desarrollado por: a1t0ghb | <a href="https://github.com/a1t0ghb" target="_blank">https://github.com/a1t0ghb</a> | <a href="mailto:js101@a1t0.aleeas.com" target="_blank">js101@a1t0.aleeas.com</a></p>
+        </footer>
     </body>
 </html>

rsrcs/io_inputs/app/config/web_pages/home_(style).css

@@ -56,6 +56,15 @@ html {
 body {
     background-color: var(--colors_background);
     color: var(--colors_02);
+    /* Make 'footer' stay at the bottom, by expanding 'main': 'https://stackoverflow.com/questions/643879/css-to-make-html-page-footer-stay-at-bottom-of-the-page-with-a-minimum-height-b/20352949#20352949'. */
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;                                  /* Change height display to MINIMUM 100% of VISIBLE screen. */
+}
+
+main {
+    /* Make 'footer' stay at the bottom, by expanding 'main': 'https://stackoverflow.com/questions/643879/css-to-make-html-page-footer-stay-at-bottom-of-the-page-with-a-minimum-height-b/20352949#20352949'. */
+    flex-grow: 1;
 }
 
 ul {
@@ -126,4 +135,11 @@ ul {
     .main-content-pyscript_output_text {
         color: var(--colors_04);
     }
+
+    .footer {
+        background-color: var(--colors_01);
+        color: var(--colors_background);
+        text-align: center;
+        padding: 12px;
+    }
 }