The fourth iteration of brittanychiang.com built with Gatsby and hosted with Netlify
Previous iterations: v1, v2, v3
Many people have contacted me asking me if they can use this code for their own website, and the answer to that question is usually yes, with attribution.
I value keeping my site open source, but as you all know, plagiarism is bad. It's always disheartening whenever I find that someone has copied my site without giving me credit. I spent a non-trivial amount of effort building and designing this iteration of my website, and I am proud of it! All I ask of you all is to not claim this effort as your own.
Please also note that I did not build this site with the intention of it being a starter theme, so if you have questions about implementation, please refer to the Gatsby docs.
Yes, you can fork this repo. Please give me proper credit by linking back to brittanychiang.com. Thanks!
-
Install the Gatsby CLI
npm install -g gatsby-cli
-
Install and use the correct version of Node using NVM
nvm install
-
Install dependencies
yarn
-
Start the development server
npm start
-
Generate a full static production build
npm run build
-
Preview the site as it will appear once deployed
npm run serve
| Color | Hex |
|---|---|
| Navy | #0a192f |
| Light Navy | #172a45 |
| Lightest Navy | #303C55 |
| Slate | #8892b0 |
| Light Slate | #a8b2d1 |
| Lightest Slate | #ccd6f6 |
| White | #e6f1ff |
| Green | #64ffda |
| atom-red | #ff4495 |
| atom-green | #52e3c2 |
| atom-blue | #0781ff |
| atom-purple | #d211fe |
| atom-bright-orange | #ff4b12 |
| atom-yellow | #ffd900 |
| atom-orange | #ed8a19 |
| atom-light-blue | #40c4ff |
| atom-gray | #546e7a |
| atom-gold | #efb068 |
| atom-light-gold | #ffebb7 |
| atom-brand-0 | #1a1a21 |
| atom-brand-1 | #282833 |
| atom-brand-2 | #32323e |
| atom-brand-3 | #393945 |
| atom-brand-4 | #40424f |
| atom-brand-5 | #4d505f |
| atom-brand-6 | #6e7288 |
| atom-brand-7 | #8f94ab |
| atom-brand-8 | #b4b8cd |
| atom-contrast | #fff |