sherlock-project.github.io icon indicating copy to clipboard operation
sherlock-project.github.io copied to clipboard

Add a demo video + Improve code and design

Open QuentinMacheda opened this issue 1 year ago • 0 comments

Explanation

Code and design improvements

  • Enhance the CTA buttons with a better contrast (more modern, more readable, more accessible).
  • Add color variables in the stylesheet to get more maintainable code and avoid errors.
  • Update button layouts.
  • Improve responsive design by adding media queries, using rem instead of pixels, etc...
  • Update HTML tags for accessibility : main and footer tags.
  • Adjust text alignment

Demonstration video

  • Add an autoplayed and looped video to demonstrate sherlock project.

Result

Before After
image image

QuentinMacheda avatar Apr 07 '24 21:04 QuentinMacheda