Skip to content

JavaScript is disabled

For a better experience, please enable JavaScript in your browser.

CV Project

en

CV Project

Reproduction of an existing website in an accessible resume version.

Vignette du projet CV

About the project

the projectAbout

Problem

The goal of this project was to gain initial experience in designing websites based on an existing template. The challenge was not so much to faithfully reproduce the design as it was to follow the instructions given in class. The site created on Monday was fairly minimalist, but it was not accessible and did not work if JavaScript was disabled. For this project, I therefore had to make the site accessible and usable without JavaScript.

Solution

To solve these problems, I had to find techniques that faithfully reproduced the behavior of the website, but without JavaScript. Most of the animations were created using pure CSS. The same goes for the hover navigation bar, which displays a drop-down menu but was previously created using JavaScript, so I replaced it with CSS. I couldn't find a solution for displaying elements at the edge of the display window without JavaScript. However, I was able to reproduce this effect with JavaScript by adding a hidden class when JavaScript loads. This allows the elements to remain visible if JS is disabled.

Colorimetry of the project

of the projectColorimetry
  • Click to copy
  • Black
  • White