From 5423e0d7db6ca52d954c4529c0c2fb743319d693 Mon Sep 17 00:00:00 2001
From: blackhao <13851610112@163.com>
Date: Fri, 22 Aug 2025 05:04:21 -0500
Subject: Prepare GitHub Pages: docs folder and data assets

---
 web/index.html | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

(limited to 'web/index.html')

diff --git a/web/index.html b/web/index.html
index 11e2b87..448f762 100644
--- a/web/index.html
+++ b/web/index.html
@@ -14,7 +14,10 @@
         <div class="controls">
           <label>
             Course (e.g., CS 225 or CS):
-            <input id="searchInput" type="text" placeholder="CS 225" />
+            <span class="search-box">
+              <input id="searchInput" type="text" placeholder="CS 225" autocomplete="off" />
+              <div id="searchSuggestions" class="suggestions hidden" role="listbox" aria-label="Suggestions"></div>
+            </span>
           </label>
           <label>
             Depth:
@@ -57,6 +60,19 @@
       <footer>
         <span id="status">Loading dataset...</span>
       </footer>
+      <aside id="sidebar" class="sidebar" aria-label="Edge details">
+        <div class="sidebar-header">
+          <span>Edge Details</span>
+          <button id="btnCloseSidebar" type="button">Close</button>
+        </div>
+        <div class="sidebar-content">
+          <div id="sidebarBody">Hover an edge to see details here.</div>
+          <div style="margin-top:10px;">
+            <button id="btnUnlock" type="button" class="hidden">Unlock</button>
+          </div>
+        </div>
+      </aside>
+      <button id="sidebarHandle" class="sidebar-handle" title="Toggle details">Details</button>
     </div>
 
     <script src="https://cdn.jsdelivr.net/npm/cytoscape@3.28.1/dist/cytoscape.min.js"></script>
-- 
cgit v1.2.3