Fork deze leertaak en ga aan de slag. Onderstaande outline ga je gedurende deze taak in jouw eigen GitHub omgeving uitwerken. De instructie vind je in: docs/INSTRUCTIONS.md
Redesign je visitekaartje met Node en data uit de whois.fdnd.nl API.
Dit visitekaartje laat zien wie ik ben, wat ik leuk vind en waar ik te vinden ben. Er staat een korte biografie over wat ik doe met daaronder overige belangrijke informatie zoals mijn huidige woonplaats, emailadress, github profiel en codepen profiel. Er is de mogelijkheid om te hoveren over mijn profielfoto, als je dit doet verschijnt er een reeks van tekeningen en schilderijen die ik in mijn vrije tijd heb gemaakt! Op deze manier laat ik mijn talent zien.
De HTML is opgedeeld in een <article> met daarin een <header>, <ul>'s met daarin <li>'s, <p>'s en waar nodig een paar <div>'s en <span>'s. Met CSS heb ik de foto's en de hover me tekst absoluut gepositioneerd en heb ik met een combinatie van Javascript ('mouseenter' & 'mouseleave') en keyframe animations ervoor gezorgd dat je kan hoveren over de foto's. Als je erover hovert verschijnt er een slideshow door middel van die keyframe animatie. Op mobiel scherm is dit met een 'click' event.
Informatie zoals mijn naam, bio, adress en alle links komen uit de FDND API.
Om mijn visitekaartje te bekijken kan je op de link klikken in de about sectie van deze repo.
This project is licensed under the terms of the MIT license.