sensitive-blur-screenshot/test.html at master · TandaHQ/sensitive-blur-screenshot · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html>
<html>
<head>
  <style>
    body { font-family: -apple-system, sans-serif; max-width: 700px; margin: 40px auto; }
    table { width: 100%; border-collapse: collapse; margin-top: 20px; }
    th, td { padding: 10px; text-align: left; border-bottom: 1px solid #e5e7eb; }
    th { background: #f9fafb; font-size: 13px; color: #6b7280; }
    h2 { margin-top: 40px; font-size: 16px; color: #374151; }
    .card { border: 1px solid #e5e7eb; border-radius: 8px; padding: 16px; margin: 8px 0; }
    .label { font-size: 12px; color: #6b7280; margin-bottom: 2px; }
    .value { font-size: 16px; }
    .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
  </style>
</head>
<body>
  <h1>Auto-Detect Test Page</h1>
  <p>Tests for all detector types. No <code>.sensitive</code> class used — everything should be caught by auto-detect.</p>

  <h2>Table with Names & Dollar Amounts</h2>
  <table>
    <thead>
      <tr>
        <th>Name</th>
        <th>Email</th>
        <th>Earnings</th>
        <th>Tax</th>
        <th>Net Pay</th>
        <th>Department</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Jane Smith</td>
        <td>jane.smith@example.com</td>
        <td>$4,250.00</td>
        <td>$892.50</td>
        <td>$3,357.50</td>
        <td>Engineering</td>
      </tr>
      <tr>
        <td>Bob Johnson</td>
        <td>bob.j@company.co.nz</td>
        <td>$3,800.00</td>
        <td>$741.00</td>
        <td>$3,059.00</td>
        <td>Marketing</td>
      </tr>
      <tr>
        <td>Alice Chen</td>
        <td>alice.c@example.com</td>
        <td>$5,100.00</td>
        <td>$1,122.00</td>
        <td>$3,978.00</td>
        <td>Engineering</td>
      </tr>
    </tbody>
  </table>

  <h2>Non-Table Content</h2>
  <div class="grid">
    <div class="card">
      <div class="label">Phone</div>
      <div class="value">+64 21 234 5678</div>
    </div>
    <div class="card">
      <div class="label">Email</div>
      <div class="value">john.doe@company.co.nz</div>
    </div>
    <div class="card">
      <div class="label">IRD Number</div>
      <div class="value">12-345-678</div>
    </div>
    <div class="card">
      <div class="label">TFN</div>
      <div class="value">123 456 789</div>
    </div>
    <div class="card">
      <div class="label">Salary</div>
      <div class="value">$95,000.00</div>
    </div>
    <div class="card">
      <div class="label">Address</div>
      <div class="value">42 Queen Street, Auckland 1010</div>
    </div>
  </div>
</body>
</html>