mirror of
https://github.com/ksyasuda/SubMiner.git
synced 2026-02-28 06:22:45 -08:00
230 lines
13 KiB
HTML
230 lines
13 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>Welcome to Yomitan!</title>
|
|
<link rel="icon" type="image/png" href="/images/icon16.png" sizes="16x16">
|
|
<link rel="icon" type="image/png" href="/images/icon19.png" sizes="19x19">
|
|
<link rel="icon" type="image/png" href="/images/icon32.png" sizes="32x32">
|
|
<link rel="icon" type="image/png" href="/images/icon38.png" sizes="38x38">
|
|
<link rel="icon" type="image/png" href="/images/icon48.png" sizes="48x48">
|
|
<link rel="icon" type="image/png" href="/images/icon64.png" sizes="64x64">
|
|
<link rel="icon" type="image/png" href="/images/icon128.png" sizes="128x128">
|
|
<link rel="stylesheet" type="text/css" href="/css/material.css">
|
|
<link rel="stylesheet" type="text/css" href="/css/settings.css">
|
|
<link rel="stylesheet" type="text/css" href="/css/visibility-modifiers.css">
|
|
<script src="/js/pages/welcome-main.js" type="module"></script>
|
|
</head>
|
|
<body hidden>
|
|
|
|
<!-- Main content -->
|
|
<div class="content-outer"><div class="content scrollbar">
|
|
<div class="content-left"></div>
|
|
<div class="content-center">
|
|
<span tabindex="-1" id="content-scroll-focus"></span>
|
|
|
|
<h1>Welcome to Yomitan!</h1>
|
|
|
|
<h2><strong>Recommended Permissions (Important)</strong></h2>
|
|
<div class="settings-group">
|
|
<div class="settings-item"><div class="settings-item-inner">
|
|
<div class="settings-item-left">
|
|
<div class="settings-item-label">Enable recommended permissions</div>
|
|
<div class="settings-item-description">This will allow Yomitan to scan text from most sites.</div>
|
|
</div>
|
|
<div class="settings-item-right">
|
|
<label class="toggle"><input type="checkbox" id="recommended-permissions-toggle" data-origin="<all_urls>"><span class="toggle-body"><span class="toggle-track"></span><span class="toggle-knob"></span></span></label>
|
|
</div>
|
|
</div></div>
|
|
<div class="settings-item"><div class="settings-item-inner">
|
|
<div class="settings-item-left">
|
|
<div class="settings-item-label">Enable optional permissions</div>
|
|
<div class="settings-item-description">This will allow Yomitan to read the clipboard and communicate with external programs.</div>
|
|
</div>
|
|
<div class="settings-item-right">
|
|
<label class="toggle"><input type="checkbox" id="optional-permissions-toggle" data-origin="<all_urls>"><span class="toggle-body"><span class="toggle-track"></span><span class="toggle-knob"></span></span></label>
|
|
</div>
|
|
</div></div>
|
|
<div class="settings-item"><div class="settings-item-inner">
|
|
<div class="settings-item-left">
|
|
<div class="settings-item-description" data-hide-for-browser="firefox firefox-mobile">Further configuration is available on the <a href="/permissions.html" rel="noopener">Permissions page</a> and the web browser's <a tabindex="0" class="extension-settings-link" data-special-url="chrome://extensions/?id={id}">extension settings page</a>.</div>
|
|
<div class="settings-item-description" data-show-for-browser="firefox firefox-mobile">Further configuration is available on the <a href="/permissions.html" rel="noopener">Permissions page</a> and the web browser's extension settings page.</div>
|
|
<div class="danger-text margin-above" id="permissions-disabled" hidden><strong>Yomitan features will be limited if the recommended permissions are not enabled.</strong></div>
|
|
<div class="success-text margin-above" id="recommended-permissions-enabled" hidden><strong>Essential Yomitan features are available.</strong></div>
|
|
<div class="success-text margin-above" id="full-permissions-enabled" hidden><strong>All Yomitan features are available.</strong></div>
|
|
<div id="recommended-permissions-error" class="margin-above danger-text" hidden></div>
|
|
</div>
|
|
</div></div>
|
|
</div>
|
|
|
|
<!-- Notifications -->
|
|
<div class="settings-group settings-group-top-margin warn-custom-templates-notification">
|
|
<div class="settings-item">
|
|
<div class="settings-item-inner settings-item-inner-wrappable"><div class="settings-item-left"><div class="settings-item-label">
|
|
<p>
|
|
There are custom Anki templates in your settings. Note that <a href="https://yomitan.wiki/yomichan-migration/#custom-templates" target="_blank" rel="noopener noreferrer">some syntax has changed from previous versions of Yomitan.</a>
|
|
Please ensure that your custom templates are using the updated syntax.
|
|
</p>
|
|
</div></div></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Content -->
|
|
<h2><strong>Import Dictionaries (Important)</strong></h2>
|
|
<div class="settings-group">
|
|
<div class="settings-item"><div class="settings-item-inner settings-item-inner-wrappable">
|
|
<div class="settings-item-left">
|
|
<div class="settings-item-label">
|
|
Language
|
|
</div>
|
|
<div class="settings-item-description">
|
|
Language of the text that is being looked up.
|
|
</div>
|
|
</div>
|
|
<div class="settings-item-right">
|
|
<select id="language-select" data-setting="general.language"></select>
|
|
</div>
|
|
</div></div>
|
|
<div class="settings-item">
|
|
<div class="settings-item settings-item-button" data-modal-action="show,recommended-dictionaries"><div class="settings-item-inner">
|
|
<div class="settings-item-left">
|
|
<div class="settings-item-label">Get recommended dictionaries…</div>
|
|
</div>
|
|
<div class="settings-item-right open-panel-button-container">
|
|
<button type="button" class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button>
|
|
</div>
|
|
</div></div>
|
|
</div>
|
|
<div class="settings-item">
|
|
<div class="settings-item settings-item-button" data-modal-action="show,dictionaries"><div class="settings-item-inner">
|
|
<div class="settings-item-left">
|
|
<div class="settings-item-label">Configure Installed and enabled dictionaries…</div>
|
|
</div>
|
|
<div class="settings-item-right open-panel-button-container">
|
|
<button type="button" class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button>
|
|
</div>
|
|
</div></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Data Transmission -->
|
|
<h2><strong>Data Transmission</strong></h2>
|
|
<div class="settings-group">
|
|
<div class="settings-item"><div class="settings-item-inner">
|
|
<div class="settings-item-left">
|
|
<div class="settings-item-label">Enable audio playback for terms</div>
|
|
<div class="settings-item-description">Show a clickable speaker icon next to search results.</div>
|
|
<div class="settings-item-description">
|
|
This option may send term, reading, and/or language outside of Yomitan to fetch audio when the speaker icon is clicked. Personally identifying information is never sent<span data-show-for-browser="firefox firefox-mobile"> (<a href="https://addons.mozilla.org/en-US/firefox/addon/yomitan/privacy/">Privacy Policy</a>)</span>.
|
|
<div data-show-for-browser="firefox firefox-mobile">Disabling this option will disallow pronunciation audio playback for any terms searched.</div>
|
|
</div>
|
|
</div>
|
|
<div class="settings-item-right">
|
|
<label class="toggle"><input type="checkbox" data-setting="audio.enabled"><span class="toggle-body"><span class="toggle-track"></span><span class="toggle-knob"></span></span></label>
|
|
</div>
|
|
</div></div>
|
|
</div>
|
|
|
|
<h2>Here are some basics to get started</h2>
|
|
<div class="settings-group">
|
|
<a href="https://yomitan.wiki/" rel="noopener noreferrer" class="settings-item settings-item-button"><div class="settings-item-inner">
|
|
<div class="settings-item-left">
|
|
<div class="settings-item-label outer-link"><strong>New to Yomitan? Head to Yomitan Wiki!</strong></div>
|
|
</div>
|
|
<div class="settings-item-right open-panel-button-container">
|
|
<button type="button" class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button>
|
|
</div>
|
|
</div></a>
|
|
<a href="/quick-start-guide.html" rel="noopener" class="settings-item settings-item-button"><div class="settings-item-inner">
|
|
<div class="settings-item-left">
|
|
<div class="settings-item-label">Yomitan Quick Start Guide</div>
|
|
</div>
|
|
<div class="settings-item-right open-panel-button-container">
|
|
<button type="button" class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button>
|
|
</div>
|
|
</div></a>
|
|
</div>
|
|
|
|
<h2>Basic customization</h2>
|
|
<div class="settings-group">
|
|
<div class="settings-item"><div class="settings-item-inner">
|
|
<div class="settings-item-left">
|
|
<div class="settings-item-label">Show this welcome guide on browser startup</div>
|
|
</div>
|
|
<div class="settings-item-right">
|
|
<label class="toggle"><input type="checkbox" data-setting="general.showGuide"><span class="toggle-body"><span class="toggle-track"></span><span class="toggle-knob"></span></span></label>
|
|
</div>
|
|
</div></div>
|
|
<div class="settings-item">
|
|
<div class="settings-item-inner settings-item-inner-wrappable">
|
|
<div class="settings-item-left">
|
|
<div class="settings-item-label">Scan modifier key</div>
|
|
<div class="settings-item-description">Hold a key while moving the cursor to scan text.</div>
|
|
</div>
|
|
<div class="settings-item-right">
|
|
<select id="main-scan-modifier-key"></select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="settings-item"><div class="settings-item-inner">
|
|
<div class="settings-item-left">
|
|
<div class="settings-item-label">Scan using middle mouse button</div>
|
|
<div class="settings-item-description">Hold the middle mouse button while moving the cursor to scan text.</div>
|
|
</div>
|
|
<div class="settings-item-right">
|
|
<label class="toggle"><input type="checkbox" id="middle-mouse-button-scan"><span class="toggle-body"><span class="toggle-track"></span><span class="toggle-knob"></span></span></label>
|
|
</div>
|
|
</div></div>
|
|
<div class="settings-item"><div class="settings-item-inner settings-item-inner-wrappable">
|
|
<div class="settings-item-left">
|
|
<div class="settings-item-label">Theme</div>
|
|
<div class="settings-item-description">Adjust the style of Yomitan.</div>
|
|
</div>
|
|
<div class="settings-item-right">
|
|
<select data-setting="general.popupTheme" class="short-width">
|
|
<option value="site">Auto</option>
|
|
<option value="light">Light</option>
|
|
<option value="dark">Dark</option>
|
|
<option value="browser">Browser</option>
|
|
</select>
|
|
</div>
|
|
</div></div>
|
|
<a href="/settings.html" rel="noopener" class="settings-item settings-item-button"><div class="settings-item-inner">
|
|
<div class="settings-item-left">
|
|
<div class="settings-item-label">More customization options are available on the Settings page</div>
|
|
</div>
|
|
<div class="settings-item-right open-panel-button-container">
|
|
<button type="button" class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button>
|
|
</div>
|
|
</div></a>
|
|
</div>
|
|
|
|
<div class="footer-padding"></div>
|
|
|
|
</div>
|
|
<div class="content-right"></div>
|
|
</div></div>
|
|
|
|
|
|
<!-- Auxiliary content -->
|
|
<div class="status-footer-container" hidden><div class="status-footer-container2">
|
|
<div class="status-footer">
|
|
<div class="status-footer-header"><div class="status-footer-header-label">Tasks in progress:</div><a tabindex="0" class="status-footer-header-close">Close</a></div>
|
|
<div class="status-footer-item dictionary-delete-progress" hidden>
|
|
<div class="progress-labels"><div class="progress-info"></div><div class="progress-status"></div></div>
|
|
<div class="progress-bar-track"><div class="progress-bar danger"></div></div>
|
|
</div>
|
|
<div class="status-footer-item dictionary-import-progress" hidden>
|
|
<div class="progress-labels"><div class="progress-info"></div><div class="progress-status"></div></div>
|
|
<div class="progress-bar-track"><div class="progress-bar"></div></div>
|
|
</div>
|
|
</div>
|
|
</div></div>
|
|
|
|
<div id="popup-menus"></div>
|
|
|
|
|
|
</body>
|
|
</html>
|