MCPcopy Index your code
hub / github.com/bchiang7/v4

github.com/bchiang7/v4 @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
41 symbols 231 edges 60 files 0 documented · 0% 69 cross-repo links updated 1y ago★ 8,26420 open issues
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

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

sh npm install -g gatsby-cli

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

sh nvm install

  1. Install dependencies

sh yarn

  1. Start the development server

sh npm start

🚀 Building and Running for Production

  1. Generate a full static production build

sh npm run build

  1. Preview the site as it will appear once deployed

sh npm run serve

🎨 Color Reference

Color Hex
Navy #0a192f #0a192f
Light Navy #112240 #112240
Lightest Navy #233554 #233554
Slate #8892b0 #8892b0
Light Slate #a8b2d1 #a8b2d1
Lightest Slate #ccd6f6 #ccd6f6
White #e6f1ff #e6f1ff
Green #64ffda #64ffda

Core symbols most depended-on inside this repo

usePrefersReducedMotion
called by 10
src/hooks/usePrefersReducedMotion.js
createFontFaces
called by 4
src/styles/fonts.js
handleExternalLinks
called by 1
src/components/layout.js
setFocusables
called by 1
src/components/menu.js
handleBackwardTab
called by 1
src/components/menu.js
handleForwardTab
called by 1
src/components/menu.js
animate
called by 1
src/components/loader.js
focusTab
called by 1
src/components/sections/jobs.js

Shape

Function 41

Languages

TypeScript100%

Modules by API surface

src/components/menu.js6 symbols
src/hooks/useScrollDirection.js3 symbols
src/hooks/usePrefersReducedMotion.js3 symbols
src/hooks/useOnClickOutside.js2 symbols
src/components/sections/jobs.js2 symbols
src/utils/index.js1 symbols
src/templates/tag.js1 symbols
src/templates/post.js1 symbols
src/styles/fonts.js1 symbols
src/pages/pensieve/tags.js1 symbols
src/pages/pensieve/index.js1 symbols
src/components/nav.js1 symbols

Dependencies from manifests, versioned

@babel/core7.14.0 · 1×
@babel/eslint-parser7.13.14 · 1×
@babel/preset-react7.13.13 · 1×
@upstatement/prettier-config1.0.0 · 1×
animejs3.1.0 · 1×
babel-plugin-styled-components1.12.0 · 1×
babel-preset-gatsby1.4.0 · 1×
eslint7.25.0 · 1×
eslint-plugin-react7.23.2 · 1×

For agents

$ claude mcp add v4 \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact