mirror of
https://github.com/avinal/sciezka.git
synced 2026-07-03 23:30:09 +05:30
feat: fuzzy search engine and Spotlight-style UI
Custom fzy algorithm with fulltext and prefix modes, boxy dark-aware UI with keyboard navigation, mode switching, match highlighting, and auto-resizing iframe overlay. Assisted-by: Claude Code Signed-off-by: Avinal Kumar <avinal.xlvii@gmail.com>
This commit is contained in:
@@ -0,0 +1,28 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="stylesheet" href="sciezka.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="sciezka-root">
|
||||
<div id="search-bar">
|
||||
<svg id="search-icon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||
<circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/>
|
||||
</svg>
|
||||
<input id="search-input" type="text" placeholder="Search tabs, history, bookmarks..." autofocus>
|
||||
<span id="method-badge">fuzzy</span>
|
||||
</div>
|
||||
<div id="mode-bar"></div>
|
||||
<div id="results"></div>
|
||||
<div id="footer">
|
||||
<span class="hint"><kbd>↑↓</kbd> navigate</span>
|
||||
<span class="hint"><kbd>Enter</kbd> open</span>
|
||||
<span class="hint"><kbd>Tab</kbd> mode</span>
|
||||
<span class="hint"><kbd>Ctrl+F</kbd> search type</span>
|
||||
<span class="hint"><kbd>Esc</kbd> close</span>
|
||||
</div>
|
||||
</div>
|
||||
<script src="dist/sciezka.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user