add screenshots to README

This commit is contained in:
Chuck Dries 2021-07-18 17:30:43 -07:00
parent 4f95d42f9b
commit 0060da3eb9
3 changed files with 4 additions and 0 deletions

View File

@ -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

BIN
static/screenshot-1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.3 MiB

BIN
static/screenshot-2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 MiB