Pop-up dictionary browser extension for language learning. Successor to Yomichan. (PERSONAL FORK)
at lambda-fork/main 145 lines 7.5 kB view raw
1<!DOCTYPE html> 2<html lang="en" data-page-type="search"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width,initial-scale=1"> 6 <title>Yomitan Search</title> 7 <link rel="icon" type="image/png" href="/images/icon16.png" sizes="16x16"> 8 <link rel="icon" type="image/png" href="/images/icon19.png" sizes="19x19"> 9 <link rel="icon" type="image/png" href="/images/icon32.png" sizes="32x32"> 10 <link rel="icon" type="image/png" href="/images/icon38.png" sizes="38x38"> 11 <link rel="icon" type="image/png" href="/images/icon48.png" sizes="48x48"> 12 <link rel="icon" type="image/png" href="/images/icon64.png" sizes="64x64"> 13 <link rel="icon" type="image/png" href="/images/icon128.png" sizes="128x128"> 14 <link rel="stylesheet" type="text/css" href="/css/material.css"> 15 <link rel="stylesheet" type="text/css" href="/css/display.css"> 16 <link rel="stylesheet" type="text/css" href="/css/display-pronunciation.css"> 17 <link rel="stylesheet" type="text/css" href="/css/structured-content.css"> 18 <link rel="stylesheet" type="text/css" href="/css/search.css"> 19 <link rel="stylesheet" type="text/css" href="/css/search-settings.css"> 20 <script src="/js/display/search-main.js" type="module"></script> 21</head> 22<body hidden> 23 24<div class="content-outer"> 25 <div class="content"> 26 <div class="content-scroll scrollbar" id="content-scroll"> 27 <div id="above-sticky-header"> 28 <div class="top-progress-bar-container"><div class="progress-bar-indeterminant" id="progress-indicator" hidden></div></div> 29 <div class="search-header-wrapper"> 30 <div class="search-header"> 31 <div id="intro"> 32 <h1>Yomitan Search</h1> 33 </div> 34 35 <div class="scan-disable"> 36 <div class="search-options"> 37 <div class="search-option" id="search-option-profile-select"> 38 <span class="profile-select-container"><select class="profile-select" id="profile-select"> 39 <optgroup label="Default Profile" id="profile-select-option-group"></optgroup> 40 </select></span> 41 </div> 42 <label class="search-option" id="search-option-clipboard-monitor-container"> 43 <label class="toggle"><input type="checkbox" id="clipboard-monitor-enable"><span class="toggle-body"><span class="toggle-track"></span><span class="toggle-knob"></span></span></label> 44 <span class="search-option-label">Clipboard monitor</span> 45 </label> 46 <div class="search-options-right"> 47 <div class="search-option" id="search-settings-button" data-modal-action="show,search-settings"><span class="icon" data-icon="cog"></span></div> 48 </div> 49 </div> 50 </div> 51 </div> 52 </div> 53 </div> 54 <div class="search-header-wrapper" id="sticky-search-header"> 55 <div class="search-header"> 56 <div class="search-textbox-container"> 57 <textarea id="search-textbox" class="scrollbar" placeholder="Input a term, expression, sentence, or block of text" autocomplete="off" lang="ja" autocapitalize="off" autofocus></textarea> 58 <button type="button" id="clear-button" class="clear-button"><span class="icon" data-icon="cross"></span></button> 59 <button type="button" id="search-back-button" class="search-button" hidden><span class="icon" data-icon="left-chevron"></span></button> 60 <button type="button" id="search-button" class="search-button"><span class="icon" data-icon="magnifying-glass"></span></button> 61 </div> 62 <div class="scan-disable scrollbar" id="query-parser-container" hidden> 63 <div id="query-parser-content" lang="ja"></div> 64 </div> 65 </div> 66 </div> 67 <div class="content-body" id="content-body"> 68 <div class="content-body-inner"> 69 70 <span tabindex="-1" id="content-scroll-focus"></span> 71 72 <div id="dictionary-entries"></div> 73 74 <div id="no-results" hidden> 75 <div class="entry"> 76 <p>No results found.</p> 77 </div> 78 </div> 79 80 <div id="no-dictionaries" hidden> 81 <div class="entry"> 82 <p>No dictionaries have been installed or enabled yet.</p> 83 <p><a href="/settings.html#dictionaries" target="_blank">Go to Dictionaries settings.</a></p> 84 </div> 85 </div> 86 </div> 87 </div> 88 </div> 89 <div class="content-footer-container1"><div class="content-footer-container2"><div class="content-footer" id="content-footer"></div><div class="scrollbar-spacer scrollbar"></div></div></div> 90 </div> 91 92</div> 93 94<div id="popup-menus"></div> 95 96<!-- Search settings modal --> 97<div id="search-settings-modal" class="modal" tabindex="-1" role="dialog" hidden><div class="modal-content"> 98 <div class="modal-header"> 99 <div class="modal-title">Search Settings</div> 100 </div> 101 <div class="modal-body"> 102 <div class="settings-item" id="query-parser-mode-container" hidden><div class="settings-item-inner"> 103 <div class="settings-item-left"> 104 <div class="settings-item-label"> 105 Parser 106 </div> 107 </div> 108 <div class="settings-item-right"> 109 <select id="query-parser-mode-select"></select> 110 </div> 111 </div></div> 112 113 <div class="settings-item" id="search-option-wanakana"><div class="settings-item-inner"> 114 <div class="settings-item-left"> 115 <div class="settings-item-label"> 116 Automatic kana conversion 117 </div> 118 </div> 119 <div class="settings-item-right"> 120 <label class="toggle"><input type="checkbox" id="wanakana-enable"><span class="toggle-body"><span class="toggle-track"></span><span class="toggle-knob"></span></span></label> 121 </div> 122 </div></div> 123 124 125 <div class="settings-item"><div class="settings-item-inner"> 126 <div class="settings-item-left"> 127 <div class="settings-item-label"> 128 Sticky search header 129 </div> 130 <div class="settings-item-description"> 131 Search header stays on the page when scrolling down. 132 </div> 133 </div> 134 <div class="settings-item-right"> 135 <label class="toggle"><input type="checkbox" id="sticky-header-enable"><span class="toggle-body"><span class="toggle-track"></span><span class="toggle-knob"></span></span></label> 136 </div> 137 </div></div> 138 </div> 139 <div class="modal-footer"> 140 <button type="button" data-modal-action="hide">Close</button> 141 </div> 142</div></div> 143 144</body> 145</html>