Layout Editor V33 — o kōan minhoto

selected

click an element in the page

edit text

Double-click a text element to edit it directly. Press Esc when finished.

type

size · px

tracking · px

alignment

font colour

line spacing

leading · grid cells
0 = original

micro-grid

cell · px

major line every

text-flow sculpture

layout behaviour

flow · resize and indent a paragraph while normal line wrapping remains intact.

draw text · select a paragraph, then draw inside its existing box. Words appear in their original order along the route of the mouse. The paragraph remains one logical text sequence.

free position · move an element independently like a poster fragment.

spacing rulers · floating labels between editorial blocks show the exact gap in pixels and micro-grid cells.

minimum word gap · cells

x / indent · cellstop space · cells

width · cellsheight · cells

wrap / stacking

text wrap

insert image / gif / svg

width · cellswrap

Local media is embedded in the exported HTML. For large GIFs, a relative file URL is better.

global typography

site font colour

essay font

essay size · px

essay leading

menu font

menu size · px

title font

title size · px

quatrain font

quatrain size · px

page geometry

left strip · px

essay left gap · px

empty right space · px
0 = touch right edge

ASCII rain + ripples

animation enabled

ASCII colour

opacity · 0–1

droplets

wind

animation speed

viewport ripples / minute · 0–360

ripple scale

duration bias · each ripple remains random 1–7 s

glyph size · px

Rain falls behind the essay. Clicking any non-interactive area creates concentric ASCII ripples at that point.

advanced css

V31 · shared menu · spacing rulers