diff --git a/readme.md b/readme.md
index 858a770..58fb1d2 100644
--- a/readme.md
+++ b/readme.md
@@ -1,9 +1,13 @@
 # chuckdries.com
 
+![screenshot of website](static/screenshot-1.png)
+
 My personal website.  
 - gatsby
 - tailwind
 - node-vibrant
 - react-helmet
 
+![screenshot of website](static/screenshot-2.png)
+
 I use node-vibrant in the gatsby OnCreateNode hook to pull colors from the images and store them in the gatsby node structure. I query them in the client, then assign CSS custom properties with react-helmet. In my tailwind config, I define custom colors that use those properties. This gets me classes like `text-vibrant-light` that change colors to vibe with the selected image
\ No newline at end of file
diff --git a/static/screenshot-1.png b/static/screenshot-1.png
new file mode 100644
index 0000000..1811164
Binary files /dev/null and b/static/screenshot-1.png differ
diff --git a/static/screenshot-2.png b/static/screenshot-2.png
new file mode 100644
index 0000000..b74251d
Binary files /dev/null and b/static/screenshot-2.png differ