From a0b3eeb345810af01119d689478e97edc4f69bf1 Mon Sep 17 00:00:00 2001
From: Prad Nukala <prad@sonr.io>
Date: Wed, 7 Jan 2026 21:05:47 -0500
Subject: [PATCH] style(example): update styles and remove unused IPFS elements

---
 example/index.html | 19 ++-----------------
 1 file changed, 2 insertions(+), 17 deletions(-)

diff --git a/example/index.html b/example/index.html
index 8254d7e..b6b10fd 100644
--- a/example/index.html
+++ b/example/index.html
@@ -32,8 +32,6 @@
     .card-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem; }
     .clear-btn { background: #374151; padding: 0.25rem 0.5rem; font-size: 0.7rem; margin: 0; }
     .clear-btn:hover { background: #4b5563; }
-    .cid-display { font-family: monospace; font-size: 0.75rem; color: #60a5fa; background: #1e3a5f; padding: 0.25rem 0.5rem; border-radius: 4px; word-break: break-all; margin-top: 0.5rem; display: none; }
-    .cid-display.visible { display: block; }
     .status-row { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; }
   </style>
 </head>
@@ -45,7 +43,6 @@
       <h2>Status</h2>
       <div class="status-row">
         <span id="status" class="status wait">Loading...</span>
-        <span id="ipfs-status" class="status wait">IPFS...</span>
         <button onclick="runAllTests()" style="margin-left: 0.5rem;">Run All Tests</button>
       </div>
     </div>
@@ -62,25 +59,22 @@
 
     <div class="card">
       <div class="card-header">
-        <h2>generate(credential) → IPFS</h2>
+        <h2>generate(credential)</h2>
         <button class="clear-btn" onclick="clearCardLog('generate')">Clear</button>
       </div>
       <div class="actions">
         <button onclick="testGenerate()">Create with WebAuthn</button>
         <button onclick="testGenerateMock()">Create with Mock</button>
       </div>
-      <div id="cid-display" class="cid-display"></div>
       <div id="log-generate" class="log"></div>
     </div>
 
     <div class="card">
       <div class="card-header">
-        <h2>load(cid | database)</h2>
+        <h2>load(database)</h2>
         <button class="clear-btn" onclick="clearCardLog('load')">Clear</button>
       </div>
-      <input type="text" id="cid-input" placeholder="IPFS CID (bafybeig...) - auto-filled after generate">
       <div class="actions">
-        <button onclick="testLoadFromCID()">Load from IPFS</button>
         <button onclick="testLoadFromBytes()">Load from Bytes</button>
       </div>
       <div id="log-load" class="log"></div>
@@ -113,15 +107,6 @@
     </div>
   </div>
 
-  <script type="importmap">
-    {
-      "imports": {
-        "helia": "https://esm.sh/helia@5",
-        "@helia/unixfs": "https://esm.sh/@helia/unixfs@4",
-        "multiformats/cid": "https://esm.sh/multiformats@13/cid"
-      }
-    }
-  </script>
   <script type="module" src="./main.js"></script>
 </body>
 </html>