diff --git a/index.html b/index.html
index d4662ef..14238ab 100644
--- a/index.html
+++ b/index.html
@@ -1,56 +1,199 @@
-<!-- auto-generated - fdroid index updates will overwrite this file -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
-<html>
-  <head>
-    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
-    <meta content="width=device-width; initial-scale=1.0; minimum-scale=0.5; maximum-scale=2.0; user-scalable=1;" name="viewport">
-    <title>
-   My First F-Droid Repo Demo
-    </title>
-    <base href="index.html">
-    <link href="index.css" rel="stylesheet" type="text/css">
-    <link href="icons/icon.png" rel="icon" type="image/png">
-    <link href="icons/icon.png" rel="shortcut icon" type="image/png">
-    <meta content="My First F-Droid Repo Demo" property="og:site_name">
-    <meta content="My First F-Droid Repo Demo" property="og:title">
-    <meta content property="og:determiner">
-    <meta content="This is a repository of apps to be used with F-Droid. Applications in this repository are either official binaries built by the original application developers, or are binaries built from source by the admin of f-droid.org using the tools on https://gitlab.com/fdroid." property="og:description">
-    <meta content="index,nofollow" name="robots">
-  </head>
-  <body>
-    <h2>
-      My First F-Droid Repo Demo
-    </h2>
-    <div id="intro">
-      <p style="margin-bottom:.2em;">
-        <span style="float:right;width:100px;margin-left:.5em;">
-          <a href="index.png" title="QR: test">
-            <img alt="QR: test" src="index.png" width="100">
-          </a>
-        </span>
-        This is a repository of apps to be used with F-Droid. Applications in this repository are either official binaries built by the original application developers, or are binaries built from source by the admin of f-droid.org using the tools on https://gitlab.com/fdroid.
-        <br>
-        <br>
-        Currently it serves
-        <kbd>
-          1
-        </kbd>
-        apps. To add it to your F-Droid app, scan the QR code (click it to enlarge) or use this link:
-      </p>
-      <p class="center" style="margin-top:.5em">
-        <a href="https://fdroid.link/#https://MyFirstFDroidRepo.org/fdroid/repo?fingerprint=F3E4B08ED839D197A19AD4D020AE65CD6D84077BF52B0E1C0F7A554CC64F3D24">
-          <code style="color:#000000;font-weight:bold;">
-            https://MyFirstFDroidRepo.org/fdroid/repo
-          </code>
-        </a>
-      </p>
-      <p>
-        If you would like to manually verify the fingerprint (SHA-256) of the repository signing key, here it is:
-        <br>
-        <blockcode style="color:#000000;font-weight:bold;">
-          F3 E4 B0 8E D8 39 D1 97 A1 9A D4 D0 20 AE 65 CD 6D 84 07 7B F5 2B 0E 1C 0F 7A 55 4C C6 4F 3D 24
-        </blockcode>
-      </p>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>resumd fdroid repo</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@300;500;700&display=swap" rel="stylesheet">
+  <link href="icons/icon.png" rel="icon" type="image/png">
+  <style>
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    :root {
+      --neon-cyan: #00ffff;
+      --neon-pink: #ff00ff;
+      --neon-purple: #b400ff;
+      --dark-bg: #0a0a0f;
+      --text-color: #e0e0e0;
+    }
+    body {
+      font-family: "Rajdhani", sans-serif;
+      background: var(--dark-bg);
+      color: var(--text-color);
+      min-height: 100vh;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      padding: 2rem;
+    }
+    .container {
+      max-width: 600px;
+      text-align: center;
+    }
+    h1 {
+      font-family: "Orbitron", sans-serif;
+      font-size: 2.5rem;
+      color: var(--neon-cyan);
+      margin-bottom: 0.5rem;
+      text-transform: lowercase;
+    }
+    .tagline {
+      color: var(--neon-pink);
+      margin-bottom: 2rem;
+      font-size: 1.1rem;
+    }
+    .qr-section {
+      background: rgba(20, 20, 30, 0.8);
+      border: 1px solid var(--neon-purple);
+      padding: 2rem;
+      margin-bottom: 2rem;
+    }
+    .qr-section img {
+      width: 200px;
+      height: 200px;
+      margin-bottom: 1rem;
+    }
+    .repo-url {
+      font-family: monospace;
+      background: rgba(0, 255, 255, 0.1);
+      padding: 0.8rem 1.2rem;
+      border: 1px solid var(--neon-cyan);
+      color: var(--neon-cyan);
+      display: inline-block;
+      word-break: break-all;
+      margin-bottom: 1rem;
+    }
+    .copy-btn {
+      background: var(--neon-purple);
+      border: none;
+      color: white;
+      padding: 0.5rem 1.5rem;
+      font-family: "Orbitron", sans-serif;
+      cursor: pointer;
+      text-transform: lowercase;
+      transition: all 0.3s;
+    }
+    .copy-btn:hover {
+      background: var(--neon-pink);
+      box-shadow: 0 0 15px var(--neon-pink);
+    }
+    .apps {
+      margin-top: 2rem;
+    }
+    .app-card {
+      background: rgba(20, 20, 30, 0.8);
+      border: 1px solid var(--neon-purple);
+      padding: 1.5rem;
+      margin-bottom: 1rem;
+      text-align: left;
+      display: flex;
+      gap: 1rem;
+      align-items: center;
+    }
+    .app-icon {
+      width: 64px;
+      height: 64px;
+      background: var(--neon-purple);
+      border-radius: 12px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 2rem;
+    }
+    .app-info h3 {
+      font-family: "Orbitron", sans-serif;
+      color: var(--neon-pink);
+      text-transform: lowercase;
+      margin-bottom: 0.3rem;
+    }
+    .app-info p {
+      color: #aaa;
+      font-size: 0.9rem;
+    }
+    .badge {
+      display: inline-block;
+      padding: 0.2rem 0.6rem;
+      background: var(--neon-purple);
+      color: white;
+      font-size: 0.75rem;
+      margin-top: 0.5rem;
+    }
+    .badge-root {
+      background: #ff6b9d;
+    }
+    .instructions {
+      margin-top: 2rem;
+      text-align: left;
+      background: rgba(20, 20, 30, 0.6);
+      padding: 1.5rem;
+      border-left: 3px solid var(--neon-cyan);
+    }
+    .instructions h4 {
+      color: var(--neon-cyan);
+      margin-bottom: 0.5rem;
+      font-family: "Orbitron", sans-serif;
+      text-transform: lowercase;
+    }
+    .instructions ol {
+      margin-left: 1.2rem;
+      color: #ccc;
+    }
+    .instructions li {
+      margin-bottom: 0.5rem;
+    }
+    a {
+      color: var(--neon-cyan);
+    }
+    .back-link {
+      margin-top: 2rem;
+      color: var(--neon-pink);
+      text-decoration: none;
+      font-family: "Orbitron", sans-serif;
+      text-transform: lowercase;
+    }
+    .back-link:hover {
+      text-shadow: 0 0 10px var(--neon-pink);
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <h1>resumd repo</h1>
+    <p class="tagline">// f-droid app repository</p>
+
+    <div class="qr-section">
+      <img src="index.png" alt="QR Code">
+      <div class="repo-url">https://sudoxnym.github.io/resumd-fdroid</div>
+      <br><br>
+      <button class="copy-btn" onclick="navigator.clipboard.writeText('https://sudoxnym.github.io/resumd-fdroid');this.textContent='copied!';setTimeout(()=>this.textContent='copy url',2000)">copy url</button>
     </div>
-  </body>
+
+    <div class="apps">
+      <h3 style="color:var(--neon-cyan);font-family:Orbitron;text-transform:lowercase;margin-bottom:1rem">// available apps</h3>
+      <div class="app-card">
+        <div class="app-icon">📱</div>
+        <div class="app-info">
+          <h3>resumd</h3>
+          <p>recent apps overlay for rooted android tv. view, switch, pin, and close running apps.</p>
+          <span class="badge">v1.0</span>
+          <span class="badge badge-root">root required</span>
+        </div>
+      </div>
+    </div>
+
+    <div class="instructions">
+      <h4>// how to add this repo</h4>
+      <ol>
+        <li>open <strong>f-droid</strong> or <strong>neostore</strong></li>
+        <li>go to settings → repositories</li>
+        <li>tap "add repository"</li>
+        <li>paste the url above or scan the qr code</li>
+        <li>refresh and install apps</li>
+      </ol>
+    </div>
+
+    <a href="https://github.com/sudoxnym/resumd" class="back-link">← view source on github</a>
+  </div>
+</body>
 </html>
