-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
171 lines (164 loc) · 12.1 KB
/
Copy pathindex.html
File metadata and controls
171 lines (164 loc) · 12.1 KB
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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="/assets/icons/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/icons/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/icons/apple-touch-icon.png">
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self'; img-src 'self' blob: data:; connect-src 'none'; object-src 'none'; frame-src 'none'; base-uri 'self'; form-action 'self'">
<meta name="description" content="Convert, inspect, and process files privately in your browser. No uploads, accounts, analytics, or tracking.">
<link rel="canonical" href="https://securetools.app/">
<meta property="og:url" content="https://securetools.app/">
<meta name="theme-color" content="#f7f7f5">
<meta property="og:type" content="website">
<meta property="og:title" content="Secure Tools — Private tools for everyday files">
<meta property="og:description" content="Convert, inspect, and process files privately in your browser. No uploads, accounts, analytics, or tracking.">
<meta property="og:image" content="https://securetools.app/assets/images/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Secure Tools — Local-first browser utilities for PDF, Image, and Privacy">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Secure Tools — Private tools for everyday files">
<meta name="twitter:description" content="Convert, inspect, and process files privately in your browser. No uploads, accounts, analytics, or tracking.">
<meta name="twitter:image" content="https://securetools.app/assets/images/og-image.png">
<meta name="twitter:image:alt" content="Secure Tools — Local-first browser utilities for PDF, Image, and Privacy">
<meta property="og:site_name" content="Secure Tools">
<title>Secure Tools — Private tools for everyday files</title>
<script src="js/theme-bootstrap.js"></script>
<link rel="stylesheet" href="./css/base.css">
<link rel="stylesheet" href="./css/components.css">
<link rel="stylesheet" href="./css/pages.css">
</head>
<body class="page-shell" data-page="home">
<a class="skip-link" href="#main" data-i18n="common.skip">Skip to main content</a>
<header class="site-header">
<div class="container header-inner">
<a class="brand" href="./" aria-label="Secure Tools home" data-i18n-aria-label="common.aria.home">
<span class="brand-mark" aria-hidden="true"></span>
<span>Secure Tools</span>
</a>
<nav class="site-nav" aria-label="Primary navigation" data-i18n-aria-label="common.aria.primaryNavigation">
<a href="#tools" data-i18n="common.nav.tools">Tools</a>
<a href="./privacy/" data-i18n="common.nav.privacy">Privacy</a>
<a href="./about/" data-i18n="common.nav.about">About</a>
<a href="https://github.com/SecureToolsProject/Secure_Tools" data-repository-link target="_blank" rel="noreferrer" data-i18n="common.nav.source">Source</a>
</nav>
<div class="header-controls">
<label class="control-label">
<span data-i18n="common.language">Language</span>
<select class="control" data-language-select>
<option value="en">English</option>
<option value="ko">한국어</option><option value="ja">日本語</option><option value="es">Español</option><option value="de">Deutsch</option><option value="fr">Français</option>
</select>
</label>
<label class="control-label">
<span data-i18n="common.theme">Theme</span>
<select class="control" data-theme-select>
<option value="system" data-i18n="common.themes.system">System</option>
<option value="light" data-i18n="common.themes.light">Light</option>
<option value="dark" data-i18n="common.themes.dark">Dark</option>
</select>
</label>
</div>
</div>
</header>
<main id="main" class="page-main">
<section class="hero container">
<div class="hero-copy">
<p class="eyebrow" data-i18n="hero.eyebrow">Local-first file utilities</p>
<h1 data-i18n="hero.title">Private tools for everyday files.</h1>
<p class="hero-description" data-i18n="hero.description">Convert, inspect, and process files directly on your device. No uploads. No accounts. No tracking.</p>
<div class="hero-actions">
<a class="button button--primary" href="#tools" data-i18n="hero.primary">Explore tools</a>
<a class="button button--secondary" href="#verify" data-i18n="hero.secondary">Verify privacy</a>
</div>
<p class="trust-line" data-i18n="hero.trust">Local processing · Open source · No tracking</p>
</div>
<aside class="hero-proof surface" aria-label="Local processing summary" data-i18n-aria-label="common.aria.localProcessingSummary">
<span class="proof-signal" aria-hidden="true"></span>
<p class="proof-label" data-i18n="hero.proofLabel">File contents uploaded</p>
<p class="proof-value" data-i18n="hero.proofValue">None</p>
<p class="proof-note" data-i18n="hero.proofNote">Production tools process file contents locally in browser memory.</p>
</aside>
</section>
<section id="tools" class="section section--bordered">
<div class="container">
<div class="section-heading">
<div>
<p class="eyebrow" data-i18n="tools.eyebrow">Tools</p>
<h2 data-i18n="tools.title">Start with what you need to work on.</h2>
</div>
<p data-i18n="tools.description">Browse focused categories, then choose a tool. Availability is always shown clearly.</p>
</div>
<div class="category-directory">
<a class="category-card surface" href="./tools/pdf/"><span class="category-card__index">01</span><h3 data-i18n="tools.categories.pdf">PDF</h3><p data-i18n="tools.categoryDescriptions.pdf">Create, combine, and organize documents.</p><span class="text-link" data-i18n="tools.browseCategory">Browse category →</span></a>
<a class="category-card surface" href="./tools/image/"><span class="category-card__index">02</span><h3 data-i18n="tools.categories.image">Image</h3><p data-i18n="tools.categoryDescriptions.image">Convert and prepare everyday images.</p><span class="text-link" data-i18n="tools.browseCategory">Browse category →</span></a>
<a class="category-card surface" href="./tools/privacy/"><span class="category-card__index">03</span><h3 data-i18n="tools.categories.privacy">Privacy</h3><p data-i18n="tools.categoryDescriptions.privacy">Inspect and clean supported image or PDF metadata.</p><span class="text-link" data-i18n="tools.browseCategory">Browse category →</span></a>
<a class="category-card surface" href="./tools/scan/"><span class="category-card__index">04</span><h3 data-i18n="tools.categories.scan">Scan & OCR</h3><p data-i18n="tools.categoryDescriptions.scan">Turn scans into useful documents.</p><span class="text-link" data-i18n="tools.browseCategory">Browse category →</span></a>
<a class="category-card surface" href="./tools/media/"><span class="category-card__index">05</span><h3 data-i18n="tools.categories.media">Media</h3><p data-i18n="tools.categoryDescriptions.media">Work with audio and video locally.</p><span class="text-link" data-i18n="tools.browseCategory">Browse category →</span></a>
</div>
</div>
</section>
<section class="section section--bordered">
<div class="container principles-layout">
<div class="section-intro">
<p class="eyebrow" data-i18n="why.eyebrow">Why Secure Tools</p>
<h2 data-i18n="why.title">A simpler privacy model.</h2>
<p class="muted" data-i18n="why.description">Secure Tools minimizes what must be trusted by removing the server from core file-processing workflows.</p>
</div>
<div class="principle-list">
<article><span>01</span><div><h3 data-i18n="why.local.title">Local processing</h3><p data-i18n="why.local.body">Files are processed on your device, inside the browser.</p></div></article>
<article><span>02</span><div><h3 data-i18n="why.accounts.title">No accounts</h3><p data-i18n="why.accounts.body">Basic utilities work without registration or personal profiles.</p></div></article>
<article><span>03</span><div><h3 data-i18n="why.tracking.title">No tracking</h3><p data-i18n="why.tracking.body">There are no analytics, behavioral trackers, or advertising pixels.</p></div></article>
<article><span>04</span><div><h3 data-i18n="why.network.title">Minimal network dependence</h3><p data-i18n="why.network.body">Core processing does not depend on external runtime services.</p></div></article>
</div>
</div>
</section>
<section id="verify" class="section verify-section">
<div class="container verify-layout">
<div>
<p class="eyebrow" data-i18n="verify.eyebrow">Verify privacy</p>
<h2 data-i18n="verify.title">Do not take our word for it.</h2>
<p class="verify-description" data-i18n="verify.description">You can inspect the network activity yourself and confirm that a file never leaves your device.</p>
<div class="verify-links">
<a class="text-link" href="https://github.com/SecureToolsProject/Secure_Tools" data-repository-link target="_blank" rel="noreferrer" data-i18n="verify.source">View source</a>
<a class="text-link" href="./privacy/" data-i18n="verify.architecture">Privacy architecture</a>
</div>
</div>
<ol class="verify-steps">
<li><span data-i18n="verify.step1">Open your browser's Developer Tools.</span></li>
<li><span data-i18n="verify.step2">Select the Network tab.</span></li>
<li><span data-i18n="verify.step3">Run a Secure Tool with a sample file.</span></li>
<li><span data-i18n="verify.step4">Confirm that the file is never uploaded.</span></li>
</ol>
</div>
</section>
<section class="section section--bordered">
<div class="container open-source-layout">
<div>
<p class="eyebrow" data-i18n="openSource.eyebrow">Open source</p>
<h2 data-i18n="openSource.title">Open by design.</h2>
</div>
<div>
<p data-i18n="openSource.description">Secure Tools is built so its privacy claims can be inspected rather than simply trusted.</p>
<a class="button button--secondary" href="https://github.com/SecureToolsProject/Secure_Tools" data-repository-link target="_blank" rel="noreferrer" data-i18n="openSource.action">Browse the source</a>
</div>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container footer-inner">
<div><a class="brand" href="./" aria-label="Secure Tools home" data-i18n-aria-label="common.aria.home"><span class="brand-mark" aria-hidden="true"></span><span>Secure Tools</span></a><p data-i18n="common.footerStatement">Your files stay on your device.</p></div>
<nav aria-label="Footer navigation" data-i18n-aria-label="common.aria.footerNavigation">
<a href="#tools" data-i18n="common.nav.tools">Tools</a>
<a href="./privacy/" data-i18n="common.nav.privacy">Privacy</a>
<a href="./about/" data-i18n="common.nav.about">About</a>
<a href="https://github.com/SecureToolsProject/Secure_Tools" data-repository-link target="_blank" rel="noreferrer" data-i18n="common.nav.source">Source</a>
</nav>
</div>
</footer>
<script type="module" src="./js/main.js"></script>
</body>
</html>