add screenshots to README
This commit is contained in:
parent
4f95d42f9b
commit
0060da3eb9
@ -1,9 +1,13 @@
|
||||
# chuckdries.com
|
||||
|
||||

|
||||
|
||||
My personal website.
|
||||
- gatsby
|
||||
- tailwind
|
||||
- node-vibrant
|
||||
- react-helmet
|
||||
|
||||

|
||||
|
||||
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
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
BIN
static/screenshot-2.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 5.4 MiB |
Loading…
x
Reference in New Issue
Block a user