Nuevos plugin JQuery

 Quería añadir una página con varias fotografías de distintos viajes o momentos que decidí inmortalizar. No me considero aficionado a la fotografía ni mucho menos, sin embargo cuando veo algo que me gusta o un momento que me gustaría inmortalizar lo hago, no lo hago con ningún fin profesional, comercial ni por ningún motivo que no sea tener un recuerdo a futuro. Una vez leí que no quieres crecer y no tener ninguna foto con la que poder mirar y ver atrás, no tienes que compartirlas con nadie si no quieres, simplemente guárdalas como recuerdo, y eso mismo hago.

Para esta nueva sección he utilizado nuevamente un plugin jquery siguiendo el tutorial de este vídeo: https://youtu.be/OTjmnF27ADk?si=5Lm1x4r_H3b0fCI5

El plugin me gustó mucho por su sencillez y su bonita apariencia, sim embargo me surgen algunas dudas si decido aumentar esta página de fotos, ya que añadir muchas imágenes con este plugin no me parece la mejor idea para una página de fotografías. Debido a esto, he decido que si decido aumentar esta página utilizaré este plugin como encabezado de la página y añadiré algún elemento del tipo portafolio de imágenes, pero esto aún no lo haré.

El resultado de momento es este:

Además, he actualizado el footer para enlazar este blog que muestra el desarrollo de la página con la propia página 

   <!-- ======= Footer ======= -->

 <footer id="footer">

  <div class="container">

    <div class="copyright">

       Gracias por leer hasta aquí.

       <br> <!-- Espacio -->El desarrollo de esta página está detallado en este

<a href="https://iaguirrec.blogspot.com/">Blog</a>

    </div>

    <div class="credits"> <a href="contact.html">Contáctame!</a>

    </div>

  </div>

  <div class="header-social-links">

    <a href="https://github.com/naguirrec?tab=repositories" class="github">

<i class="bi bi-github"></i></a>

    <a href="https://www.linkedin.com/in/ignacio-aguirre-candia-842497267/"

class="linkedin"><i class="bi bi-linkedin"></i></a>

    <a href="contact.html" class="email"><i class="bi bi-envelope"></i></a>

  </div>

Por otra parte, la página principal ha sufrido algunos cambios, he puesto el apartado de intereses en esta, pero no es el mismo que en la versión estática, ya que el estilo del blog no me terminaba de convencer. Ahora el desarrollo de cada afición está debajo de este apartado, cada sección está directamente referenciada desde el apartado de intereses, por si alguien quisiera ir directamente a una.

Además, las secciones de lectura y fotografía tienen un enlace a una página con los libros y recomendaciones y a la página de fotografías detallada al principio de este post. 

Como se puede apreciar en la barra de navegación, el menú desplegable también ha sufrido cambios, ahora está puesto para que aparezca el cv y las distintas certificaciones que poseo en páginas distintas. Esta página de certificaciones también está enlazada con la página de del cv en su sección correspondiente. La página de cv también sufrió cambios, agrupé y detallé más información;

Para desarrollar la página de certificaciones he usado la plantilla de esta página  https://www.bootstrapdash.com/product/free-bootstrap-resume y la he ido modificando para adaptarla a la página. La idea para esta página es que esté en el menú desplegable pero no darle demasiada importancia, será una página simple y concisa, que mostrará como ya he explicado antes certificados sobre distintos cursos. He decidido usar esa plantilla por su sencillez y uso de jquery. La página originalmente era así:

He modificado esta página por completo pero manteniendo los elementos "portfolio" que pasarán a ser "certificaciones". He eliminado el lado izquierdo, header y footer para añadir los correspondientes a mi página. Además he eliminado los elementos innecesarios del estilo css, quedándome con los que verdaderamente necesitaba, además he modificado este archivo css para poder integrarlo con el mío. Un fallo que me daba al integrarlo era que cuando cargabas la página, la sombra que aparece al pasar el cursor por encima aparecía en mitad de de las imágenes, sim embargo lo he solucionado fácilmente con esta sentencia:

display: none; /* Oculta la superposición por defecto */

Por otra parte, he integrado y modificado las funciones jquery con las que ya tenía mi página, para reducir la cantidad de archivos. Redefiniendo las funciones junto a cambiar un par de elementos fue suficiente. 

Al subir la página al hosting no se aparecía como la previsualizaba con vscode, por lo que me he visto obligado a descartar el diseño pensado para esta página. Como alternativa he decidido optar por un diseño mucho más simple pero bastante adecuado al estilo de la página, quedando como resultado este diseño: 

Creo que para ser una página para subir títulos y certificaciones es un estilo y diseño adecuado, sin embargo me surgen dudas sobre si mantener esta página en la barra de navegación, al igual que me sucede con la página de los libros. De momento, creo que mantendré ambas, la de las certificaciones pq en un futuro cuando amplíe esta página creo que puede ser útil si a alguien sólo le interesase esta parte, además me gustaría junto con estas futuras certificaciones añadir proyectos realizados por cuenta propia, demostrando así mis conocimientos prácticos y teóricos empleados en algún trabajo. Esta parte me parece importante ya que considero que puedes tener muchos títulos pero si no eres capaz de desempeñar esas funciones correctamente, esos títulos no sirven de nada mas que ser capaz de pasar un curso sobre una determinada materia. 

Estos proyectos, al igual que las certificaciones no las puedo añadir porque aún no los he realizado, pero es algo que haré en un futuro próximo.