Add images

README.md

@@ -1,6 +1,8 @@
 # Geizhals OG Images
 
-Experiment to leverage [satori](https://github.com/vercel/satori) and SvelteKit to generate dynamic [open graph](https://ogp.me/) images for Geizhals product pages.
+Experiment to leverage [satori](https://github.com/vercel/satori) and SvelteKit to generate dynamic [open graph](https://ogp.me/) images for Geizhals product pages. This application houses both the image generation part as well as an [#editor](Editor) for testing/debugging purposes.
+
+![og](https://user-images.githubusercontent.com/465547/212314944-0298eb64-5330-419a-8bf3-d2195a26ee63.png)
 
 The content of the generated image can be set by specifying GET parameters (eg. /og?title=this%20is%20a%20title).
 
@@ -36,6 +38,8 @@ With the (dev) server running, visit http://localhost:5173/og?title=Nintendo+Swi
 
 ## Editor
 
+![editor](https://user-images.githubusercontent.com/465547/212315043-3659cee8-4ce3-4d26-9012-850a37094699.png)
+
 For better testing and developing, a simple editor interface can be found at http://localhost:5173/og/editor/
 
 When any of the inputs values change, the image is re-generated. While working on the Card.svelte component, you can also activate "Auto Refresh", which will refresh the image every 4 seconds to show the result of Card.svelte with the current parameters.