Fixes#1967
Update the way responsive images are used to only use one srcset, and
add corresponding `sizes` attribute to the relevant layouts and
templates.
I did not go through and add `sizes` to all the example posts/projects.
When `sizes` is not specified by the user, the `figure.html` template
defaults to 95% the width of the viewport which should work fine for
most cases; users can optimize further if they wish by feeding `sizes`
into the template.
Additionally:
- Enabled support for .gif to .webp compression
- fix error in jekyll-imagemagick config where all images were resized
to be 800px or less. (for example img-1400.webp was actually only 800px
wide, etc.)
- added note about making sure imagemagick is installed before enabling
it in responsive images section of `_config.yml`
Fixes#1952 by updating font awesome version. Also updated icons names
to newest font awesome style.
---------
Signed-off-by: George Araujo <george.gcac@gmail.com>
This PR replaces the jekyll-responsive-images with jekyll-imagemagick for responsive WebP images.
WebP images are much smaller compared to PNG and JPEG, faster to load and most of the modern browsers recommend it.
More information about WebP images: https://developers.google.com/speed/webp
* add jekyll target blank
* Remove manual target blank from everywhere
* Update README.md
* Set ruby version to 3.0.2 in the deploy script
Co-authored-by: Maruan Al-Shedivat <maruan@genesistherapeutics.ai>
* Add webpage to academic pages list
* adding panelbear analytics
* added categories for projects and horizontal mode display for projects
* rewrote the code to ensure it works properly with current project definitions
* Style adjustments
Co-authored-by: Maruan Al-Shedivat <alshedivat.maruan@gmail.com>
Noah West
George
Viraj Thakkar
José M. Requena Plens
Rohan Deb Sarkar
Maruan
Amir Pourmand
Dinesh Natesan