refactor: edit readme and add webp files for blog images

Author: Sam H

README.md

@@ -41,7 +41,7 @@ https://developers.google.com/speed/webp/docs/precompiled
 brew install webp
 ```
 
-#### Make Sure .webp Images are available by running the following commands:
+#### Make Sure .webp Images are available by running the following commands inside the root folder:
 ```
 for file in src/assets/*.jpg; do cwebp -q 75 "$file" -o "${file%.jpg}.webp"; done
 ```
@@ -55,9 +55,14 @@ for file in src/assets/*.jpeg; do cwebp -q 75 "$file" -o "${file%.jpeg}.webp"; d
 ```
 
 ### Blog Setup
-By default, the public version of this project does not contain an API key for the [ButterCMS](https://buttercms.com/) blog content management system. You will need to add your own ButterCMS API key in order to make this project work. 
+By default, the public version of this project does not contain an API key for the [ButterCMS](https://buttercms.com/) blog content management system. You will need to add your own ButterCMS API key in order to make this project work.
 
-If you have an API key for another ButterCMS blog that you would like to add to this project, use your text editor and open the file:
+The necessary file for inserting the ButterCMS API key will be auto-generated by running
+```
+node scripts/get-butter.js
+```
+
+After that, use your text editor and open the file:
 ```
 src/butter-api/butter-api-key.ts 
 ```