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

1
2
3
4
5
6
7
8
9
10
<!doctype html>
<html lang="en">
  <head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Text Diff | 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="diff.html">DIFF</a></div></nav>
    <header class="tool-header"><p class="eyebrow">TOOL 05 / REVIEW</p><h1>Text <em>Diff</em></h1><p>Compare two text blocks line by line. Useful for SQL, configuration, payloads, and documentation.</p></header>
    <div class="control-row"><button type="button" id="diff-run">COMPARE</button><button type="button" id="diff-sample">LOAD SAMPLE</button></div>
    <section class="work-area"><div class="work-panel"><div class="panel-header"><label for="diff-left">ORIGINAL</label></div><textarea id="diff-left" spellcheck="false" aria-label="Original text"></textarea></div><div class="direction" aria-hidden="true">↔</div><div class="work-panel"><div class="panel-header"><label for="diff-right">REVISED</label></div><textarea id="diff-right" spellcheck="false" aria-label="Revised text"></textarea></div></section><section class="work-panel result-panel"><div class="panel-header"><label>COMPARISON</label></div><div id="diff-output" class="result-area diff-result" aria-live="polite">Add text to both panels, then compare.</div></section><p id="diff-status" class="status" aria-live="polite">No comparison has been run.</p>
  </main><script src="app.js"></script></body>
</html>