Hanpu Li 李函璞

Editorial notes · 2026

About this site

This is an authored place for writing, ci, photographs, research and experiments in publishing. It brings different kinds of work into relation without making them illustrations of a single practice or a complete account of a life.

The page participates in the encounter. These notes make its editorial choices inspectable; they are not instructions for what a reader must find in the work.

A page, measured

The following plates examine the research entry on the home page. They use the published HTML and its computed layout, at two stated viewport widths. The tinted rules are annotations; the text beneath them is the actual page.

01 / Columns become relationships

Read the numbered anchors against the same entry below. At the wider size, the index, description and evidence occupy different tracks. At the narrow size, the evidence follows the description; it is not squeezed into a miniature desktop column.

Desktop · 1440 CSS px viewport

Desktop · 1440 CSS px viewport
Open at native resolution
Measured tracks
12 / 99.89–104.64 CSS px
Column gap
17.44 CSS px
Section rule
1px
Space above content
28.96px

Mobile · 390 CSS px viewport

Mobile · 390 CSS px viewport
Open at native resolution
  1. 01Sequence number
  2. 02Title and description
  3. 03Evidence and status
  4. 04Expandable research plates

The shared grid does not make every page identical. These measurements belong to this entry and viewport. The line separates projects, the number locates the entry, and the smaller evidence column supplies information that the title alone cannot establish.

Open the source page

02 / Type performs different jobs

These are the actual words and computed settings from the desktop entry above. The font names report faces that the browser painted. The samples retain the measured typeface, size and tracking; their line spacing allows for reflow. Source and sample line heights are listed separately where they differ.

Metadata

RESEARCH · REMOTE SENSING · POLITICAL ECONOMY

Type size
13 CSS px
Source line height
18.2 CSS px
Letter spacing
0.715px
Rendered faces
Courier Prime

Project heading

The Material Footprint of Virtual Production

Type size
54 CSS px
Source line height
52.92 CSS px
Sample line height
70.2 CSS px
Letter spacing
-1.62px
Rendered faces
EB Garamond

Descriptive text

The completed spatial phase of an ongoing study of the Shepperton Studios expansion, testing low-carbon discourse against land-cover change, thermal evidence and the planning record.

Type size
16.56 CSS px
Source line height
27.49 CSS px
Letter spacing
normal
Rendered faces
EB Garamond

01

A publication, not an inventory

Selection is part of the work.

An essay asks for sustained reading; a photograph asks for looking; a research project needs a way back to its methods and evidence. Their proximity here is deliberate, but it does not give them the same purpose or the same standard of completion. The site is both a publication and a selected portfolio. Neither role makes it an exhaustive archive.

Work comes before professional context. Credits, earlier activities and public records are kept in separate back matter so that they can be checked without becoming the explanation for every poem or image. A link to evidence supports a specific claim, not the standing of the whole practice.

02

The authority of a page

A designed surface is not a neutral surface.

The warm ground, dark type, fine rules and numbered margins borrow the organisation of an edited publication, not the simulation of an old sheet of paper. Prose and verse have room to develop; monospaced labels distinguish dates, sequence and other publishing information. Repeated alignments make different kinds of material legible without forcing every item into the same card.

This restraint also produces authority. A careful grid can make an unfinished project appear more settled than it is. Status notes, sources and version dates therefore matter as much as the typeface: they keep visual coherence from standing in for proof. The same problem appears in Poetry Voucher, where an elegant storefront offers typography as an upgrade.

Font families are assigned by writing system and reading role rather than as national costumes. Shared metrics do not make Chinese and Japanese glyph conventions identical. Coverage and fallback need checking whenever the copy changes; a consistent colour of type is not sufficient evidence that the right character form is present.

03

Seven editions

Translation is a reading, not an interchangeable skin.

English, Hong Kong Traditional Chinese, Simplified Chinese, Japanese, German, French and Russian are separately maintained editions. English is the default entrance, not the original language of every work. An interface change does not silently turn a Chinese poem into an English original; some long-form texts remain in their stated publication language.

