chuckdries/Personal-Website
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update readme

Browse Source
This commit is contained in:
Chuck Dries 2022-10-20 20:05:47 -07:00
parent 4a2d1c7e0f
commit e7b3f058ea
No known key found for this signature in database
GPG Key ID: A00B7AEAE1DC5BE6
2 changed files with 0 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
readme.md
View File

@ -6,10 +6,7 @@ My personal website. Built with
- gatsby
- tailwind
- node-vibrant
- react-helmet
and a totally from-scratch masonry gallery component that I will write a blog post about some day.
![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-2.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.4 MiB