🖼➡🖼🖼➡🖨 fit few copies of picture on printed page

screenshot

development

We feel the best way to become a well-rounded and highly-capable web developer is to focus first on learning what the web platform has to offer with as few frameworks and tools added on top as possible.

— Modern Web
“Going Buildless” § Getting Started (permalink)

This repo is intended to be a sample project about:

• buildless (i.e. w/o Node.js or Deno or Bun) small-scale static web dev

• supporting file:// a.k.a. File › Open File…​ a.k.a. Ctrl+O (namely, this is not compatible with modules, unfortunately)

• applying drastic changes to printed version (a.k.a. @media print)

• having use for the notoriously “shunned” reset button

• and—​to a small extent—​validation, allowing scale-up in flex in grid, IntersectionObserver, <output>, print margins, units of length, etc.

See also: ./implementation notes.adoc.

limitations

• PWA support is, technically, not fully to specificaton--“a user agent MAY ignore it” and if it does, the user will see the root of account’s GitHub Pages (which is horribly extraneous)

• accessibility is untested (meant to be hopefully serviceable to sighted screen reader users, partially sighted, etc.)

---

attributions

• the placeholder “picture” is designed by Kai Magnus Müller and OpenMoji--the open-source emoji and icon project; license: CC BY-SA 4.0

• the favicon, condensed, repeated and extended with dark mode support, is adapted from “picture” by Kai Magnus Müller and OpenMoji, used under CC BY-SA 4.0