chuckdries/Personal-Website

Go to file

Chuck Dries 46e96043fb sort pic

2023-03-14 19:01:16 -07:00

run prettier

2021-07-12 18:54:08 -07:00

investigating other approaches to removing page hash

2023-03-09 22:58:26 -08:00

sort pic

2023-03-14 19:01:16 -07:00

Move gatsby data to top level

2021-06-18 19:13:24 -07:00

promote faves to 6 stars

2023-03-13 21:48:45 -07:00

update readme

2022-10-20 20:05:47 -07:00

.drone.yml

don't use build cache for node_modules

2022-11-17 21:42:09 -08:00

.eslintrc.js

solve type errors

2022-10-10 02:47:50 -07:00

.gitattributes

initialize lfs

2023-03-07 19:07:25 -08:00

.gitignore

upgrade yarn and style stuff

2022-11-17 11:19:08 -08:00

.lfsconfig

update lfsconfig

2023-03-07 22:44:20 -08:00

.prettierignore

add prettier

2021-07-12 18:53:47 -07:00

.prettierrc.json

add prettier

2021-07-12 18:53:47 -07:00

.yarnrc.yml

force yarn 2

2022-11-17 21:36:59 -08:00

gatsby-browser.tsx

clean up

2023-03-11 02:03:34 -08:00

gatsby-config.js

first pass at new homepage design

2022-11-17 00:35:48 -08:00

gatsby-node.ts

remove two computer pics, improve debug view in gallery, bugfixes

2023-03-09 19:00:44 -08:00

gatsby-ssr.js

switch from react-spectrum to react-aria custom components

2022-11-17 20:50:54 -08:00

package.json

investigating other approaches to removing page hash

2023-03-09 22:58:26 -08:00

postcss.config.js

run prettier

2021-07-12 18:54:08 -07:00

readme.md

update readme

2022-10-20 20:05:47 -07:00

scratchpad.js

WIP working on sorting recently published by capture date when published in batches

2023-03-08 08:24:26 -08:00

tailwind.config.js

fix bg colors

2022-12-29 09:50:48 -07:00

TODO.md

add columbia river gorge pic

2022-10-16 17:57:57 -07:00

tsconfig.json

add types to gatsby-node

2022-10-10 04:34:15 -07:00

yarn-error.log

upgrade gatsby

2022-11-16 21:03:53 -08:00

yarn.lock

investigating other approaches to removing page hash

2023-03-09 22:58:26 -08:00

readme.md

chuckdries.com

My personal website. Built with

gatsby
tailwind
node-vibrant

and a totally from-scratch masonry gallery component that I will write a blog post about some day.

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

Languages

TypeScript 39.2%

HTML 23%

JavaScript 22%

CSS 9.1%

SCSS 6.5%

Other 0.2%