ypo777 / ypo777.github.io

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Changed to White Bg and Blue Highlight Style Theme

Color by - Nay Lin Htoo

🎨 Color Reference

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.

Color Hex
Navy #0a192f #ffffff
Light Navy #112240 #ffffff
Lightest Navy #233554 #f3f1f5
Slate #8892b0 #339DFF
Light Slate #a8b2d1 #447AAC
Lightest Slate #ccd6f6 #0084FF
White #e6f1ff #e6f1ff
Green #64ffda #447AAC
Deloyed using gh-pages

Acknowledgements

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

About

License:MIT License


Languages

Language:JavaScript 90.2%Language:Roff 9.3%Language:Shell 0.4%