/mojo-gallery

Official repository for mojo.joel.net

Primary LanguageJavaScript

Custom Static Site Gallery for Mojo

Deploys to: https://mojo.joel.net

Live Coding

Watch as I Live Code this Custom Static Site Generator

Constraining Images and Creating Thumbs

assets/cover-static-site-1.png

Rendering the HTML (with React)

assets/cover-static-site-2.png

Building Images

The images are processed from a media directory that is not checked into the repo. This way, EXIF data is stripped before going public.

The "full" size images in public are now constrained by size and compressed to save file size.

# install dependencies
$ npm ci

# start local webserver and build html
$ npm run build:images

Starting Locally

# install dependencies
$ npm ci

# start local webserver and build html
$ npm run dev

Debugging

There are two debug configurations, one for debugging the image generation and another for the HTML. This is because these two processed have been separated.

Select a configuration from the Debug panel, then Start Debugging.

  • Build Images
  • Build HTML