feat: add screenshots to official theme readme files (#4442)

* feat: add screenshot to basic example

* feat: add screenshot to blog examples

* feat: add screenshots to docs example

* feat: add screenshot to portfolio example

examples/basics/README.md

@@ -4,6 +4,9 @@
 
 > 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
 
+![basics](https://user-images.githubusercontent.com/4677417/186188965-73453154-fdec-4d6b-9c34-cb35c248ae5b.png)
+
+
 ## 🚀 Project Structure
 
 Inside of your Astro project, you'll see the following folders and files:

examples/blog/README.md

@@ -8,6 +8,9 @@ npm init astro -- --template blog
 
 > 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
 
+
+![blog](https://user-images.githubusercontent.com/4677417/186189140-4ef17aac-c3c9-4918-a8c2-ce86ba1bb394.png)
+
 Features:
 
 - ✅ Minimal styling (make it your own!)
@@ -58,4 +61,4 @@ Check out [our documentation](https://docs.astro.build) or jump into our [Discor
 
 ## Credit
 
-This theme is based off of the lovely [Bear Blog](https://github.com/HermanMartinus/bearblog/).
+This theme is based off of the lovely [Bear Blog](https://github.com/HermanMartinus/bearblog/).

examples/docs/README.md

@@ -6,6 +6,9 @@ npm init astro -- --template docs
 
 [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/docs)
 
+![docs](https://user-images.githubusercontent.com/4677417/186189283-0831b9ab-d6b9-485d-8955-3057e532ab31.png)
+
+
 ## Features
 
 - ✅ **Full Markdown support**

examples/portfolio/README.md

@@ -8,6 +8,9 @@ npm init astro -- --template portfolio
 
 > 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
 
+![portfolio](https://user-images.githubusercontent.com/4677417/186189473-03dda103-65d3-4220-8b60-180ccaee5939.png)
+
+
 ## 🧞 Commands
 
 All commands are run from the root of the project, from a terminal: