interfaces.body.sh
 1	#!/usr/bin/env sh
 2	
 3	<< % cat
 4	<h1>EPSON TM T20 II debug mode</h1>
 5	<iframe class="portrait" src="https://www.youtube.com/embed/eXw-Mklh0lo?si=p60uN6AOSblyuFiG" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 6	
 7	<h1>indexed notebook</h1>
 8	<video class="portrait" poster="/i/sliding-index-notebook.jpg" controls>
 9		<source  src="/v/sliding-index-notebook.mp4" type="video/mp4">
10	</video>
11	
12	<h1>Memex — 2014 implementation from Vannevar Bush's 1945 <a href="https://en.wikipedia.org/wiki/As_We_May_Think">proposal</a></h1>
13	<iframe src="https://www.youtube.com/embed/pW4SS_9nXyo?si=_Rb4PJ-hUwaFAnWY" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
14	
15	<h1><a href="https://dataphys.org/list/bertins-reorderable-matrices/">Reordable matrices</a> and their diagonalisations <i>matrices ordonables et leurs diagonalisations</i>, 1960s</h1>
16	<iframe src="https://www.youtube.com/embed/EUoaEwxUeQ0" title="La Post Cure des Malades Mentaux (Bertin matrix)" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
17	
18	<h1>RATP radial button</h1>
19	<iframe src="https://www.youtube.com/embed/Dk5m3g-4Wqk?si=Xrfv8EYhXGSftjBX" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
20	
21	<h1>Sketchpad — 1963</h1>
22	<iframe src="https://www.youtube.com/embed/5RyU50qbvzQ?si=-zpiOrKU39oeWWNg&start=25" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
23	
24	<h1>Ed text editor — 1973</h1>
25	<iframe src="https://www.youtube.com/embed/BNYpmLH6IjQ?si=kGXZ7KCfveprjiil" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
26	
27	<h1>Lotus Improv for NeXT — 1990</h1>
28	<iframe src="https://www.youtube.com/embed/rgGmKD87U3M?si=D5GwdzOeMB1ZoEQU&start=101" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
29	
30	<h1>TOMB RAIDER I menu — 1996</h1>
31	<iframe src="https://www.youtube.com/embed/OLgdmccdOe0?si=SVJrevrOQZvZWdCn" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
32	
33	<h1>LISP machines ~ 1970s</h1>
34	<iframe src="https://www.youtube.com/embed/o4-YnLpLgtk?si=jSeiayOCm8nhcE2g" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
35	
36	<h1>VisiCalc — 1979</h1>
37	<iframe src="https://www.youtube.com/embed/5nJ5orII3Mk?si=Mc1lO0FqbrkBF79z" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
38	
39	<h1>UNIX operating system — 1969</h1>
40	<iframe title="UNIX: Making Computers Easier To Use -- AT&T Archives film from 1982, Bell Laboratories" src="https://mplayer.demouliere.eu/videos/embed/rofAqLc89e8TJMuqAc7RKk" allow="fullscreen" sandbox="allow-same-origin allow-scripts allow-popups allow-forms"></iframe>
41	
42	<h1>Lotus 1-2-3 for Windows (PC MS-DOS) — 1991</h1>
43	<iframe  src="https://www.youtube.com/embed/mesNgrRKZFQ?si=M9BGVO-XWmZsRmpJ" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
44	
45	<h1>Ability office suite for DOS ~ 1980s</h1>
46	<iframe src="https://www.youtube.com/embed/vcGDgoc7hMg?si=iuBOF1XhgjpHnM0f&start=50" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
47	
48	<h1>PsychDOS, a text-mode desktop for DOS — 2019 <a href="https://archive.org/details/PSYCHSRC">source</a></h1>
49	<iframe src="https://www.youtube.com/embed/wQCiZtnJekU?si=AbMwXnenS2wRP5h_&start=88" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
50	
51	<h1>Xanadu (windows XP implementation)</h1>
52	<iframe src="https://www.youtube.com/embed/En_2T7KH6RA?si=8KSMDs_Wf0PCZmpd&start=196" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
53	
54	<h1>apple Hypercard — 1987</h1>
55	<iframe src="https://archive.org/embed/CC501_hypercard?start=285" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen=""></iframe>
56	
57	<h1>A Dialect of the <a href="https://100r.co/site/orca.html">ORCA</a> Programming Language — 2024</h1>
58	<iframe src="https://www.youtube.com/embed/d8eC9he8iZM?si=m1ig3wfqVMx8YU4q" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
59	
60	<h1>Git for minecraft — 2026</h1>
61	<iframe src="https://www.youtube.com/embed/ZdM-iNpv3nU?si=oj4bsnaokPXsahqF" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
62	
63	%

EPSON TM T20 II debug mode

indexed notebook

Memex — 2014 implementation from Vannevar Bush's 1945 proposal

Reordable matrices and their diagonalisations matrices ordonables et leurs diagonalisations, 1960s

RATP radial button

Sketchpad — 1963

Ed text editor — 1973

Lotus Improv for NeXT — 1990

TOMB RAIDER I menu — 1996

LISP machines ~ 1970s

VisiCalc — 1979

UNIX operating system — 1969

Lotus 1-2-3 for Windows (PC MS-DOS) — 1991

Ability office suite for DOS ~ 1980s

PsychDOS, a text-mode desktop for DOS — 2019 source

Xanadu (windows XP implementation)

apple Hypercard — 1987

A Dialect of the ORCA Programming Language — 2024

Git for minecraft — 2026