[djbeadle]

I've been experimenting with a static-site generator for the photography half of my website trying to make the process of getting the photos off my camera and laid out in a cohesive form easier. I've tried to minimize my use of Javascript and lean on modern HTML features to keep my images high quality but fast loading (Primarily by using <srcset> instead of <img>)

Most posts are laid out by hand like this one: https://danielbeadle.net/photo/Ample-Hills-Bike-Tour.html

Posts are written in Markdown with some custom syntax

  [[
   This is place for a title
   This is a place for a description
   2021-01-02
   DSC_0443.jpg
   full-width-image
  ]]

Two images juxtaposed next to each other (on desktop) can be formatted like this:

  [[
   Image #1 Title | Image  #2 Title
   Image #1 Desc | Image #2 Desc
   2021-01-02 | 2021-01-02
   DSC_0454.jpg|DSC_0465.jpg
   side-by-side|side-by-side
  ]]

This format works well for storing my website in Git, and of course the resulting HTML files can be exported anywhere, but it's much more fun to lay out images visually. I've built a quick and dirty little layout tool for that: https://danielbeadle.net/photo/author/

This tooling isn't in a state to be used by anyone else but if you've been thinking about photo-first blogging please chime in!