Merge pull request #371 from cmu-delphi/sgratzl/imagewebp

fix: improve webp conversion

Author: sgratzl

.vscode/settings.json

@@ -2,6 +2,7 @@
   "editor.formatOnSave": true,
   "editor.formatOnPaste": true,
   "editor.formatOnSaveMode": "modifications",
+  "prettier.prettierPath": "./node_modules/prettier",
   "[scss]": {
     "files.trimTrailingWhitespace": true,
     "editor.formatOnSave": true,
@@ -16,5 +17,6 @@
     "files.trimTrailingWhitespace": true,
     "editor.formatOnSave": true,
     "editor.defaultFormatter": "esbenp.prettier-vscode"
-  }
+  },
+  "prettier.enableDebugLogs": true
 }

README.md

@@ -112,7 +112,7 @@ This simplifies the deployment and ensures that we have a blog post even when th
 
 The header of a blog file contains numerous attributes to be defined, including: name, publication date (`date`), tags, a short summary (at most 150 characters), and a list of authors. The author list `authors` is a list of people keys, see below for how to add people.
 
-The `heroImage` is an optional hero image banner. The image is optional but its thumbnail version is not. However, the template post has good default value for this one. The hero image should be a JPG file with 1120x440 pixels. The thumbnail hero image should be a JPG file with 300x200 pixels. The files should be stored in `/content/blog/images`.
+The `heroImage` is an optional hero image banner. The image is optional but its thumbnail version is not. However, the template post has good default value for this one. The hero image should be a JPG file with 1120x440 pixels. The thumbnail hero image should be a JPG file with 300x300 pixels. The files should be stored in `/content/blog/images`.
 
 The `related` list is a list of related blog links identified by their file name without the Rmd suffix.
 

content/blog/2015-07-23-template-post.Rmd

@@ -11,7 +11,7 @@ authors: # list of team member keys, see /content/about/team/index.md -> team
   - frida
 # uncomment to enable a big hero image
 # heroImage: blog-lg-img_hello-world.jpg # size: 1120x440 jpg format
-heroImageThumb: blog-thumb.jpg # size: 300x200 jpg format
+heroImageThumb: blog-thumb.jpg # size: 300x300 jpg format
 summary: |
   Blog summary, the first 150 characters are used for the blog list
 acknowledgements: |

content/blog/2015-07-23-template-post.html

@@ -11,7 +11,7 @@
   - frida
 # uncomment to enable a big hero image
 # heroImage: blog-lg-img_hello-world.jpg # size: 1120x440 jpg format
-heroImageThumb: blog-thumb.jpg # size: 300x200 jpg format
+heroImageThumb: blog-thumb.jpg # size: 300x300 jpg format
 summary: |
   Blog summary, the first 150 characters are used for the blog list
 acknowledgements: |

content/blog/2021-03-10_c2b.Rmd

@@ -12,13 +12,13 @@ authors:
   - roni
   - cscott
 heroImage: blog-lg-c2b.jpg # size: 1120x440 jpg format
-heroImageThumb: blog-thumb-c2b-1.jpg # size: 300x200 jpg format
+heroImageThumb: blog-thumb-c2b-1.jpg # size: 300x300 jpg format
 # related:
 summary: |
   In partnership with the Allegheny County Health Department,
   we explored solutions to pressing challenges
-  during the pandemic. 
-  
+  during the pandemic.
+
 acknowledgements: |
  Thank you to the Allegheny County Health Department (especially Antony Gnalian,
  Dr. LuAnn Brink, and Dr. Debra Bogen) for their invaluable feedback, efforts, and

content/blog/2021-03-10_c2b.html

@@ -12,13 +12,13 @@
   - roni
   - cscott
 heroImage: blog-lg-c2b.jpg # size: 1120x440 jpg format
-heroImageThumb: blog-thumb-c2b-1.jpg # size: 300x200 jpg format
+heroImageThumb: blog-thumb-c2b-1.jpg # size: 300x300 jpg format
 # related:
 summary: |
   In partnership with the Allegheny County Health Department,
   we explored solutions to pressing challenges
-  during the pandemic. 
-  
+  during the pandemic.
+
 acknowledgements: |
  Thank you to the Allegheny County Health Department (especially Antony Gnalian,
  Dr. LuAnn Brink, and Dr. Debra Bogen) for their invaluable feedback, efforts, and