|
1 | 1 | <div align="center">
|
2 |
| - <img alt="Logo" src="https://raw.githubusercontent.com/bchiang7/v4/main/src/images/logo.png" width="100" /> |
| 2 | + <img alt="Logo" src="https://github.com/chandrikadeb7/chandrikadeb7.github.io/blob/code/src/images/logo.png" width="100" /> |
3 | 3 | </div>
|
4 | 4 | <h1 align="center">
|
5 |
| - brittanychiang.com - v4 |
| 5 | + Personal Portfolio Website |
6 | 6 | </h1>
|
7 | 7 | <p align="center">
|
8 |
| - The fourth iteration of <a href="https://brittanychiang.com" target="_blank">brittanychiang.com</a> built with <a href="https://www.gatsbyjs.org/" target="_blank">Gatsby</a> and hosted with <a href="https://www.netlify.com/" target="_blank">Netlify</a> |
| 8 | + The second iteration of <a href="https://chandrikadeb7.github.io/" target="_blank">chandrikadeb7.github.io</a> built with <a href="https://www.gatsbyjs.org/" target="_blank">Gatsby</a> and hosted using <a href="https://pages.github.com/" target="_blank">Github Pages</a> |
9 | 9 | </p>
|
10 | 10 | <p align="center">
|
11 | 11 | Previous iterations:
|
12 |
| - <a href="https://github.com/bchiang7/v1" target="_blank">v1</a>, |
13 |
| - <a href="https://github.com/bchiang7/v2" target="_blank">v2</a>, |
14 |
| - <a href="https://github.com/bchiang7/bchiang7.github.io" target="_blank">v3</a> |
| 12 | + <a href="https://github.com/chandrikadeb7/chandrikadeb7.github.io-v1" target="_blank">Version 1</a> |
15 | 13 | </p>
|
16 |
| -<p align="center"> |
17 |
| - <a href="https://app.netlify.com/sites/brittanychiang/deploys" target="_blank"> |
18 |
| - <img src="https://api.netlify.com/api/v1/badges/1963b488-7b78-48c9-9e2d-6fb5e47ab3af/deploy-status" alt="Netlify Status" /> |
19 |
| - </a> |
20 |
| -</p> |
21 |
| - |
22 |
| - |
23 |
| - |
24 |
| -## 🚨 Forking this repo (please read!) |
25 | 14 |
|
26 |
| -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**. |
27 |
| - |
28 |
| -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. |
29 |
| - |
30 |
| -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](https://www.gatsbyjs.org/docs/). |
| 15 | +<div align="center"> |
| 16 | + <img alt="Demo" src="https://github.com/chandrikadeb7/chandrikadeb7.github.io/blob/code/src/images/demo.png" /> |
| 17 | +</div> |
31 | 18 |
|
32 | 19 | ### TL;DR
|
33 | 20 |
|
34 |
| -Yes, you can fork this repo. Please give me proper credit by linking back to [brittanychiang.com](https://brittanychiang.com). Thanks! |
| 21 | +Yes, you can fork this repo. Please give proper credit by linking back to [brittanychiang.com](https://brittanychiang.com). Thanks! |
35 | 22 |
|
36 | 23 | ## 🛠 Installation & Set Up
|
37 | 24 |
|
38 |
| -1. Install the Gatsby CLI |
| 25 | +1. Install the Gatsby CLI (Use npm 10) |
39 | 26 |
|
40 | 27 | ```sh
|
41 | 28 | npm install -g gatsby-cli
|
42 | 29 | ```
|
43 | 30 |
|
44 |
| -2. Install and use the correct version of Node using [NVM](https://github.com/nvm-sh/nvm) |
| 31 | +2. Install and use the correct version of Node (18 or 20) using [NVM](https://github.com/nvm-sh/nvm) |
45 | 32 |
|
46 | 33 | ```sh
|
47 |
| - nvm install |
| 34 | + nvm install --force |
48 | 35 | ```
|
49 | 36 |
|
50 |
| -3. Install dependencies |
| 37 | +3. Build using Gatsby |
51 | 38 |
|
52 | 39 | ```sh
|
53 |
| - yarn |
| 40 | + gatsby build |
54 | 41 | ```
|
55 | 42 |
|
56 |
| -4. Start the development server |
| 43 | +4. Start the development server (localhost) |
57 | 44 |
|
58 | 45 | ```sh
|
59 | 46 | npm start
|
60 | 47 | ```
|
61 | 48 |
|
62 |
| -## 🚀 Building and Running for Production |
| 49 | +## 🚀 Building and Running for Production (GitHub Pages) |
63 | 50 |
|
64 | 51 | 1. Generate a full static production build
|
65 | 52 |
|
66 | 53 | ```sh
|
67 |
| - npm run build |
| 54 | + gatsby build |
68 | 55 | ```
|
69 | 56 |
|
70 |
| -1. Preview the site as it will appear once deployed |
| 57 | +2. Push to production |
71 | 58 |
|
72 | 59 | ```sh
|
73 |
| - npm run serve |
| 60 | + npm run deploy |
74 | 61 | ```
|
75 | 62 |
|
76 | 63 | ## 🎨 Color Reference
|
77 | 64 |
|
78 | 65 | | Color | Hex |
|
79 | 66 | | -------------- | ------------------------------------------------------------------ |
|
80 | 67 | | Navy |  `#0a192f` |
|
81 |
| -| Light Navy |  `#112240` | |
82 |
| -| Lightest Navy |  `#233554` | |
| 68 | +| Light Navy |  `#172a45` | |
| 69 | +| Lightest Navy |  `#303C55` | |
83 | 70 | | Slate |  `#8892b0` |
|
84 | 71 | | Light Slate |  `#a8b2d1` |
|
85 | 72 | | Lightest Slate |  `#ccd6f6` |
|
|
0 commit comments