cottage-garden

A small, growing toolbox of plain-spoken helpers for the home gardener — feed your beds, pair your plants, and tend a cottage border with a little more confidence.

The Cottage Garden Companion is a small, growing toolbox of plain-spoken helpers for the home gardener. Every tool is a self-contained, single-file HTML page with no build system, no dependencies, and no backend — each is one .html file that opens directly from disk. The Fertilizer Plot turns any N–P–K ratio into a generative, hand-drawn plant, then works out feed dose, timing, and cost. The Companion Bed covers 139 plants with ranked companion and “keep apart” relationships and why each pair works, and deep-links a recommended feed straight into the Fertilizer Plot. Aside from a single Google Fonts link, all logic, data, and SVG artwork is inline.

Getting started

There is nothing to install. Pick whichever suits you:

  • Open directly — double-click src/index.html, or open file:///…/src/index.html in any modern browser. The pages are designed to work fully from file://.

  • Serve the folder (only if a browser blocks something over file://) — any static server works:

    npx serve src
# or
npx serve docs   # the built/published copy

    Then visit the page in your browser.

The only network request is the Google Fonts <link> (Fraunces + Hanken Grotesk); everything else — logic, data, and SVG artwork — is inline. Offline, the pages still work with fallback fonts.