sld.codes

The Personal Site of Sam Larsen-Disney

👋 Welcome to my personal site's repo.

You can see it live here:

sld.codes

I built the whole site using my favourite react framework - Gatsby! If you haven't heard of it, you should check it out here:

Learn Gatsby

🚨 Forking this repo

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

I want to keep this site open source howevers it's always disheartening to find that someone has copied my work without giving me credit. I spent a non-trivial amount of effort building and designing sld.codes, and I am proud of it! All I ask of you is to not claim this effort as your own.

If you have questions about implementation, please refer to the Gatsby docs.

🛠 Installation & Set Up

Install the Gatsby CLI
```
npm install -g gatsby-cli
```
Install and use the correct version of Node using NVM
```
nvm install
```
Install dependencies
```
npm install
```
Start the development server
```
npm start
```

🚀 Building and Running for Production

Generate a full static production build
```
npm run build
```
Preview the site as it will appear once deployed
```
npm run serve
```

🎨 Color Reference

Color	Light Mode Hex	Dark Mode Hex
White	`#ffffff`	`#1c1c1c`
Black	`#000000`	`#ffffff`
Grey	`#2e4052`	`#f9f9f9`
Light Grey	`#f9f9f9`	`#121212`
Dark Blue	`#222d46`	`#ffffff`
Blue	`#35466d`	`#49aab7`
Light Blue	`#067bc2`	`#067bc2`
Lightest Blue	`#49aab7`	`#49aab7`
Dark Pink	`#ef6461`	`#000000`
Pink	`#ea4e68`	`#000000`
Orange	`#ff8a1d`	`#ff8a1d`
Yellow	`#f9b806`	`#f9b806`
Green	`#4cbb55`	`#4cbb55`