Esta es la página final que me ha quedado, de la cual estoy orgulloso.
Al menos del tema normal. No he tenido el tiempo que hubiese querido para cambiar los colores y hacer unas mejores variables de color, y no he podido terminar de implementar cambios a los fondos.
Esta es la página que he utilizado para los fondos
Principalmente utilizada para los estilos, y especialmente para el nav y mi lista de lenguajes aprendidos.
Para hacer el logo en SVG utliicé este poderoso editor online, que tiene una interfaz parecida a Photoshop.
La página puede ser visualizada en cualquier dispositivo sin ningún problema para su visualización. A pesar de ser mucho más atractiva en ordenador, ya que es donde puede brillar más, está perfectamente optimizada para cualquier móvil o tablet.
He realizado tres animaciones principales:
- Las fotos de la zona de presentación hacen un efecto de flote.
- El botón "trayectoria" al hacer hover cambia su color.
- La lista de lenguajes de programación por bootstrap cambia su color y escala.
- Bootstrap:Completada
- SASS:No completada
- SVG:Completada
- MD:Completada
Las variables de color están definidas por clases al principio del CSS, por lo que permiten añadir un número indefinido de temas con simplemente cambiar estas variables.
Si hubiese tenido más tiempo me habría dedicado a cambiar todos los fondos y temas de color. También habría hecho el ejercicio 3 de JavaScript.