<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Fake OS Terminal</title>
<link rel="stylesheet" href="../style.css"> <!-- your main site css -->
<link rel="stylesheet" href="terminal.css"> <!-- terminal-specific css -->
</head>
<body>

<!-- Fixed top-left logo (optional, same as Living Poem) -->
<a href="/" id="logo-link">
  <img src="logo.png" alt="Chroí Logo" class="logo">
</a>

<div class="page">

  <h1>Fake OS Terminal</h1>
  <p><em>a playful command-line interface</em></p>

  <!-- Terminal container -->
  <div id="terminal">
    <div id="output"></div>
    <div id="input-line">
      <span class="prompt">guest@chroi:~$</span>
      <input type="text" id="command-input" autofocus autocomplete="off" />
    </div>
  </div>

</div>

<script src="terminal.js"></script>
</body>
</html>