Skip to content
forked from bchiang7/v4

My personal website for my portfolio & articles.

License

Notifications You must be signed in to change notification settings

peterferguson/v4

 
 

Repository files navigation

Logo

brittanychiang.com - v4

The fourth iteration of brittanychiang.com built with Gatsby and hosted with Netlify

Previous iterations: v1, v2, v3

Netlify Status

demo

🚨 Forking this repo (please read!)

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.

TL;DR

Yes, you can fork this repo. Please give me proper credit by linking back to brittanychiang.com. Thanks!

🛠 Installation & Set Up

  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

🚀 Building and Running for Production

  1. Generate a full static production build

    npm run build
  2. Preview the site as it will appear once deployed

    npm run serve

🎨 Color Reference

Color Hex
Navy #0a192f #0a192f
Light Navy #172a45 #172a45
Lightest Navy #303C55 #303C55
Slate #8892b0 #8892b0
Light Slate #a8b2d1 #a8b2d1
Lightest Slate #ccd6f6 #ccd6f6
White #e6f1ff #e6f1ff
Green #64ffda #64ffda
atom-red #ff4495 #ff4495
atom-green #52e3c2 #52e3c2
atom-blue #0781ff #0781ff
atom-purple #d211fe #d211fe
atom-bright-orange #ff4b12 #ff4b12
atom-yellow #ffd900 #ffd900
atom-orange #ed8a19 #ed8a19
atom-light-blue #40c4ff #40c4ff
atom-gray #546e7a #546e7a
atom-gold #efb068 #efb068
atom-light-gold #ffebb7 #ffebb7
atom-brand-0 #1a1a21 #1a1a21
atom-brand-1 #282833 #282833
atom-brand-2 #32323e #32323e
atom-brand-3 #393945 #393945
atom-brand-4 #40424f #40424f
atom-brand-5 #4d505f #4d505f
atom-brand-6 #6e7288 #6e7288
atom-brand-7 #8f94ab #8f94ab
atom-brand-8 #b4b8cd #b4b8cd
atom-contrast #fff#fff

About

My personal website for my portfolio & articles.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%