The Chinese literary source, its Simplified script mirror and its translations have different editorial roles. Script conversion is not another translation. A translation may have to make a subject, tense or relation more explicit, and that choice can alter what the poem leaves open. Preserving line and stanza counts catches structural drift; it does not certify a literary reading.

The editions retain common navigation and source relationships, but their line lengths and glyphs need not look identical. This is a shared publication across languages, not a promise that seven languages produce the same page, or that every translation has received independent native-language review.

04

Sequence and revision

A date or an adjacency can change a reading.

The A/B sequence, poems outside that sequence and the two dated drafts of The Roof Splits Open retain their distinctions. A later text is not automatically a replacement for every earlier one. Keeping drafts beside each other makes revision available for reading rather than hiding it behind a claim of finality.

A selected photograph, a research diagram and a digital receipt specimen are different kinds of image. Their captions should identify what they show and what they cannot establish. A screen proof is not a photograph of a print; a map is not evidence that every proposed research phase has been completed. Sequence and captioning do this work without making the images carry a résumé.

05

A page the reader can change

Authored form does not require a fixed display.

Drucker’s performative materiality directs attention to a system in use, not its structure alone. [1] Here that question is practical: can someone return to a stanza, compare a version, follow a source or change the conditions of reading without losing the text? A decorative resemblance to a book cannot answer it.

The reading controls can switch between the default typeface and OpenDyslexic, then change type size, spacing, measure, layout, motion and contrast. These are alternative ways of encountering the same material, not inferior versions of the design. Keyboard focus, headings and text alternatives remain part of publication, even when they are not the most conspicuous things on the screen.

Automated checks can find some missing labels and layout failures. They cannot stand in for a person using a screen reader, or prove that an image description gives someone an equivalent encounter. Accessibility is a continuing editorial responsibility, not a badge awarded by a test suite.

06

Authorship and evidence

A traceable process is not a certificate of value.

Most editorial and implementation work on this site is the author’s own. AI was used to review the website’s interaction logic and visual presentation; the author assessed that feedback and made the final decisions. This does not assign the same production history to every poem, translation or photograph.

Source files, generation tools and version history help identify what has been changed and what is being shown. They do not by themselves establish literary quality, a successful physical print, an audience’s response or institutional endorsement. A project’s own account and an independently checkable record should remain distinguishable.

The scholarly references on these pages are tools for examining decisions. They were not all starting points for the work. Comparison is useful where it reveals a difference or a limit; a list of recognised names cannot supply a missing experiment or make the reader’s response predictable.

07

Making and maintaining

A small Python builder turns structured content and templates into static HTML. Fonts and images are served with the site; the type system includes EB Garamond, Courier Prime, Cousine, Shippori Mincho for Japanese and I.MingCP for Traditional and Simplified Chinese. Responsive layout and optional reading controls adapt the documents. Core reading content remains available without JavaScript; a small number of progressive enhancements and the Poetry Voucher shop use it in the browser.

Build, language, link, font and browser checks support those publishing decisions. They are maintenance, not an aesthetic argument. The public repository is available for inspection; its availability is not a blanket licence over the creative work. Poetry Voucher separately permits personal saving, printing and giving printed copies to others.

Local state and hosting

The site adds no analytics, advertising scripts or tracking cookies. Reading preferences remain in the browser. Poetry Voucher also keeps a local catalogue bag and completed orders in the current tab; it takes no payment and contacts no printer. These limits describe the site’s own code, not a guarantee that the hosting provider keeps no access logs. Following an external source takes you to that provider’s site.

Reading behind these notes

A reference used for a particular question, not a claim that the site implements a complete theory.

  1. Johanna Drucker. Performative Materiality and Theoretical Approaches to Interface. Digital Humanities Quarterly 7(1), 2013, especially paragraphs 8–12. PDF · USC Scalar