git-command-center/app.html at main · SNAPKITTYWEST/git-command-center · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <title>Apple GitDOS — SnapKitty OS</title>
    <link rel="manifest" href="manifest.json"/>
    <link rel="stylesheet" href="gitdos.css">
    <style>
    .back-link{
      position:fixed;top:10px;left:12px;z-index:99;
      font-size:9px;letter-spacing:1px;color:#ffd06088;
      font-family:'SF Mono',Monaco,Consolas,monospace;
      text-decoration:none;
    }
    .back-link:hover{color:#ffd060}
    </style>
  </head>
  <body>
    <a class="back-link" href="index.html">← BACK</a>
    <main class="crt">
      <header class="bezel">
        <div>
          <p class="eyebrow">SNAPKITTY OS / A.P.E. COMPUTER DEMO</p>
          <h1>APPLE GITDOS</h1>
        </div>
        <nav>
          <a href="index.html">HOME</a>
          <button id="boot">BOOT</button>
        </nav>
      </header>
      <section class="screen" aria-label="Apple GitDOS terminal chat">
        <div id="terminal" class="terminal" role="log" aria-live="polite"></div>
        <form id="command-form" autocomplete="off">
          <label for="command">]</label>
          <input id="command" spellcheck="false" autofocus>
        </form>
      </section>
      <aside class="drive">
        <div><span>DISK</span><strong id="disk-name">SNAPOS.DSK</strong></div>
        <div><span>MODEL</span><strong id="model-name">nemotron</strong></div>
        <div><span>WORM</span><strong id="worm-seal">GENESIS</strong></div>
      </aside>
    </main>
    <script src="gitdos.js"></script>
  </body>
</html>