olho/privacy.html at main · CarlasHub/olho · 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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Olho Privacy</title>
    <link rel="stylesheet" href="src/shared/renaissance-theme.css" />
    <link rel="stylesheet" href="privacy.css" />
  </head>
  <body>
    <div class="olho-app-shell privacy-shell">
      <div class="olho-main-shell">
        <header class="header olho-topbar">
          <div>
            <p class="eyebrow"><img class="eyebrow-icon" src="icons/icon-32.png" alt="" aria-hidden="true" /> Olho</p>
            <h1>Privacy</h1>
            <p class="subtitle">Local-first. No upload pipeline. No telemetry.</p>
          </div>
          <nav class="olho-nav olho-header-nav" aria-label="Olho sections">
            <a class="olho-nav-link" href="popup.html">Capture</a>
            <a class="olho-nav-link" href="record.html">Record</a>
            <a class="olho-nav-link" href="gallery.html">Memory</a>
            <a class="olho-nav-link" href="export-report.html">Export</a>
            <a class="olho-nav-link" href="options.html">Settings</a>
            <a class="olho-nav-link" href="privacy.html" aria-current="page">Privacy</a>
          </nav>
        </header>

        <main class="layout">
          <section class="trust-summary" aria-label="Privacy trust summary">
            <article class="card summary-card">
              <h2>Stored Locally</h2>
              <p>Screenshots and recordings stay in local IndexedDB Blob storage.</p>
            </article>
            <article class="card summary-card">
              <h2>Never Uploaded</h2>
              <p>Olho does not upload files, create hosted links, or sync to cloud services.</p>
            </article>
            <article class="card summary-card">
              <h2>No Analytics</h2>
              <p>No telemetry, no analytics SDKs, no remote logging.</p>
            </article>
            <article class="card summary-card">
              <h2>You Control Deletion</h2>
              <p>Delete items or clear local data from Memory and Settings at any time.</p>
            </article>
          </section>

          <section class="card" aria-labelledby="localTitle">
            <h2 id="localTitle">What Olho stores</h2>
            <ul>
              <li>Screenshots and recordings are saved in local IndexedDB Blob storage.</li>
              <li>Settings are saved locally in your browser profile.</li>
              <li>Media is never uploaded by Olho.</li>
              <li>Olho does not upload screenshots or recordings to any server.</li>
              <li>No cloud upload or hosted share links are provided.</li>
              <li>You can export before delete and remove all local data at any time.</li>
            </ul>
          </section>

          <section class="card" aria-labelledby="networkTitle">
            <h2 id="networkTitle">What Olho does not do</h2>
            <ul>
              <li>No telemetry.</li>
              <li>No analytics.</li>
              <li>No remote logging.</li>
              <li>No account system.</li>
              <li>No background upload jobs.</li>
            </ul>
          </section>

          <section class="card" aria-labelledby="permissionsTitle">
            <h2 id="permissionsTitle">Permission use in plain language</h2>
            <div class="permission-table" role="table" aria-label="Permission explanations">
              <div class="permission-row" role="row">
                <p class="permission-name" role="cell">activeTab</p>
                <p class="permission-value" role="cell">Capture the page you explicitly choose.</p>
              </div>
              <div class="permission-row" role="row">
                <p class="permission-name" role="cell">tabs</p>
                <p class="permission-value" role="cell">Open Olho pages such as editor, Memory, recorder, and Export.</p>
              </div>
              <div class="permission-row" role="row">
                <p class="permission-name" role="cell">scripting</p>
                <p class="permission-value" role="cell">Run capture overlays and full-page progress scripts on chosen pages.</p>
              </div>
              <div class="permission-row" role="row">
                <p class="permission-name" role="cell">clipboardWrite</p>
                <p class="permission-value" role="cell">Copy local files only when you trigger copy actions.</p>
              </div>
              <div class="permission-row" role="row">
                <p class="permission-name" role="cell">sidePanel</p>
                <p class="permission-value" role="cell">Open the local Review panel beside the page you explicitly review.</p>
              </div>
              <div class="permission-row" role="row">
                <p class="permission-name" role="cell">desktopCapture</p>
                <p class="permission-value" role="cell">Open browser picker for screen, tab, or window recording.</p>
              </div>
              <div class="permission-row" role="row">
                <p class="permission-name" role="cell">downloads</p>
                <p class="permission-value" role="cell">Save exported files to your local disk.</p>
              </div>
            </div>
          </section>

          <section class="card" aria-labelledby="warningTitle">
            <h2 id="warningTitle">Data lifecycle reminders</h2>
            <p>Clearing browser profile data can remove your local Olho library.</p>
            <p>Export files before cleanup if you need backups.</p>
          </section>
        </main>
      </div>
    </div>

    <script type="module" src="privacy.js"></script>
  </body>
</html>