blob: e6d3467885f7d4594d3cad128c5392f131c0113f [file] [log] [blame]
<!doctype html>
<html>
<!-- Copyright 2015 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>
<link rel="stylesheet" href="chrome-search://local-ntp/theme.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/local-ntp.js"
{{LOCAL_NTP_INTEGRITY}}></script>
<script src="chrome-search://local-ntp/voice.js"
{{LOCAL_NTP_VOICE_INTEGRITY}}></script>
<meta charset="utf-8">
<meta name="google" value="notranslate">
</head>
<!-- Remember to update the test HTML files in chrome/test/data/local_ntp/
whenever making changes to this file.-->
<body>
<!-- Container for the OneGoogleBar HTML. -->
<div id="one-google" class="hidden"></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">
<button id="logo-doodle-button">
<img id="logo-doodle-image"></img>
</button>
<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="most-visited">
<!-- The container for the tiles. The MV iframe goes in here. -->
<div id="mv-tiles"></div>
<!-- Notification shown when a tile is blacklisted. -->
<div id="mv-notice" class="mv-notice-hide" role="alert">
<span id="mv-msg"></span>
<!-- Links in the notification. -->
<span id="mv-notice-links">
<span id="mv-undo" tabindex="0" role="button"></span>
<span id="mv-restore" tabindex="0" role="button"></span>
<div id="mv-notice-x" tabindex="0" role="button"></div>
</span>
</div>
</div>
<div id="attribution"><div id="attribution-text"></div></div>
</div>
<div id="voice-overlay" class="overlay-hidden" hidden>
<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 class="text-container">
<!-- 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 id="voice-close-button" class="close-button">&times;</div>
</div>
<div id="one-google-end-of-body"></div>
</body>
</html>