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