John Díaz
I'm an electronics engineer with a passion for creativity. To me, success isn't defined by wealth; it's about achieving all your goals and finding happiness along the way.
"You're no better than anyone else, and there's always someone more skilled than you."
My philosophy
Part 1: Cultivate humility and treat everyone equally. Learn from those around you, as anyone, regardless of their level of expertise, can offer you new knowledge and valuable perspectives.
Part 2: Always seek a role model, follow in their footsteps, and aim to surpass them. If you manage to reach their level, find a new role model, as there will always be someone who excels beyond you. This approach will enable you to maintain constant growth and evolution in your life.
My projects
This is what I do nowadays. After working as an employee for several years, I decided to carve my own path. Eight years ago, I started my journey as a freelancer while working for other companies. However, four years ago, I founded Coudix, and I now dedicate myself full-time to my agency and other projects.
Coudix
Fancy Bricks
Coming soon
John Díaz
I'm an electronics engineer with a passion for creativity. To me, success isn't defined by wealth; it's about achieving all your goals and finding happiness along the way.
<script>
// Función para verificar si un elemento está dentro de la pantalla
function isElementInViewport(el) {
var rect = el.getBoundingClientRect();
return (
rect.top + 300 <= (window.innerHeight || document.documentElement.clientHeight) &&
rect.bottom - 300 >= 0 &&
rect.left >= 0 &&
rect.right <= (window.innerWidth || document.documentElement.clientWidth)
);
}
// Función para agregar o eliminar la clase 'active' según la visibilidad
function toggleActiveClass() {
var elements = document.querySelectorAll('.fb-anim');
var delay = 0;
var timeTop = 200;
var timeBottom = 100;
elements.forEach(function(element) {
if (isElementInViewport(element)) {
if (!element.classList.contains('fb-anim--nodelay')) {
setTimeout(function() {
element.classList.add('active');
}, delay);
} else {
element.classList.add('active');
}
delay += timeTop;
} else {
if (!element.classList.contains('fb-anim--nodelay')) {
setTimeout(function() {
element.classList.remove('active');
}, delay);
} else {
element.classList.remove('active');
}
delay += timeBottom;
}
});
}
// Agrega un evento 'scroll' para comprobar la visibilidad al desplazar la página
window.addEventListener('scroll', toggleActiveClass);
// Llama a la función al cargar la página para aplicar el estado inicial
toggleActiveClass();
</script>