Skip to content
chicgeekPublic

About

Red pandas are awesome.

Resources

Stars

1 star

Watchers

1 watching

Forks

Latest commit

 

History

118 Commits

Folders and files

Repository files navigation

The personal site of Laura Kishimoto, published to chicgeek.uk.

A single static page: plain HTML, Sass, and a few lines of JavaScript, built with Vite.

Getting started

Uses Node 26 (LTS), as set in .nvmrc. Node 24.15+ also works; odd-numbered releases like 25 don't.

nvm use
npm install
npm start

Commands

  • npm start: Runs a local dev server that reloads as you edit.
  • npm test: Runs the tests.
  • npm run build: Builds the site for production to the dist folder.
  • npm run preview: Serves the built dist folder locally, to check it before deploying.
  • npm run deploy: Tests and builds the site, then pushes dist to the gh-pages branch, which GitHub Pages serves.

Where things live

  • index.html: All the page content. Each <section> is one of the expandable headings.
  • src/css/: Styles. app.scss pulls in the rest; colours, spacing and breakpoints are in variables.scss.
  • src/main.js: Loads the styles, lets Escape close an open section, and runs the theme toggle.
  • src/css/dark-mode.scss: Dark theme, used when the system is dark or someone picks it with the toggle. A choice lasts for the visit (sessionStorage).
  • public/: Copied into the site as-is. CNAME sets the custom domain, keybase.txt is the Keybase proof.

Things to keep

  • The two rel="me" Mastodon links in index.html verify the site on Mastodon.
  • public/CNAME must stay, or GitHub Pages drops the custom domain on the next deploy.

The tests check both of these.

Updating dependencies

npm outdated
npm update
npm test && npm run build

For a major version bump, use npm install <package>@latest, then run the tests and build.

About

Red pandas are awesome.

Resources

Stars

1 star

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages