Demo: ruolinzheng08.github.io

Adapted from Brittany Chiang's Design on GitHub.

1. Install the Gatsby CLI

   npm install -g gatsby-cli

2. Install and use the correct version of Node using NVM

   nvm install

3. Install dependencies

   yarn

4. Start the development server

   npm start

1. Generate a full static production build

   npm run build

2. Preview the site as it will appear once deployed

   npm run serve

The color variables are all defined in src/styles/variables.js. The variable name does not necessarily correspond to the actual color value because I was experimenting with a lot of different color schemes.

Variable Name	Hex
--dark-navy	#020c1b
--navy	#eae1dc
--light-navy	#f0eae7
--lightest-navy	#f7f3f1
--navy-shadow	rgba(2, 12, 27, 0.7)
--dark-slate	#495670
--slate	#8e8d8a
--light-slate	#72716e
--lightest-slate	#474745
--white	#e6f1ff
--green	#e85a4f
--green-tint-dark	#8b362f
--green-tint	#f6bdb9