webpage redesign

[jsun1590]

Website Redesign

• Implemented desktop first page design.
• Added a container with 2 columns in the html mark up.
• Container is set to a flexbox, thereby allowing for columns for a desktop screen
• Made the generator stick to the top of the screen.
• Added media query in to optimise for mobile screen once screen width is below 790px.
• Removed onclick properties from genListItem as this is not a good practice.
  • Instead, I set up an onclick listener in main.js to changer the generator,
  • In the same listener, I made the links scroll if top if screen width is below 790px.

Miscellaneous

• Fixed typo Volum in data.js.
• Cursor enters select mode on generate button hover.
• Added spacing between each kwargs

Observations

• Fixes #357, #368.
• JS is not correctly linted. I've kept my commits to the original linting style but I recommend to use a linter/formatter of some sort to reformat JS files.

[jsun1590]

[lukew3]

Very nice