6c7eed7580
Fresh history cut from cynarAI/evoo antigravity-handoff/project-timeline (Voice First + project timeline). Brand docs/titles as evOo; keep @rakazo/* packages as tech debt. Excludes node_modules, caches, secrets, voice blobs.
102 lines
3.7 KiB
HTML
102 lines
3.7 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta
|
|
http-equiv="Content-Security-Policy"
|
|
content="default-src 'none'; script-src 'self'; style-src 'self'; img-src 'self' data:; form-action 'none'; base-uri 'none'"
|
|
/>
|
|
<title>Set up Rakazo</title>
|
|
<link rel="stylesheet" href="tokens.css" />
|
|
<link rel="stylesheet" href="setup.css" />
|
|
</head>
|
|
<body>
|
|
<header class="titlebar">
|
|
<span class="titlebar-name">Rakazo</span>
|
|
<button id="quit" class="titlebar-quit" type="button" title="Quit Rakazo">Quit</button>
|
|
</header>
|
|
|
|
<main class="shell">
|
|
<h1 class="heading">Welcome to Rakazo</h1>
|
|
<p class="subheading">Choose which server this app should use.</p>
|
|
|
|
<form id="setup" novalidate>
|
|
<fieldset class="choices">
|
|
<legend class="sr-only">Instance</legend>
|
|
|
|
<label class="choice" for="mode-new">
|
|
<input id="mode-new" type="radio" name="mode" value="new" checked />
|
|
<span class="choice-title">This computer</span>
|
|
</label>
|
|
|
|
<label class="choice" for="mode-existing">
|
|
<input id="mode-existing" type="radio" name="mode" value="existing" />
|
|
<span class="choice-title">Existing instance</span>
|
|
</label>
|
|
</fieldset>
|
|
|
|
<section id="panel-new" class="panel">
|
|
<div id="stack" hidden>
|
|
<div class="stack-head">
|
|
<p id="stack-phase" class="stack-phase" role="status" aria-live="polite"></p>
|
|
<button
|
|
id="stack-details"
|
|
class="icon-button"
|
|
type="button"
|
|
aria-controls="stack-output"
|
|
aria-expanded="false"
|
|
aria-label="Technical details"
|
|
title="Technical details"
|
|
>
|
|
<svg viewBox="0 0 16 16" aria-hidden="true" focusable="false">
|
|
<path d="M3.5 4.5 7 8l-3.5 3.5M8.5 11.5H13" />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
<div
|
|
id="stack-progress"
|
|
class="progress"
|
|
role="progressbar"
|
|
aria-label="Setup progress"
|
|
aria-valuemin="0"
|
|
aria-valuemax="100"
|
|
aria-valuenow="0"
|
|
hidden
|
|
>
|
|
<div id="stack-progress-fill" class="progress-fill"></div>
|
|
</div>
|
|
<p id="stack-detail" class="stack-detail"></p>
|
|
<pre id="stack-output" class="stack-output" hidden></pre>
|
|
<div id="stack-docker-help" class="stack-help" hidden>
|
|
<button class="link" type="button" data-link="docker-desktop">Docker Desktop</button>
|
|
<button class="link" type="button" data-link="orbstack">OrbStack</button>
|
|
<button class="link" type="button" data-link="docker-engine">Docker Engine</button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="panel-existing" class="panel" hidden>
|
|
<label class="field-label" for="server-url">Server address</label>
|
|
<input
|
|
id="server-url"
|
|
class="field"
|
|
type="text"
|
|
spellcheck="false"
|
|
autocomplete="off"
|
|
placeholder="https://rakazo.example.com"
|
|
/>
|
|
</section>
|
|
|
|
<p id="status" class="status" role="status" aria-live="polite"></p>
|
|
|
|
<div class="actions">
|
|
<button id="check" class="button button-secondary" type="button">Check connection</button>
|
|
<button id="continue" class="button button-primary" type="submit">Continue</button>
|
|
</div>
|
|
</form>
|
|
</main>
|
|
|
|
<script src="setup.js"></script>
|
|
</body>
|
|
</html>
|