doc: updated 'README.md' and adjusted html's for README gif.

Author: a1t0ghb

.gitignore

@@ -8,5 +8,5 @@
 # #  Keys.
 # *-input_secrets.yaml
 
-# #  Specific files: original screen recording, to reduce possibilities of doxing.
-# vid-readme_frontpage_gif-01_original_footage.mp4
+#  Specific files: original screen recording, to reduce possibilities of doxing.
+vid-readme_frontpage_gif-01_original_footage.mp4

README.md

@@ -13,7 +13,7 @@
 🚧 WIP: section under construction. 🚧
 -->
 
-<!-- Badge: Done
+<!-- Badge: Done 
 <p align="left">
   <a href="#" onclick="return false;"><img src="https://img.shields.io/badge/STATUS-DONE-green?style=flat"/></a>
 </p> -->
@@ -25,6 +25,61 @@
 - 'https://github.com/facebook/docusaurus'.
 -->
 
-# lessons-pyscript-tutorial_import_files-pyscript_documentation-d250924
+# PyScript Exercises Portfolio.
 
-🚧 WIP: section under construction. 🚧
+<p align="center">
+  🌐 '<a href="https://a1t0ghb.github.io/lessons-pyscript-tutorial_import_files-pyscript_documentation-d250924/">https://a1t0ghb.github.io/lessons-pyscript-tutorial_import_files-pyscript_documentation-d250924/</a>'
+</p>
+
+<!--
+Enable autoplay of animated images:
+- 'https://stackoverflow.com/questions/72508378/enable-gif-autoplay-on-github-readme/72509078#72509078'.
+- 'https://github.com/orgs/community/discussions/47709'.
+- 'https://github.com/settings/accessibility'.
+Image width for GitHub READMEs:
+- 'https://github.com/orgs/community/discussions/42424'.
+- 'https://gist.github.com/uupaa/f77d2bcf4dc7a294d109'.
+-->
+<!-- <p align="center">
+    <img src="./rsrcs/media/img-readme_frontpage_media.png" width="1200" />
+</p> -->
+<p align="center">
+    <span>🚧 WIP: section under construction. 🚧</span>
+    <br>
+    <img src="./rsrcs/media/img-readme_frontpage_gif.gif" width="600" />
+</p>
+
+Portfolio to showcase different `PyScript` exercises to learn how to run `Python` in a web-browser. [PyScript](https://pyscript.net/) is an open source platform for running `Python` 'natively' in the browser.
+
+# ℹ About.
+
+- This project started as a next exercise to study (after having done the introduction tutorial '[Polyglot: English to Pirate Speak](https://github.com/a1t0ghb/lessons-pyscript-python_in_web_browsers_beginner_tutorial-pyscript_documentation-d250922/)'), in order to learn [how to import files](https://pyscript.com/@examples/antigravity/latest), but evolved into a more full-feature web-page development.
+- Examples listed and used for studying, are all available at `PyScript` official documentation site: '<https://docs.pyscript.net/2024.5.2/examples/>'.
+- Refer to the very 1st tutorial, '[Polyglot: English to Pirate Speak](https://github.com/a1t0ghb/lessons-pyscript-python_in_web_browsers_beginner_tutorial-pyscript_documentation-d250922/)', for additional details.
+
+**RESOURCES.**
+
+- List of examples from `PyScript` official documentation: '<https://docs.pyscript.net/2024.5.2/examples/>'.
+- 1st implemented tutorial: '<https://github.com/a1t0ghb/lessons-pyscript-python_in_web_browsers_beginner_tutorial-pyscript_documentation-d250922/>'.
+- PyScript vs. JavaScript; project itself, performance, readability, and ecosystem:'<https://towardsdatascience.com/pyscript-vs-javascript-a-battle-of-web-titans/>'.
+- PyScript vs. Pyodide: '<https://python.plainenglish.io/pyscript-or-pyodide-f0f1dc10291f>'.
+
+<!-- Embed dynamic content (image) of contributors:
+- 'https://dev.to/lacolaco/introducing-contributors-img-keep-contributors-in-readme-md-gci'.
+- 'https://contrib.rocks/'.
+-->
+# 🤝 Contributors.
+
+<a href="https://github.com/a1t0ghb/lessons-pyscript-tutorial_import_files-pyscript_documentation-d250924/graphs/contributors">
+  <img src="https://contrib.rocks/image?repo=a1t0ghb/lessons-pyscript-tutorial_import_files-pyscript_documentation-d250924" />
+</a>
+
+Made with [contrib.rocks](https://contrib.rocks).
+
+<!-- Authors table structure
+- From repo: 'https://github.com/camilafernanda/GlicoCare/blob/main/README.md?plain=1'.
+-->
+# 📜 Authors.
+
+| [<img src="https://avatars.githubusercontent.com/u/32377614?v=4" width=70><br><sub>a1t0ghb</sub>](https://github.com/a1t0ghb) |
+| :---: |

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

@@ -88,8 +88,8 @@ <h1>'Antigravity' Example.</h1>
                 <!-- <svg id="pyscript_output"></svg> -->
             </section>
         </main>
-        <footer class="footer">
+        <!-- <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>
+        </footer> -->
     </body>
 </html>

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

@@ -31,7 +31,7 @@
         -->
         <!-- <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>
+        <!-- <script type="py" defer></script> -->
     </head>
     <body>
         <!-- Main dialog (as 'modal', defined in js module '_app-loading_splashscreen.js'), what appears 1st as soon as web page is loaded. -->