| <!-- Copyright 2017 The Chromium Authors. All rights reserved. |
| Use of this source code is governed by a BSD-style license that can be |
| found in the LICENSE file. --> |
| <!doctype html> |
| <html> |
| <head> |
| <title class="i18n" msgid="options_page_title"> |
| Select-to-speak Options |
| </title> |
| <link rel="stylesheet" type="text/css" href="options.css"> |
| </head> |
| <body> |
| <h1 class="i18n" msgid="name"></h1> |
| |
| <div class="container"> |
| |
| <h2 class="i18n" msgid="options_speech"></h2> |
| <div class="option-group"> |
| <div class="option"> |
| <span class="i18n" msgid="options_voices_description" |
| id="voices_description"></span> |
| <select id="voice" aria-labelledby="voices_description"> |
| </select> |
| </div> |
| <hr aria-hidden="true"> |
| <div class="option"> |
| <label class="i18n" msgid="options_text_to_speech_settings"></label> |
| <button id="ttsSettingsBtn" class="i18n" |
| msgid="options_text_to_speech_settings_link"> |
| </button> |
| </div> |
| </div> |
| |
| <h2 class="i18n" msgid="options_highlight"></h2> |
| <div class="option-group"> |
| <div class="option" id="wordHighlightOption"> |
| <label id="wordHighlightLabel" class="i18n" |
| msgid="options_highlight_description"> |
| </label> |
| <input id="wordHighlight" type="checkbox" role="switch" |
| class="checkbox" name="wordHighlight" |
| aria-labeledby="wordHighlightLabel"> |
| </div> |
| <div class="sub-option hidden" id="highlightSubOption"> |
| <span class="i18n" msgid="options_highlight_color_description" |
| id="highlight_color_description"></span> |
| <select id="highlightColor" |
| aria-labeledby="options_highlight_color_description"> |
| <option value="#5e9bff" class="i18n" |
| msgid="options_highlight_color_blue"> |
| </option> |
| <option value="#ffa13d" class="i18n" |
| msgid="options_highlight_color_orange"> |
| </option> |
| <option value="#eeff41" class="i18n" |
| msgid="options_highlight_color_yellow"> |
| </option> |
| <option value="#64dd17" class="i18n" |
| msgid="options_highlight_color_green"> |
| </option> |
| <option value="#ff4081" class="i18n" |
| msgid="options_highlight_color_pink"> |
| </option> |
| </select> |
| <div class="example dark"> |
| <span class="i18n" msgid="options_highlight_dark"></span> |
| <div class="highlight"> |
| </div> |
| </div> |
| <div class="example light"> |
| <span class="i18n" msgid="options_highlight_light"></span> |
| <div class="highlight"> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <script src="prefs_manager.js"></script> |
| <script src="select_to_speak_options.js"></script> |
| </body> |
| </html> |
