diff options
| author | blackhao <13851610112@163.com> | 2025-08-22 05:04:21 -0500 |
|---|---|---|
| committer | blackhao <13851610112@163.com> | 2025-08-22 05:04:21 -0500 |
| commit | 5423e0d7db6ca52d954c4529c0c2fb743319d693 (patch) | |
| tree | 30788710a7be250f37fa9a86ce52b1156db390dd /web/index.html | |
| parent | 4aab4087dc97906d0b9890035401175cdaab32d4 (diff) | |
Prepare GitHub Pages: docs folder and data assets
Diffstat (limited to 'web/index.html')
| -rw-r--r-- | web/index.html | 18 |
1 files changed, 17 insertions, 1 deletions
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> |