Files
chryzshandClaude Opus 4.6 28a2d28039 feat(site): add security warning banner to web search UI
Adds a prominent warning bar at the top of the search page advising
users to inspect source, never trust pre-compiled binaries, and verify
repo authors. Links to issue tracker for reporting suspicious entries.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-04-03 13:45:26 +02:00

63 lines
2.4 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>awesome-bof search</title>
<link rel="stylesheet" href="./styles.css" />
</head>
<body>
<div class="security-banner" role="alert">
<span class="banner-icon">&#9888;</span>
<span>Entries are community-sourced and <strong>not all manually vetted</strong>. Always inspect source code, never trust pre-compiled binaries, and verify repo authors before use.
<a href="https://github.com/chryzsh/awesome-bof/issues" target="_blank" rel="noopener">Report suspicious entries</a>
</span>
</div>
<main id="app" aria-busy="true">
<header class="topbar">
<div class="brand">
<h1>awesome-bof search</h1>
<p>Fast BOF discovery with keyboard-first navigation</p>
</div>
<label class="search-wrap" for="search">
<span class="search-label">Query</span>
<input id="search" type="search" placeholder="Search BOFs by name, description, or repo..." aria-label="Search BOFs" autocomplete="off" />
</label>
<div class="meta" aria-live="polite">
<span id="result-count">0 results</span>
<label class="sort-wrap" for="sort-mode">
<span>Sort</span>
<select id="sort-mode" aria-label="Sort results">
<option value="relevance">Relevance</option>
<option value="stars">Stars</option>
<option value="updated">Last Updated</option>
</select>
</label>
<span class="keys">`/` focus, `j/k` move, `Enter` open</span>
</div>
</header>
<section class="layout">
<section class="pane pane-list" aria-label="Results pane">
<ul id="results" aria-label="Search results"></ul>
</section>
<section class="pane pane-detail" aria-label="Details pane">
<article id="details" aria-live="polite">
<h2>BOF Details</h2>
<p>Select a BOF from the left pane.</p>
</article>
<div class="actions">
<button id="open-repo" type="button">Open GitHub Repo</button>
<button id="copy-repo" type="button">Copy Repo URL</button>
</div>
</section>
</section>
<p id="status" role="status">Loading index...</p>
</main>
<script src="./app.js" defer></script>
</body>
</html>