| <!DOCTYPE html> |
| <html> |
| <!-- Copyright 2013 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. --> |
| <head> |
| <script>window.localNTPUnitTest = true;</script> |
| <link rel="stylesheet" href="chrome-search://local-ntp/animations.css"></link> |
| <link rel="stylesheet" href="chrome-search://local-ntp/local-ntp-common.css"></link> |
| <link rel="stylesheet" href="chrome-search://local-ntp/custom-backgrounds.css"></link> |
| <link rel="stylesheet" href="chrome-search://local-ntp/doodles.css"></link> |
| <link rel="stylesheet" href="chrome-search://local-ntp/local-ntp.css"></link> |
| <link rel="stylesheet" href="chrome-search://local-ntp/voice.css"></link> |
| <script src="chrome-search://local-ntp/animations.js" charset="utf-8"></script> |
| <script src="chrome-search://local-ntp/config.js" charset="utf-8"></script> |
| <script src="chrome-search://local-ntp/custom-backgrounds.js" charset="utf-8"></script> |
| <script src="chrome-search://local-ntp/doodles.js" charset="utf-8"></script> |
| <script src="chrome-search://local-ntp/local-ntp.js" charset="utf-8"></script> |
| <script src="chrome-search://local-ntp/utils.js" charset="utf-8"></script> |
| <script src="chrome-search://local-ntp/voice.js" charset="utf-8"></script> |
| <script src="test_utils.js" charset="utf-8"></script> |
| <script src="custom_backgrounds_browsertest.js" charset="utf-8"></script> |
| <script src="local_ntp_browsertest.js" charset="utf-8"></script> |
| <template id="local-ntp-template"> |
| <div id="custom-bg"></div> |
| <!-- Container for the OneGoogleBar HTML. --> |
| <div id="one-google"></div> |
| |
| <div id="ntp-contents"> |
| <div id="logo"> |
| <!-- The logo that is displayed in the absence of a doodle. --> |
| <div id="logo-default" title="Google"></div> |
| <!-- Logo displayed when theme prevents doodles. Doesn't fade. --> |
| <div id="logo-non-white" title="Google"></div> |
| <!-- A doodle, if any: its link and image. --> |
| <div id="logo-doodle"> |
| <div id="logo-doodle-container"> |
| <button id="logo-doodle-button"> |
| <img id="logo-doodle-image" tabindex="-1"></img> |
| </button> |
| </div> |
| <iframe id="logo-doodle-iframe" scrolling="no"></iframe> |
| <!-- A spinner, visible on dark-themed NTPs, prompting the doodle --> |
| <button id="logo-doodle-notifier"> |
| <div class="outer ball0"><div class="inner"></div></div> |
| <div class="outer ball1"><div class="inner"></div></div> |
| <div class="outer ball2"><div class="inner"></div></div> |
| <div class="outer ball3"><div class="inner"></div></div> |
| </button> |
| </div> |
| </div> |
| |
| <div id="fakebox-container"> |
| <div id="fakebox"> |
| <div id="fakebox-text"></div> |
| <input id="fakebox-input" autocomplete="off" tabindex="-1" type="url" |
| aria-hidden="true"> |
| <div id="fakebox-cursor"></div> |
| <button id="fakebox-microphone" hidden></button> |
| </div> |
| </div> |
| |
| <div id="user-content"> |
| <!-- Search suggestions will be inserted here. --> |
| <div id="most-visited"> |
| <!-- The container for the tiles. The MV iframe goes in here. --> |
| <div id="mv-tiles"></div> |
| </div> |
| </div> |
| |
| <!-- Notification shown when a tile is blacklisted. --> |
| <div id="mv-notice-container"> |
| <div id="mv-notice" class="notice-hide" role="alert"> |
| <span id="mv-msg"></span> |
| <!-- Links in the notification. --> |
| <span id="mv-notice-links"> |
| <span id="mv-undo" class="ripple" tabindex="0" role="button"></span> |
| <span id="mv-restore" class="ripple" tabindex="0" role="button"></span> |
| </span> |
| </div> |
| </div> |
| |
| <div id="attribution"><div id="attribution-text"></div></div> |
| |
| <div id="error-notice-container"> |
| <div id="error-notice" class="notice-hide" role="alert"> |
| <span id="error-notice-icon"></span> |
| <span id="error-notice-msg"></span> |
| <span id="error-notice-link" class="ripple" tabindex="0" role="button"></span> |
| </div> |
| </div> |
| |
| <div id="edit-bg" tabindex="0" role="button" hidden> |
| <div id="edit-bg-icon"></div> |
| <span id="edit-bg-text"></span> |
| </div> |
| |
| <div id="custom-bg-attr"></div> |
| </div> |
| |
| <dialog div id="edit-bg-dialog" class="customize-dialog"> |
| <div id="edit-bg-menu"> |
| <div id="edit-bg-title"></div> |
| <div id="edit-bg-default-wallpapers" class="bg-option" tabindex="0"> |
| <div class="bg-option-img"></div> |
| <div id="edit-bg-default-wallpapers-text" class="bg-option-text"> |
| </div> |
| </div> |
| <div id="edit-bg-upload-image" class="bg-option" tabindex="0"> |
| <div class="bg-option-img"></div> |
| <div id="edit-bg-upload-image-text" class="bg-option-text"></div> |
| </div> |
| <div id="edit-bg-divider"></div> |
| <div id="custom-links-restore-default" class="bg-option bg-option-disabled" tabindex="0"> |
| <div class="bg-option-img"></div> |
| <div id="custom-links-restore-default-text" class="bg-option-text"></div> |
| </div> |
| <div id="edit-bg-restore-default" class="bg-option bg-option-disabled" tabindex="0"> |
| <div class="bg-option-img"></div> |
| <div id="edit-bg-restore-default-text" class="bg-option-text"></div> |
| </div> |
| </div> |
| </dialog> |
| |
| <dialog id="ddlsd"> |
| <div id="ddlsd-title"></div> |
| <button id="ddlsd-close"></button> |
| <div id="ddlsd-content"> |
| <button id="ddlsd-fbb" class="ddlsd-sbtn"></button> |
| <button id="ddlsd-twb" class="ddlsd-sbtn"></button> |
| <button id="ddlsd-emb" class="ddlsd-sbtn"></button> |
| <hr id="ddlsd-hr"> |
| <div id="ddlsd-link"> |
| <button id="ddlsd-copy"></button> |
| <span id="ddlsd-text-ctr"> |
| <input type="text" id="ddlsd-text" dir="ltr"> |
| </span> |
| </div> |
| </div> |
| </dialog> |
| |
| <dialog id="bg-sel-menu"> |
| <div id="bg-sel-title-bar"> |
| <div id="bg-sel-back-circle" tabindex="0" role="button"> |
| <div id="bg-sel-back"></div> |
| </div> |
| <div id="bg-sel-title"></div> |
| </div> |
| <div id="bg-sel-tiles" tabindex="0"></div> |
| <div id="bg-sel-footer"> |
| <button id="bg-sel-footer-cancel" class="bg-sel-footer-button paper secondary ripple" |
| tabindex="0"></button> |
| <button id="bg-sel-footer-done" class="bg-sel-footer-button paper primary ripple" |
| tabindex="-1"></button> |
| </div> |
| </dialog> |
| |
| <dialog id="customization-menu" class="customize-dialog"> |
| <div id="menu-header"> |
| <div id="menu-back-wrapper"> |
| <div id="menu-back"></div> |
| </div> |
| <div id="menu-title-wrapper"> |
| <div id="menu-title">$i18n{customizeMenuTitle}</div> |
| </div> |
| </div> |
| <div id="menu-nav-panel"> |
| <div id="backgrounds-button" class="menu-option selected" tabindex="0"> |
| <div class="menu-option-icon-wrapper"> |
| <div id="backgrounds-icon" class="menu-option-icon"></div> |
| </div> |
| <div class="menu-option-label">$i18n{backgroundsOption}</div> |
| </div> |
| <div id="shortcuts-button" class="menu-option" tabindex="0"> |
| <div class="menu-option-icon-wrapper"> |
| <div id="shortcuts-icon" class="menu-option-icon"></div> |
| </div> |
| <div class="menu-option-label">$i18n{shortcutsOption}</div> |
| </div> |
| <div id="colors-button" class="menu-option" tabindex="0"> |
| <div class="menu-option-icon-wrapper"> |
| <div id="colors-icon" class="menu-option-icon"></div> |
| </div> |
| <div class="menu-option-label">$i18n{colorsOption}</div> |
| </div> |
| </div> |
| <div id="menu-contents"> |
| <div id="backgrounds-menu" class="menu-panel"> |
| <div id="backgrounds-upload" class="bg-sel-tile-bg"> |
| <div id="backgrounds-upload-icon"></div> |
| <div id="backgrounds-upload-text">$i18n{uploadImage}</div> |
| </div> |
| <div id="backgrounds-default" class="bg-sel-tile-bg"> |
| <div id="backgrounds-default-icon" class="bg-sel-tile"></div> |
| <div class="bg-sel-tile-title">Default</div> |
| </div> |
| </div> |
| <div id="backgrounds-image-menu" class="menu-panel"></div> |
| <div id="shortcuts-menu" class="menu-panel"> |
| <div id="sh-options"> |
| <div id="sh-option-cl" class="sh-option"> |
| <div class="sh-option-image"> |
| <div class="sh-option-icon"></div> |
| <div class="sh-option-mini"></div> |
| <div class="sh-option-select"></div> |
| </div> |
| <div class="sh-title">My shortcuts</div> |
| Your personalized shortcuts |
| </div> |
| <div id="sh-option-mv" class="sh-option"> |
| <div class="sh-option-image"> |
| <div class="sh-option-icon"></div> |
| <div class="sh-option-mini"></div> |
| <div class="sh-option-select"></div> |
| </div> |
| <div class="sh-title">Most visited sites</div> |
| Link suggestions from Chrome based on your browsing activity |
| </div> |
| </div> |
| <div id="sh-hide"> |
| <div id="sh-hide-icon"></div> |
| <div> |
| <div id="sh-hide-title">Hide shortcuts</div> |
| Do not show shortcuts on the new tab page. |
| </div> |
| <div id="sh-hide-toggle"> |
| <input type="checkbox"></input> |
| </div> |
| </div> |
| </div> |
| </div> |
| <div id="menu-footer"> |
| <button id="menu-cancel" class="bg-sel-footer-button paper secondary |
| ripple">$i18n{cancelButton}</button> |
| <button id="menu-done" class="bg-sel-footer-button paper primary ripple" |
| disabled>$i18n{doneButton}</button> |
| </div> |
| </dialog> |
| |
| <dialog id="voice-overlay-dialog" class="overlay-dialog"> |
| <div id="voice-overlay" class="overlay-hidden"> |
| <button id="voice-close-button" class="close-button">×</button> |
| <div id="voice-outer" class="outer"> |
| <div class="inner-container"> |
| <div id="voice-button-container" class="button-container"> |
| <!-- The audio level animation. --> |
| <span id="voice-level" class="level"></span> |
| <!-- The microphone button. --> |
| <span id="voice-button" class="button"> |
| <!-- The microphone icon (in CSS). --> |
| <div class="microphone"> |
| <span class="receiver"></span> |
| <div class="wrapper"> |
| <span class="stem"></span> |
| <span class="shell"></span> |
| </div> |
| </div> |
| </span> |
| </div> |
| <div id="text-container" aria-live="polite"> |
| <!-- Low confidence text underneath high confidence text. --> |
| <span id="voice-text-i" class="voice-text"></span> |
| <!-- High confidence text on top of low confidence text. --> |
| <span id="voice-text-f" class="voice-text"></span> |
| </div> |
| </div> |
| </div> |
| </div> |
| </dialog> |
| |
| <div id="one-google-end-of-body"></div> |
| </template> |
| </head> |
| <body> |
| </body> |
| </html> |
