This PR hits quite a number of files (although about half are due to image optimisation). The most significant changes are to the custom.css file and the index.js file in their entireties.
A summary of the intention for this endeavour is to properly utilise the libraries that we have chosen to include in the site, e.g. Material UI, as well as to introduce more consistency in markup patterns across our 5 custom pages. This PR mainly focuses on the index.js file, but tweaks some of the other files due to the removal/refactor of CSS.
This PR introduces:
Responsive typographic sizing (generated from https://utopia.fyi/), therefore the font sizes will look different (implemented via overriding of Infima variables)
Responsive spacing, also from https://utopia.fyi/ (implemented via overriding of Infima variables)
A complete rewrite of the home page markup to better utilise the available components from Material UI where appropriate, otherwise, hand-rolled CSS where better suited
Optimization of all SVG images used on the home page, and replacement of PNGs with SVGs instead
Fixes some of the existing layout issues (i.e. layout is overflowing at some narrower widths)
sublimator
commented
1 year ago
Closes #320 (putting this here to link to issue)
This PR hits quite a number of files (although about half are due to image optimisation). The most significant changes are to the custom.css file and the index.js file in their entireties.
A summary of the intention for this endeavour is to properly utilise the libraries that we have chosen to include in the site, e.g. Material UI, as well as to introduce more consistency in markup patterns across our 5 custom pages. This PR mainly focuses on the index.js file, but tweaks some of the other files due to the removal/refactor of CSS.
This PR introduces: