Commission Gallery

A Hugo site for organizing and displaying all of my art commissions.

• Browse by artist, character, and rating
• CSS-only blur on R/X-rated thumbnails (hover to reveal)
• Images stored in page bundles with metadata and optional notes
• No external resources, no JavaScript
• WebP thumbnails generated automatically
• Dark mode, responsive, accessible

Inspired by commission-organizer.

Requirements

• Hugo v0.155+ (extended edition)
• just for quick commands

Quick start

just serve

Adding a commission

From an image file

just new artist-title my-image.png

This creates a page bundle, copies the image in, and opens the metadata

Blank page bundle

just new-blank artist-title

Then drop the image into content/commissions/artist-title/ and edit index.md.

Front matter

---
title: "Park Skate"
date: 2018-04-26T00:00:00Z
artists: [farore]
characters: [Ms. DOS]
ratings: [G]
image: "farore--park-skate--ms-dos--G.png"
---
Optional notes about the commission go here.

Field	Type	Description
title	string	Display title
date	datetime	Used for sort order (newest first)
artists	list	Artist name(s)
characters	list	Character name(s) depicted
ratings	list	G, R, or X
image	string	Filename of the image in the page bundle

Any markdown body text appears as notes below the metadata on the detail page.

Adding content to pages

Most pages support body text via markdown _index.md files. Standalone pages use plain name.md.

What	File	Notes
Homepage	content/_index.md	Text appears above the recent commissions grid
Commissions listing	content/commissions/_index.md	Shows below the heading
Artists listing	content/artists/_index.md	Intro text for the artists page
Characters listing	content/characters/_index.md	Intro text for the characters page
A specific artist	content/artists/artist-name/_index.md	Notes about that artist
A specific character	content/characters/character-name/_index.md	Notes about that character
Standalone page (e.g. About)	content/about.md	Add to nav via [[menu.main]] in hugo.toml

Site params

Param	Default	Description
recentCommissions	20	Number of commissions shown on the homepage

Ratings and blur

Rating	Border	Blur	Behavior
G	none	none	Always visible
R	orange	0.5rem	Hover to reveal
X	red	1rem	Hover to reveal