Discover the passion, the pain, and the creativity behind Van Gogh's art with this website I've done with HTML, CSS & Javascript as part of my design course.
-According to my web design course it is mandatory to include comments explaining all the code. Therefore, I have to make a few modifications and comment everything before hand it in to pass the course.
-Vincent's life should be able to scroll or have a fixed height
-Menu list items not appearing in Early life
-Delete menu in subcategories from Vincent's life
-Stop btn-svg animation for mobile
-Illness images should be wider
-Vincent's art div should be higher for mobile
-Same font size for all Vincent's art paintings explanation (desktop version)
-Discover (loving Vincent & immersive be higher for desktop
-Adjust height of discover page
-Adjust Discover page size of background for mobile
-Clean code before handing in the project
-Comment the index.html index.css & index.js
-Try to use one forEach instead of several
-Try to use children instead of counters in the js
-The menu animations are "cut off" when performing a mouseout action. This is caused by applying an animation that, when removed, doesn't produce the fadeOut effect.
-Text becomes black for a very short perior of time in Vincent's Life.
-Undo frames and text turning white.
-Optimize menu images.
-Avoid using the / at the closing of image tags.
-In terms of design coherence, the social media icons next to the form have a different design compared to the rest of the website.
-Modify all homepage.html to index.html for better workflow.
-Make the discover page responsive and reduce the amount of images for better optimization.