A clone of the the oh.studio website by Oli Harris
To practice my frontend skills using a bottom-up approach by first adding the basic styles, then designing sub-components, block-level components then finishing with the whole page
The following clone includes 4 different pages:
- home at index.html
- profile at profile.html
- contact at contact.html
- others (non-valid) at 404.html
I learned to work with the _redirects file in netlify to give a better look to the links. No more .html! So the index.html or profile.html redirects to / or /profile respectively.
In addition, I also added a 404.html. When any page that does not exist tries to get access, a 404 error is thrown, and the 404.html page is displayed while keeping the path intact to the incorrect url entered. So trying to go to /profil will keep the path the same, but the 404.html page will appear.
In order to finish the complete clone, these are the following things that are missing on this site:
- the
/projects/:projectpages - optimized images using webp
- urls to the correct link items, and links to the correct images
- remove inline styling! (sorry, slipped 🍌 in the end and my styling process began to falter)