-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathfaq.html
More file actions
522 lines (469 loc) · 22.1 KB
/
Copy pathfaq.html
File metadata and controls
522 lines (469 loc) · 22.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
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FAQ - ViewLingo</title>
<meta name="description" content="Frequently asked questions about ViewLingo - screen translation app for macOS">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
line-height: 1.6;
color: #333;
background: #f8f9fa;
}
.container {
max-width: 900px;
margin: 0 auto;
padding: 40px 20px;
}
header {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 3rem 0;
margin-bottom: 3rem;
border-radius: 15px;
text-align: center;
}
h1 {
font-size: 2.5rem;
margin-bottom: 1rem;
}
.subtitle {
font-size: 1.2rem;
opacity: 0.9;
}
.faq-section {
background: white;
border-radius: 15px;
padding: 2rem;
margin-bottom: 2rem;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}
.faq-section h2 {
color: #667eea;
margin-bottom: 1.5rem;
font-size: 1.8rem;
border-bottom: 2px solid #667eea;
padding-bottom: 0.5rem;
}
.faq-item {
margin-bottom: 2rem;
border-left: 4px solid #667eea;
padding-left: 1.5rem;
}
.faq-question {
font-size: 1.2rem;
font-weight: 600;
color: #333;
margin-bottom: 0.8rem;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
}
.faq-question:hover {
color: #667eea;
}
.faq-answer {
color: #555;
line-height: 1.7;
}
.faq-answer ul {
margin: 1rem 0;
padding-left: 2rem;
}
.faq-answer li {
margin-bottom: 0.5rem;
}
.faq-answer code {
background: #f1f3f5;
padding: 2px 6px;
border-radius: 4px;
font-family: 'SF Mono', Monaco, monospace;
}
.expand-icon {
font-size: 1.5rem;
transition: transform 0.3s;
}
.faq-item.expanded .expand-icon {
transform: rotate(180deg);
}
.back-link {
display: inline-block;
background: #667eea;
color: white;
padding: 12px 24px;
border-radius: 25px;
text-decoration: none;
margin-top: 2rem;
transition: background 0.3s;
}
.back-link:hover {
background: #5a6fd8;
}
.highlight {
background: linear-gradient(135deg, #667eea20, #764ba220);
padding: 1.5rem;
border-radius: 10px;
margin: 1rem 0;
border-left: 4px solid #667eea;
}
@media (max-width: 768px) {
.container {
padding: 20px 10px;
}
.faq-section {
padding: 1.5rem;
}
h1 {
font-size: 2rem;
}
}
</style>
</head>
<body>
<div class="container">
<header>
<h1>Frequently Asked Questions</h1>
<div class="subtitle">Everything you need to know about ViewLingo</div>
</header>
<div class="faq-section">
<h2>🚀 Getting Started</h2>
<div class="faq-item">
<div class="faq-question">
How do I create a viewfinder?
<span class="expand-icon">▼</span>
</div>
<div class="faq-answer">
The quickest way to create a viewfinder:
<ul>
<li><strong>Instant Creation:</strong> Press <code>Control+Shift+A</code> to create a viewfinder at your mouse position instantly</li>
<li><strong>Alternative:</strong> You can also use the menu bar icon or app menu to create a viewfinder</li>
</ul>
The viewfinder will appear as a translucent window that you can move and resize as needed.
</div>
</div>
<div class="faq-item">
<div class="faq-question">
How do I close a viewfinder?
<span class="expand-icon">▼</span>
</div>
<div class="faq-answer">
You can close a viewfinder in several ways:
<ul>
<li>Press <code>ESC</code> key</li>
<li>Triple-click anywhere on the viewfinder</li>
<li>Click the close button (×) in the corner</li>
</ul>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
What permissions does ViewLingo need?
<span class="expand-icon">▼</span>
</div>
<div class="faq-answer">
ViewLingo requires <strong>Screen Recording permission</strong> to capture the content within your viewfinder. This is a macOS requirement for any app that captures screen content.
<div class="highlight">
<strong>Privacy Note:</strong> ViewLingo only captures the specific area within your viewfinder and processes it entirely on your device. Your content never leaves your Mac.
</div>
</div>
</div>
</div>
<div class="faq-section">
<h2>🌍 Languages & Translation</h2>
<div class="faq-item">
<div class="faq-question">
Which languages are supported?
<span class="expand-icon">▼</span>
</div>
<div class="faq-answer">
ViewLingo supports translation between these languages:
<ul>
<li>English (US)</li>
<li>Korean (한국어)</li>
<li>Japanese (日本語)</li>
<li>Chinese Simplified (简体中文)</li>
<li>Chinese Traditional (繁體中文)</li>
<li>Spanish (Español)</li>
<li>French (Français)</li>
<li>German (Deutsch)</li>
<li>Thai (ไทย)</li>
<li>Vietnamese (Tiếng Việt)</li>
</ul>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
How accurate are the translations?
<span class="expand-icon">▼</span>
</div>
<div class="faq-answer">
ViewLingo uses Apple's built-in neural translation engine, which provides high-quality translations comparable to other major translation services. Accuracy depends on:
<ul>
<li>Text clarity and font quality</li>
<li>Language pair (some combinations work better than others)</li>
<li>Context and text type (simple sentences vs. technical content)</li>
</ul>
For best results, ensure the text is clearly visible and well-lit on screen.
</div>
</div>
<div class="faq-item">
<div class="faq-question">
Can I translate offline?
<span class="expand-icon">▼</span>
</div>
<div class="faq-answer">
<strong>Yes!</strong> ViewLingo works completely offline. All translations happen on your device using Apple's built-in translation engine. No internet connection is required once the app is installed.
</div>
</div>
</div>
<div class="faq-section">
<h2>⚡ Features & Performance</h2>
<div class="faq-item">
<div class="faq-question">
What is Live Translation Mode?
<span class="expand-icon">▼</span>
</div>
<div class="faq-answer">
Live Mode automatically retranslates content as it changes on screen, perfect for:
<ul>
<li>Video subtitles</li>
<li>Live streams</li>
<li>Dynamic web content</li>
<li>Scrolling documents</li>
</ul>
<div class="highlight">
<strong>💡 Tip:</strong> Live Mode works best with focused, smaller viewfinder areas. Using a very large area may reduce translation speed and accuracy.
</div>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
Does ViewLingo support vertical text (Japanese, Chinese)?
<span class="expand-icon">▼</span>
</div>
<div class="faq-answer">
<strong>Yes!</strong> ViewLingo natively handles vertical text commonly found in Japanese, Chinese, and Korean content. Vertical text is automatically detected and translations render in the correct writing direction.
</div>
</div>
<div class="faq-item">
<div class="faq-question">
What happens when the translation is longer than the original text?
<span class="expand-icon">▼</span>
</div>
<div class="faq-answer">
ViewLingo uses adaptive font sizing to ensure translated text fits naturally within the original text area. It automatically adjusts font size, tries condensed fonts, and uses multi-line wrapping when needed to maintain readability.
</div>
</div>
<div class="faq-item">
<div class="faq-question">
Does ViewLingo slow down my Mac?
<span class="expand-icon">▼</span>
</div>
<div class="faq-answer">
Under normal usage, ViewLingo has minimal impact on system performance:
<ul>
<li><strong>Regular Mode:</strong> Very low resource usage, processes only when you request translation</li>
<li><strong>Live Mode:</strong> Higher resource usage due to continuous processing</li>
</ul>
The app is optimized for macOS 15.0+ and works efficiently on both Apple Silicon and Intel Macs.
</div>
</div>
<div class="faq-item">
<div class="faq-question">
Can I translate text in any app?
<span class="expand-icon">▼</span>
</div>
<div class="faq-answer">
<strong>Yes!</strong> ViewLingo can translate text from any application or website, including:
<ul>
<li>Web browsers (Safari, Chrome, Firefox)</li>
<li>PDF readers</li>
<li>Video players</li>
<li>Games</li>
<li>Documents and presentations</li>
<li>Social media apps</li>
</ul>
The viewfinder captures whatever is visible on your screen, regardless of the source application.
</div>
</div>
</div>
<div class="faq-section">
<h2>💰 Pricing & Purchase</h2>
<div class="faq-item">
<div class="faq-question">
Why does ViewLingo cost $4.99?
<span class="expand-icon">▼</span>
</div>
<div class="faq-answer">
ViewLingo is a one-time purchase that includes:
<ul>
<li>All features with no restrictions</li>
<li>All language packs included</li>
<li>Lifetime updates</li>
<li>No subscriptions or recurring fees</li>
<li>Premium privacy with on-device processing</li>
</ul>
This is less than one month of most translation subscription services, but you own it forever.
</div>
</div>
<div class="faq-item">
<div class="faq-question">
Can I share ViewLingo with family members?
<span class="expand-icon">▼</span>
</div>
<div class="faq-answer">
<strong>Yes!</strong> ViewLingo supports Apple's Family Sharing, so you can share your purchase with up to 6 family members at no additional cost. You can also install it on all your personal Macs.
</div>
</div>
<div class="faq-item">
<div class="faq-question">
What if I'm not satisfied with ViewLingo?
<span class="expand-icon">▼</span>
</div>
<div class="faq-answer">
ViewLingo follows Apple's standard refund policy. You can request a refund within 14 days of purchase through Apple if the app doesn't meet your needs. Contact Apple Support to process refunds.
</div>
</div>
</div>
<div class="faq-section">
<h2>🔒 Privacy & Security</h2>
<div class="faq-item">
<div class="faq-question">
Is my data safe with ViewLingo?
<span class="expand-icon">▼</span>
</div>
<div class="faq-answer">
<strong>Absolutely!</strong> ViewLingo is designed with privacy as a core principle:
<ul>
<li>All translations happen on your device</li>
<li>No data is sent to external servers</li>
<li>We don't collect, store, or transmit your content</li>
<li>No analytics or tracking</li>
<li>Works completely offline</li>
</ul>
<div class="highlight">
Your translations are as private as your thoughts - they never leave your Mac.
</div>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
What about screen recording permission?
<span class="expand-icon">▼</span>
</div>
<div class="faq-answer">
The screen recording permission allows ViewLingo to capture content within your viewfinder. This is:
<ul>
<li>Required by macOS for any screen capture functionality</li>
<li>Limited to the specific area you select</li>
<li>Processed immediately and never stored</li>
<li>Cannot be accessed remotely or transmitted</li>
</ul>
ViewLingo uses this permission responsibly and only for translation purposes.
</div>
</div>
</div>
<div class="faq-section">
<h2>🛠️ Troubleshooting</h2>
<div class="faq-item">
<div class="faq-question">
ViewLingo isn't recognizing text properly. What can I do?
<span class="expand-icon">▼</span>
</div>
<div class="faq-answer">
Try these solutions:
<ul>
<li><strong>Check text clarity:</strong> Ensure the text is clearly visible and not blurry</li>
<li><strong>Adjust viewfinder size:</strong> Make sure the entire text is within the viewfinder</li>
<li><strong>Improve lighting:</strong> OCR works better with good contrast</li>
<li><strong>Check language settings:</strong> Ensure the source language is supported</li>
<li><strong>Try different fonts:</strong> Some decorative fonts may be harder to recognize</li>
</ul>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
I updated ViewLingo but it's not capturing anymore, even though permission is enabled.
<span class="expand-icon">▼</span>
</div>
<div class="faq-answer">
This is a known macOS behavior. When an app is updated, macOS may invalidate its screen recording permission internally, even though System Settings still shows it as "enabled." To fix this:
<ol>
<li>Open <strong>System Settings > Privacy & Security > Screen Recording</strong></li>
<li>Find <strong>ViewLingo</strong> in the list</li>
<li>Remove it using the <strong>−</strong> (minus) button</li>
<li>Add it back using the <strong>+</strong> (plus) button</li>
<li>Restart ViewLingo</li>
</ol>
<div class="highlight">
<strong>Why does this happen?</strong> macOS tracks each app version with a unique cryptographic hash (CDHash). After an update, the hash changes but the permission entry may still reference the old version. Removing and re-adding the permission refreshes this association.
</div>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
The app crashes or freezes. How do I fix this?
<span class="expand-icon">▼</span>
</div>
<div class="faq-answer">
<ol>
<li><strong>Restart ViewLingo:</strong> Quit and relaunch the app</li>
<li><strong>Check macOS version:</strong> Ensure you're running macOS 15.0 or later</li>
<li><strong>Disable Live Mode:</strong> If enabled, turn off Live Mode in settings</li>
<li><strong>Restart your Mac:</strong> Sometimes a system restart helps</li>
<li><strong>Reinstall:</strong> Delete and reinstall from the App Store</li>
</ol>
If problems persist, please report the issue on our <a href="https://github.com/puritysb/ViewLingo/issues" style="color: #667eea;">GitHub Issues page</a>.
</div>
</div>
<div class="faq-item">
<div class="faq-question">
How do I report bugs or request features?
<span class="expand-icon">▼</span>
</div>
<div class="faq-answer">
We welcome your feedback! You can:
<ul>
<li><strong>Report bugs:</strong> <a href="https://github.com/puritysb/ViewLingo/issues" style="color: #667eea;">GitHub Issues</a></li>
<li><strong>Request features:</strong> <a href="https://github.com/puritysb/ViewLingo/discussions" style="color: #667eea;">GitHub Discussions</a></li>
<li><strong>Leave App Store reviews:</strong> Help other users discover ViewLingo</li>
</ul>
Please include your macOS version and detailed steps to reproduce any issues.
</div>
</div>
</div>
<div style="text-align: center; margin-top: 3rem;">
<p style="margin-bottom: 2rem; color: #666;">Still have questions? We're here to help!</p>
<a href="https://github.com/puritysb/ViewLingo/discussions" style="display: inline-block; background: #667eea; color: white; padding: 12px 24px; border-radius: 25px; text-decoration: none; margin-right: 1rem;">Ask a Question</a>
<a href="index.html" class="back-link">← Back to ViewLingo</a>
</div>
</div>
<script>
// Simple FAQ expand/collapse functionality
document.querySelectorAll('.faq-question').forEach(question => {
question.addEventListener('click', () => {
const item = question.parentElement;
item.classList.toggle('expanded');
const answer = item.querySelector('.faq-answer');
if (item.classList.contains('expanded')) {
answer.style.display = 'block';
} else {
answer.style.display = 'none';
}
});
});
// Initially hide all answers
document.querySelectorAll('.faq-answer').forEach(answer => {
answer.style.display = 'none';
});
</script>
</body>
</html>