<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Memby for Android TV</title>
<style>
  :root {
    color-scheme: dark;
    --bg: #0b0e11; --panel: #151a20; --line: #232a32;
    --text: #e9edf1; --muted: #98a2ac; --accent: #52b54b;
  }
  * { box-sizing: border-box; }
  body {
    margin: 0; padding: 40px 20px; background: var(--bg); color: var(--text);
    font: 16px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif;
  }
  main { max-width: 720px; margin: 0 auto; }
  header { text-align: center; margin-bottom: 36px; }
  h1 { font-size: 40px; margin: 0 0 6px; letter-spacing: -0.02em; }
  .tagline { color: var(--muted); margin: 0; }
  .version { display: inline-block; margin-top: 14px; padding: 4px 12px; border-radius: 999px;
             background: rgba(82,181,75,.14); color: var(--accent); font-size: 14px; font-weight: 600; }
  .download {
    display: block; text-align: center; text-decoration: none; margin: 0 auto 10px;
    background: var(--accent); color: #06240a; font-size: 19px; font-weight: 700;
    padding: 17px 28px; border-radius: 12px; max-width: 420px;
  }
  .download:hover { filter: brightness(1.07); }
  .beneath { text-align: center; color: var(--muted); font-size: 13px; margin: 0 0 36px; }
  section { background: var(--panel); border: 1px solid var(--line); border-radius: 12px;
            padding: 22px 24px; margin-bottom: 18px; }
  h2 { font-size: 13px; text-transform: uppercase; letter-spacing: .09em; color: var(--muted);
       margin: 0 0 14px; }
  ol { margin: 0; padding-left: 20px; }
  ol li { margin-bottom: 10px; }
  ol li:last-child { margin-bottom: 0; }
  code { background: #0d1116; border: 1px solid var(--line); border-radius: 6px;
         padding: 2px 7px; font-size: 14px; word-break: break-all; }
  .url { display: block; margin-top: 8px; font-size: 17px; font-weight: 600; color: var(--accent);
         background: #0d1116; border: 1px solid var(--line); border-radius: 8px; padding: 12px 14px;
         text-align: center; word-break: break-all; }
  .note { color: var(--muted); font-size: 14px; margin: 14px 0 0; }
  footer { text-align: center; color: var(--muted); font-size: 13px; margin-top: 30px; }
</style>
</head>
<body>
<main>
  <header>
    <h1>Memby</h1>
    <p class="tagline">An Emby client for Android TV</p>
    <div class="version">Version {{VERSION}} &middot; {{DATE}}</div>
  </header>

  <a class="download" href="{{APK_NAME}}" download>Download for Android TV</a>
  <p class="beneath">{{APK_NAME}} &middot; {{SIZE}}</p>

  <section>
    <h2>Installing on a TV</h2>
    <p style="margin-top:0">
      TVs have no easy way to type a web address, so the usual route is the free
      <strong>Downloader</strong> app (AFTV News) from your TV's app store. Open it and enter:
    </p>
    <span class="url">{{APK_URL}}</span>
    <p class="note">
      The TV will ask permission to install apps from Downloader the first time — allow it,
      then come back and the install continues.
    </p>
  </section>

  <section>
    <h2>Installing from a computer</h2>
    <ol>
      <li>Enable <strong>Developer options</strong> and <strong>USB/network debugging</strong> on the TV.</li>
      <li>Download the APK above.</li>
      <li>Run <code>adb connect &lt;tv-ip&gt;</code> then <code>adb install {{APK_NAME}}</code>.</li>
    </ol>
  </section>

  <section>
    <h2>What's new in {{VERSION}}</h2>
    <p style="margin:0">{{NOTES}}</p>
  </section>

  <section>
    <h2>Updates</h2>
    <p style="margin-top:0">
      Memby checks here for new versions. In the app, open <strong>Settings</strong> and set the
      update URL to:
    </p>
    <span class="url">{{BASE_URL}}/latest.json</span>
    <p class="note">
      After that, <strong>Check for updates</strong> downloads and installs new versions on the
      TV itself — no computer needed.
    </p>
  </section>

  <section>
    <h2>Free and open-source software</h2>
    <p style="margin-top:0">
      Memby is licensed under the GNU General Public License v2. The corresponding source
      for this build is available at:
    </p>
    <a class="url" href="{{SOURCE_URL}}">{{SOURCE_URL}}</a>
    <p class="note">
      The complete <a href="LICENSE">licence</a> and <a href="NOTICE">acknowledgements</a>
      are included alongside this download and inside the app under Settings.
    </p>
  </section>

  <footer>Memby &middot; by ponzischeme89</footer>
</main>
</body>
</html>
