Hotword Audio Verification App: Adds hotwording assets and basic opt-in flow.

chrome/browser/resources/hotword_audio_verification/steps/speech_training_step.html

Index: chrome/browser/resources/hotword_audio_verification/steps/speech_training_step.html
diff --git a/chrome/browser/resources/hotword_audio_verification/steps/speech_training_step.html b/chrome/browser/resources/hotword_audio_verification/steps/speech_training_step.html
new file mode 100644
index 0000000000000000000000000000000000000000..8dab411a99d780e844468658f690a8f5a0a18bcc
--- /dev/null
+++ b/chrome/browser/resources/hotword_audio_verification/steps/speech_training_step.html
@@ -0,0 +1,32 @@
+<div id="speech-training-container" hidden>
+  <div class="mic"></div>
+  <div class="container">
+    <div class="header">
+      <span class="x"></span>

[benwells, 2014/09/01 01:28:48]

ditto

[kcarattini, 2014/09/01 06:59:07]

Done.

+      <div class="header-text">
+        <div class="v-spacing-for-no-subheading"></div>
+          <h1>Let's train your Chromebook</h1>
+        </div>
+      </div>
+      <div id="training" class="content">
+        <div class="col-2">
+          To help Google respond to you and for reliable and easy access to voice search, you need to teach Google the sound of your voice.

[Matt Giuca, 2014/09/01 05:35:43]

nit: I think there should be a comma after "you" (maybe need to check with
whoever wrote this).

[kcarattini, 2014/09/01 06:59:07]

I think I'll stick with what the mocks say for now. I don't imagine this is the
final version of those strings.

+          <br>
+          <h4>Just say 'Ok Google' three times</h4>
+       </div>
+       <div class="col-spacing">
+       </div>
+       <div class="col-2">
+         <div class="train listening"><span class="icon"></span><span class="text">Say 'Ok Google'</span>
+         </div>
+         <div class="train not-started"><span class="icon"></span><span class="text">Say 'Ok Google' again</span>
+         </div>
+         <div class="train not-started"><span class="icon"></span><span class="text">Say 'Ok Google' one last time</span>
+         </div>
+       </div>
+     </div>
+     <div class="buttonbar">
+       <button id="finish-later-button">FINISH LATER</button>

[Matt Giuca, 2014/08/29 08:49:47]

Similarly, I think this should be called "cancel-button". Generally, any button
that clicking it closes the dialog with no effect should be internally called
"cancel" rather than naming it after the text.

[kcarattini, 2014/09/01 06:59:07]

Done.

+    </div>
+  </div>
+</div>