mirror of
https://github.com/momenbasel/keyFinder.git
synced 2026-07-22 12:50:48 +02:00
momenbasel
882e298d85
- Popup + findings dashboard rebuilt as a dark ops console: radar-sweep brand mark, ARMED/PASSIVE status LEDs, scanline texture, mono chrome, amber (action) / teal (secret) semantic colors - Popup: count-up stats, numbered watchlist, command-prompt input, typed terminal status line with live counts - Dashboard: clickable severity stat filters, LATEST ticker, severity row edges, LED badges, click-to-copy match chips, relative times, skeleton rows, staggered first paint, radar empty state, / and Esc shortcuts, prefers-reduced-motion support - Fix severity sort (critical sorted last) and ticker hidden override - Add preview/ harness (stubbed chrome API) for headless UI screenshots
61 lines
2.2 KiB
HTML
61 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>KeyFinder</title>
|
|
<link rel="stylesheet" href="css/popup.css">
|
|
</head>
|
|
<body>
|
|
<header class="header">
|
|
<div class="header-brand">
|
|
<span class="radar" aria-hidden="true">
|
|
<img src="icons/icon48.png" alt="" class="header-icon">
|
|
</span>
|
|
<div class="brand-text">
|
|
<h1>KEYFINDER<span class="version" id="versionLabel"></span></h1>
|
|
<p class="header-tagline">passive secret discovery</p>
|
|
</div>
|
|
<span class="live-badge" title="Passive scanning is active"><span class="live-dot"></span>ARMED</span>
|
|
</div>
|
|
</header>
|
|
|
|
<section class="stats" id="stats">
|
|
<div class="stat-card stat-findings">
|
|
<span class="stat-top"><span class="stat-led" aria-hidden="true"></span><span class="stat-label">Findings</span></span>
|
|
<span class="stat-number" id="findingCount">–</span>
|
|
</div>
|
|
<div class="stat-card stat-keywords">
|
|
<span class="stat-top"><span class="stat-led" aria-hidden="true"></span><span class="stat-label">Keywords</span></span>
|
|
<span class="stat-number" id="keywordCount">–</span>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section">
|
|
<h2 class="section-title">Watchlist<span class="section-sub">// custom keywords</span></h2>
|
|
<form id="keywordForm" class="keyword-form">
|
|
<span class="prompt" aria-hidden="true">›</span>
|
|
<input
|
|
type="text"
|
|
id="keywordInput"
|
|
placeholder="add keyword, e.g. api_key"
|
|
autocomplete="off"
|
|
spellcheck="false"
|
|
>
|
|
<button type="submit" id="addBtn">Add</button>
|
|
</form>
|
|
<div id="errorMsg" class="error-msg" hidden></div>
|
|
<ul id="keywordList" class="keyword-list"></ul>
|
|
</section>
|
|
|
|
<footer class="footer">
|
|
<div class="term-line" aria-live="polite"><span class="term-text" id="termText"></span><span class="term-cursor" aria-hidden="true"></span></div>
|
|
<a href="results.html" target="_blank" id="resultsLink" class="results-btn">
|
|
View Findings <span class="btn-arrow" aria-hidden="true">→</span>
|
|
</a>
|
|
</footer>
|
|
|
|
<script src="js/popup.js"></script>
|
|
</body>
|
|
</html>
|