e47a9f4401
- 2.1: packs/ -> archive/packs/ - 2.2: site/ -> archive/site/ - 2.3: src/lab/ -> archive/lab/ - 2.4: examples/ -> archive/examples-legacy/ (SSI-based)
53 lines
2.5 KiB
HTML
53 lines
2.5 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<!--#include virtual="/_include/head.html" -->
|
|
<title>Redacted — ASW Examples</title>
|
|
<meta name="description" content="data-redacted — privacy-aware
|
|
content masking with reveal-on-hover">
|
|
</head>
|
|
<body>
|
|
<!--#include virtual="/_include/nav.html" -->
|
|
|
|
<main>
|
|
<header>
|
|
<h1>Redacted</h1>
|
|
<p data-text="lead">data-redacted — privacy-aware content masking
|
|
with reveal-on-hover</p>
|
|
</header>
|
|
|
|
<p><code>data-redacted</code> masks sensitive content visually while
|
|
keeping it in the DOM. Three variants: block (default), inline, and
|
|
label.</p>
|
|
<h2 id="block-redaction">Block redaction</h2>
|
|
<p>Full paragraphs or sections masked. Useful for credentials, keys,
|
|
private notes.</p>
|
|
<div data-redacted>
|
|
This is a secret API key: sk-ant-api03-XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
|
|
It should not be visible in a screenshot or casual glance.
|
|
</div>
|
|
|
|
<h2 id="inline-redaction">Inline redaction</h2>
|
|
<p>Mask a word or phrase within running text.</p>
|
|
<p>The agent authenticated using token <span data-redacted="inline">ghp_abc123secrettoken</span> to push the commit.</p>
|
|
|
|
<p>Ludo's email is <span data-redacted="inline">ludo@trentuna.com</span> — hover to reveal.</p>
|
|
|
|
<h2 id="label-variant">Label variant</h2>
|
|
<p>Replace content with a descriptive label. The label stays visible;
|
|
content is hidden until hover.</p>
|
|
<p>Password: <span data-redacted="label" data-label="credentials">hunter2</span></p>
|
|
|
|
<p>Private key: <span data-redacted="label" data-label="SSH key">-----BEGIN OPENSSH PRIVATE KEY-----</span></p>
|
|
|
|
<h2 id="agent-usage">Agent usage</h2>
|
|
<p>An agent writing a session report can redact secrets inline without a
|
|
post-processing step:</p>
|
|
<div class="sourceCode" id="cb1"><pre
|
|
class="sourceCode html"><code class="sourceCode html"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="dt"><</span><span class="kw">p</span><span class="dt">></span>Authenticated as <span class="dt"><</span><span class="kw">span</span> <span class="er">data-redacted</span><span class="ot">=</span><span class="st">"inline"</span><span class="dt">></span>vigilio-token-abc<span class="dt"></</span><span class="kw">span</span><span class="dt">></span>.<span class="dt"></</span><span class="kw">p</span><span class="dt">></span></span></code></pre></div>
|
|
<p>No classes. No JavaScript. The CSS handles it.</p>
|
|
</main>
|
|
|
|
<!--#include virtual="/_include/footer.html" -->
|
|
</body>
|
|
</html>
|