Captain Bob, 2026-11-07: build the .com from the StarshipOS.com canvas.
canvas/ holds the artboards as drawn; build.py makes Main, Inquiries and
TryIt as {{html}} pages (the wiki's links and domains, the images as
attachments, the real console in Try it, the forms by e-mail); install.sh
puts them on the wiki and checks a guest's view. Installed on
starshipos-f18.com: every page and image reads 200 as a guest, and renders
without a macro error.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01GE3SDvQn5EoxdGufk84zz2
105 lines
9.5 KiB
Plaintext
105 lines
9.5 KiB
Plaintext
{{html clean="false"}}
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Exo+2:wght@600;700&display=swap" rel="stylesheet">
|
|
<div style="background: #0A1222; color: #EEF2F7; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 16px; line-height: 1.6; min-height: 0">
|
|
|
|
<header style="border-bottom: 1px solid #22324D">
|
|
<nav aria-label="Main" style="max-width: 1120px; margin: 0 auto; padding: 20px 24px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px">
|
|
<a href="/bin/view/Main/" style="font-family: 'Exo 2', sans-serif; font-weight: 700; font-size: 22px; color: #EEF2F7; text-decoration: none; letter-spacing: 0.02em">starship<span style="color: #F5891F">OS</span></a>
|
|
<div style="display: flex; flex-wrap: wrap; gap: 24px; font-size: 14px">
|
|
<a href="/bin/view/Main/" style="color: #C8D1DE; text-decoration: none">Home</a>
|
|
<a href="/bin/view/TryIt/" aria-current="page" style="color: #EEF2F7; text-decoration: none; border-bottom: 2px solid #F5891F">Try it</a>
|
|
<a href="/bin/view/Inquiries/" style="color: #C8D1DE; text-decoration: none">Inquiries</a>
|
|
<a href="https://starshipos-f18.org/" style="color: #F5891F; text-decoration: none">Contributors →</a>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
<section style="max-width: 1120px; margin: 0 auto; padding: 80px 24px 32px">
|
|
<p style="margin: 0 0 12px; font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; color: #4FD1B0">ok> try it</p>
|
|
<h1 style="margin: 0 0 16px; font-family: 'Exo 2', sans-serif; font-size: clamp(36px, 5vw, 56px); line-height: 1.1">A StarshipOS machine of your own.</h1>
|
|
<p style="margin: 0; max-width: 680px; font-size: 18px; color: #C8D1DE">Not a recording, not a simulation of StarshipOS: the console below is a real machine, started just for you and already at its prompt. You are Zuse, the superuser — of a machine that exists only for your session. There is nothing to break, and nothing you do is kept.</p>
|
|
</section>
|
|
|
|
<section aria-label="The console" style="max-width: 1120px; margin: 0 auto; padding: 24px 24px 48px">
|
|
<div style="background: #050A14; border: 1px solid #34486A; border-radius: 8px; overflow: hidden">
|
|
<div style="display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 20px; border-bottom: 1px solid #22324D; background: #0E182B; font-size: 13px; color: #A3AEC2">
|
|
<span style="display: flex; align-items: center; gap: 10px"><span aria-hidden="true" style="display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #4FD1B0"></span>StarshipOS · amd64 · your session</span>
|
|
<span>try.starshipos-f18.com</span>
|
|
</div>
|
|
<iframe src="https://try.starshipos-f18.com/" title="StarshipOS console" style="display: block; width: 100%; height: 30em; border: 0; background: #050A14"></iframe>
|
|
</div>
|
|
<p style="margin: 12px 0 0; font-size: 13px; color: #A3AEC2">If the console does not connect, every machine is in use: try again in a few minutes.</p>
|
|
</section>
|
|
|
|
<section aria-label="Your machine" style="border-top: 1px solid #22324D; border-bottom: 1px solid #22324D; background: #0E182B">
|
|
<div style="max-width: 1120px; margin: 0 auto; padding: 32px 24px; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 24px">
|
|
<div><div style="font-family: 'Exo 2', sans-serif; font-size: 32px; font-weight: 700; color: #F5891F">Zuse</div><div style="font-size: 14px; color: #A3AEC2">the superuser, of this machine only</div></div>
|
|
<div><div style="font-family: 'Exo 2', sans-serif; font-size: 32px; font-weight: 700; color: #F5891F">amd64</div><div style="font-size: 14px; color: #A3AEC2">LithosAnanke v2.1.0 · StarForth v4</div></div>
|
|
<div><div style="font-family: 'Exo 2', sans-serif; font-size: 32px; font-weight: 700; color: #F5891F">30 min</div><div style="font-size: 14px; color: #A3AEC2">then it is gone; reload for a new one</div></div>
|
|
<div><div style="font-family: 'Exo 2', sans-serif; font-size: 32px; font-weight: 700; color: #F5891F">Offline</div><div style="font-size: 14px; color: #A3AEC2">no network inside the machine</div></div>
|
|
</div>
|
|
</section>
|
|
|
|
<section aria-labelledby="try-h" style="max-width: 1120px; margin: 0 auto; padding: 96px 24px 48px">
|
|
<p style="margin: 0 0 12px; font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; color: #F5891F">Things to try</p>
|
|
<h2 id="try-h" style="margin: 0 0 16px; font-family: 'Exo 2', sans-serif; font-size: 40px; line-height: 1.15; max-width: 760px">StarshipOS speaks FORTH.</h2>
|
|
<p style="margin: 0 0 40px; max-width: 680px; color: #C8D1DE">Type a line and press Enter. When the machine has done it, it answers ok.</p>
|
|
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px">
|
|
<article style="background: #111C30; border: 1px solid #22324D; border-radius: 6px; padding: 28px">
|
|
<p style="margin: 0 0 4px; font-size: 13px; color: #A3AEC2">You type</p>
|
|
<p style="margin: 0 0 16px; font-size: 20px; color: #EEF2F7">3 4 + .</p>
|
|
<p style="margin: 0 0 4px; font-size: 13px; color: #A3AEC2">It answers</p>
|
|
<p style="margin: 0 0 16px; font-size: 20px; color: #F5891F">7 ok</p>
|
|
<p style="margin: 0; font-size: 14px; color: #C8D1DE">Numbers go on a stack; + adds the top two; . prints the result.</p>
|
|
</article>
|
|
<article style="background: #111C30; border: 1px solid #22324D; border-radius: 6px; padding: 28px">
|
|
<p style="margin: 0 0 4px; font-size: 13px; color: #A3AEC2">You type</p>
|
|
<p style="margin: 0 0 16px; font-size: 20px; color: #EEF2F7">: SQUARE DUP * ;</p>
|
|
<p style="margin: 0 0 4px; font-size: 13px; color: #A3AEC2">It answers</p>
|
|
<p style="margin: 0 0 16px; font-size: 20px; color: #F5891F">ok</p>
|
|
<p style="margin: 0; font-size: 14px; color: #C8D1DE">You have just taught the machine a new word, SQUARE.</p>
|
|
</article>
|
|
<article style="background: #111C30; border: 1px solid #22324D; border-radius: 6px; padding: 28px">
|
|
<p style="margin: 0 0 4px; font-size: 13px; color: #A3AEC2">You type</p>
|
|
<p style="margin: 0 0 16px; font-size: 20px; color: #EEF2F7">7 SQUARE .</p>
|
|
<p style="margin: 0 0 4px; font-size: 13px; color: #A3AEC2">It answers</p>
|
|
<p style="margin: 0 0 16px; font-size: 20px; color: #F5891F">49 ok</p>
|
|
<p style="margin: 0; font-size: 14px; color: #C8D1DE">…and used it, as if it had always been there.</p>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
|
|
<section style="max-width: 1120px; margin: 0 auto; padding: 48px 24px">
|
|
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 32px; border-top: 1px solid #22324D; padding-top: 48px">
|
|
<div><h3 style="margin: 0 0 8px; font-size: 16px; color: #EEF2F7">A machine of your own</h3><p style="margin: 0; font-size: 14px; color: #A3AEC2">Resumed at its prompt from one that booted, passed its 538 power-on self-tests and logged Zuse in — so you never wait for a boot.</p></div>
|
|
<div><h3 style="margin: 0 0 8px; font-size: 16px; color: #EEF2F7">The latest green build</h3><p style="margin: 0; font-size: 14px; color: #A3AEC2">Always the most recent build that booted on amd64, aarch64 and riscv64 and passed every acceptance check.</p></div>
|
|
<div><h3 style="margin: 0 0 8px; font-size: 16px; color: #EEF2F7">A Zuse of its own</h3><p style="margin: 0; font-size: 14px; color: #A3AEC2">Zuse is whoever holds the identity drive. Here it is a demo Zuse minted for this page alone — not anyone's real identity.</p></div>
|
|
<div><h3 style="margin: 0 0 8px; font-size: 16px; color: #EEF2F7">Gone when you go</h3><p style="margin: 0; font-size: 14px; color: #A3AEC2">Close the page, or let 30 minutes pass, and the machine is stopped and discarded. The next visitor starts clean.</p></div>
|
|
</div>
|
|
</section>
|
|
|
|
<section style="max-width: 1120px; margin: 0 auto; padding: 48px 24px 96px">
|
|
<div style="background: #111C30; border: 1px solid #22324D; border-radius: 6px; padding: 40px; display: flex; flex-wrap: wrap; gap: 40px; align-items: center">
|
|
<div style="flex: 999 1 480px; min-width: 0">
|
|
<p style="margin: 0 0 12px; font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; color: #F5891F">A small server</p>
|
|
<h2 style="margin: 0 0 16px; font-family: 'Exo 2', sans-serif; font-size: 32px; line-height: 1.2">Emulated, so a little slower.</h2>
|
|
<p style="margin: 0; color: #C8D1DE">The demo runs in an emulator on a modest server: slower than StarshipOS on real hardware, and only a few machines at once. The real thing boots straight from firmware, with nothing beneath it.</p>
|
|
</div>
|
|
<div style="flex: 1 1 220px; display: flex; flex-direction: column; gap: 12px">
|
|
<a href="/bin/view/Main/" style="display: inline-block; padding: 14px 20px; background: #F5891F; color: #0A1222; font-weight: 700; text-decoration: none; border-radius: 4px; text-align: center">How it works</a>
|
|
<a href="https://gitea.starshipos-f18.org/rajames/LithosAnanke" style="display: inline-block; padding: 14px 20px; border: 1px solid #34486A; color: #EEF2F7; text-decoration: none; border-radius: 4px; text-align: center">Read the source</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<footer style="border-top: 1px solid #22324D">
|
|
<div style="max-width: 1120px; margin: 0 auto; padding: 32px 24px; display: flex; flex-wrap: wrap; gap: 16px 32px; justify-content: space-between; font-size: 13px; color: #A3AEC2">
|
|
<span>© 2026 Robert Allan James · A Starship Foundation project (in formation)</span>
|
|
<span style="display: flex; flex-wrap: wrap; gap: 24px"><a href="/bin/view/Main/" style="color: #C8D1DE">Home</a><a href="/bin/view/Inquiries/" style="color: #C8D1DE">Inquiries</a><a href="https://starshipos-f18.org/" style="color: #C8D1DE">starshipos-f18.org</a></span>
|
|
</div>
|
|
</footer>
|
|
|
|
</div>
|
|
{{/html}}
|