dataengineeringtools/pii.html at main · prabakaras/dataengineeringtools · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>PII Scanner | Prabakar's GitHub Tools</title>
    <link rel="preconnect" href="https://fonts.googleapis.com" /><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link href="https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap" rel="stylesheet" />
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body class="tool-page"><main class="tool-layout">
    <nav class="tool-nav"><a class="brand" href="index.html" aria-label="Prabakar's GitHub home"><span class="brand-mark" aria-hidden="true">PG</span><span class="brand-name">PRABAKAR'S GITHUB</span></a><div class="nav-links"><a href="index.html#tools">ALL TOOLS</a><a class="active" href="pii.html">PII</a></div></nav>
    <header class="tool-header"><p class="eyebrow">TOOL 14 / PRIVACY</p><h1>PII <em>Scanner</em></h1><p>Find common sensitive values in logs, payloads, and extracts before sharing them. Scanning and redaction happen entirely in this browser.</p></header>
    <div class="control-row"><button type="button" id="pii-run">SCAN TEXT</button><button type="button" id="pii-sample">LOAD SAMPLE</button><button type="button" id="pii-copy">COPY REDACTED</button></div>
    <section class="work-area convert-layout"><div class="work-panel"><div class="panel-header"><label for="pii-input">TEXT TO SCAN</label></div><textarea id="pii-input" spellcheck="false" placeholder="Paste a log, JSON payload, or extract here..." aria-label="Text to scan"></textarea></div><div class="work-panel"><div class="panel-header"><label>FINDINGS</label><span class="panel-meta">PATTERN REVIEW</span></div><div id="pii-output" class="result-area" aria-live="polite">Scan text to review likely sensitive values.</div></div></section>
    <section class="work-panel result-panel"><div class="panel-header"><label>REDACTED COPY</label></div><pre id="pii-redacted">Redacted text will appear here.</pre></section>
    <p id="pii-status" class="status" aria-live="polite">No scan has been run.</p>
  </main><script src="app.js"></script></body>
</html>