Demo sample — Brass & Oak is a fictional shop. The handles below are placeholders and the feed is a curated preview, not a live connection.
  1. Brass & Oak
  2. Social

Follow along

The shop, between appointments.

Fresh edges, hot towels, the brass on Mondays. Maren posts a few times a week from behind the chair — here is a window onto the feed, and the places to follow it properly.

Where to follow

Three places, one voice.

Instagram is where the shop lives online. The other two are stubs for the demo — the handles are placeholders until the real accounts exist.

How this preview works

The window above is not connected to Instagram. It reads a small local file, assets/social/feed.json, which lists the handle, the profile figures and nine posts — each an original illustration under assets/social/ with a caption written in the shop's voice. Nothing is scraped and no private API is used.

Without JavaScript the tiles still show and every link opens the profile; with it, tiles open in the on-page viewer and the figures are filled from the file.

Connecting a real account

  1. Change the profile block in feed.json to the real handle and URL; scripts/check.mjs keeps every link on the site in step with it.
  2. Replace the nine posts with real captions and self-hosted images (the official Instagram oEmbed and Basic Display routes need an app token and a server, so they are out of scope for a flat static site).
  3. Keep the "View on Instagram" button — that is the honest path to the live feed.