opentechne / discover-vincent-vangogh Goto Github PK

-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

-Check all the pages work correctly on mobile
-Check all the animations are turned off 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

-Create three folders for css, js & assets and put all the html aside
-Check all the images and links work

-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.

-Modify the whole structure by changing homepage.html to index.html for a better workflow

-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.