transient.chat/static/index.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Transient.chat - Private, Encrypted, Ephemeral Chat</title>
    <meta
      name="description"
      content="Live encrypted chats on demand. Zero logs, zero disk storage, 100% ephemeral."
    />
    <link rel="stylesheet" href="/assets/css/styles.css" />
    <link rel="icon" href="/assets/images/favicon.ico" type="image/x-icon" />
  </head>

  <body>
    <div id="info-text">
      <div class="title-row">
        <a href="index.html">
          <img
            src="/assets/images/transientchat-blue.png"
            alt="Transient.chat"
          />
        </a>

        <h1>Chat without a trace!</h1>
      </div>
      <p>
        Real-time encrypted conversations that disappear after
        <strong>1 hour</strong>.<br />
        No accounts. No logs. No trackers. Nothing is saved... ever.<br />
        All messages are encrypted in memory on the server and never written to disk or database.<br /><br />

        <strong>🔐 Encryption First & On-Demand Rooms:</strong> All rooms are created on demand and protected by passwords.
        Your room password automatically encrypts all messages and audio in your browser using AES-256-GCM. No confusing keys interface needed.<br /><br />

        <strong>🎬 Integrated Watch Party:</strong> Toggle YouTube synchronized playback on and off in any room at any time.<br /><br />

        <strong>🎤 Ephemeral Voice Notes:</strong> Hold the microphone button to record encrypted audio clips. Turn on Autoplay to hear them live.<br /><br />

        <strong>🌪️ 100% Ephemeral Lifecycle:</strong> When everyone leaves a room, the room, its password, and its messages vanish completely from memory.<br /><br />

        <a href="faq.html">Read the FAQ & Learn More →</a>
      </p>
    </div>

    <div id="login-container">
      <input type="text" id="username-input" placeholder="Choose a Handle" autocomplete="username" />
      <br />
      <br />
      <button id="start-chat-button">Start Chatting!</button>
    </div>

    <div id="info-text">
      <p>
        Don't trust me? I don't blame you. Review the open source code and host your own server!<br />
        <a href="https://forgejo.benjimanmiller.com/ben/transient.chat">
          https://forgejo.benjimanmiller.com/ben/transient.chat
        </a>
      </p>
    </div>
    <script src="/assets/js/index.js"></script>
  </body>
</html>