customized landing with moving message

Author: agarnung

README.md

@@ -121,6 +121,7 @@ Changes made to fulfil my needs:
 * Added sass compilation tags in config.xml
 * Added [PDF viewer](https://github.com/alesordo/alesordo.github.io)
 * Added scss and modified ```portfolYOU.scss```
+* Customized landing page
 
 <div align="center">
 <sub><sup>© 2025 Alejandro Garnung Menéndez, licensed under the <a href="./LICENSE">MIT License</a>.</sup></sub>

_config.yml

@@ -2,7 +2,7 @@
 source              : . 		  	# Indica la raíz de tu proyecto. Jekyll busca aquí todo el contenido y los archivos necesarios para generar el sitio
 title               : agarnung.github.io
 description         : >-
-                      A work in progress...
+                      Under continuous development
 incremental	    : false
 
 # URL base donde se aloja el sitio:

_includes/landing.html

@@ -1,15 +1,52 @@
 <div class="row justify-content-center align-items-center p-4">
-  <div class="col-lg-4 col-md-6 text-center mt-4">
+  <div class="col-md-6 text-center mt-4">
 
     <!-- Fine Circle Responsive Image -->
     <div id="container" class="my-2">
       <div id="dummy"></div>
       <div id="element">
-        <img src="{{ site.author.image }}" alt="{{ site.title }}" class="circle-image wow animated zoomIn" data-wow-delay=".1s">
+        <img src="{{ site.author.image }}" alt="{{ site.title }}" class="circle-image wow animated zoomIn"
+          data-wow-delay=".1s" data-toggle="tooltip" title="me">
       </div>
     </div>
 
-    <p class="text-muted wow animated slideInUp" data-wow-delay=".15s">{{ site.description }}</p>
+    <div class="text-muted wow animated slideInUp" data-wow-delay=".2s">
+      <div class="container mt-4">
+        <h3 class="font-weight-bold">Hi! Welcome to my website</h3>
+      </div>
+    </div>
+    
+
+  </div>
 
+<section class="p-4 align-items-start" class="text-muted wow animated slideInUp" data-wow-delay=".1s">
+  <div class="col-lg-8 mx-auto markdown-body" style="text-align: justify;">
+    <p>
+      I am Alejandro, <span id="age"></span> years old. Here, you can take a look at my (personal) <a href="/projects">projects</a> (I have selected several that are available on my GitHub profile), <a href="/blog">blog</a> (where I document and share insights about computer vision, image processing, math, geometry, engineering, among other topics), <a href="/publications">publications</a> (a mix of informal, formal, and quasi-formal documents I find valuable for anyone interested in my fields), and, if you'd like to know more about me, <a href="/about">additional information</a>.
+    </p>
   </div>
-</div>
+</section>
+    
+</div>
+
+<div style="white-space: nowrap; overflow: hidden; position: relative; width: 100%; height: 50px; background-color: transparent;">
+  <div style="display: inline-block; position: absolute; animation: scroll-left 10s linear infinite; font-family: monospace; color: grey;">
+    &lt;div&gt; 🚀 {{ site.description }} 🚀 &lt;/div&gt;
+  </div>
+</div>
+
+<style>
+  @keyframes scroll-left {
+    0% {
+      transform: translateX(200%);
+    }
+    100% {
+      transform: translateX(-100%);
+    }
+  }
+  
+    div[style*="animation: scroll-left"] {
+    white-space: nowrap;
+  }
+</style>
+

assets/TODO.txt

@@ -9,3 +9,5 @@
 - Zoom aislado en el visor de PDF
 - Refractorizar para no meter en el markdown tanto javascript/html.
 - Habilitar mediante tag en el .md la posibilidad de añadir una foto miniatura en la previsualización del post del blog
+- Dynamically calculate my age and the year of the copyright
+- Debajo de mi foto, ahí algo dinámico (hora del día, quote of the day, etc.)

pages/about.md

@@ -18,7 +18,6 @@ My interests focus on the research and development of analytical techniques and
 {% include about/skills.html title="Other Skills" source=site.data.other-skills %}
 </div>
 
-
 ## **Education**
 <div class="row">
 {% include about/timeline.html %}