artcraft/web/old.html

<!doctype html>
<html>
  <head>
    <title>Jungle Horse</title>
    <link rel="stylesheet" href="/assets/output/style.css" type="text/css">
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <!-- Variables -->
    <meta name="wave_color" content="#777">
    <meta name="progress_color" content="#222">
  </head>
  <body>
    <div id="main">
      <h1>Jungle &middot; Horse</h1>
      <div id="waveform"></div>
      <div id="history"></div>
      <div id="typeahead"><ul></ul></div>
      <div id="controls">
        <form id="form" action="#">
          <input id="text" autocomplete="off">
          <div id="control_elements">
            <select name="voice">
              <option value="trump">trump</option>
              <option value="hillary">hillary</option>
            </select>
            <input id="vol" value="">
            <button id="submit">Submit</button>
          </div>

          <div id="options">
            <div>
              <input type="checkbox" id="use_words" name="use_words"
                     checked="checked">
              <label for="use_words">Use whole word samples</label>
            </div>
            <div>
              <input type="checkbox" id="use_n_phones" name="use_n_phones"
                     checked="checked">
              <label for="use_n_phones">Use n-phones</label>
            </div>
            <div>
              <input type="checkbox" id="use_syllables" name="use_syllables"
                     checked="checked">
              <label for="use_syllables">Use syllables</label>
            </div>
            <div>
              <input type="checkbox" id="use_monophones" name="use_monophones"
                     checked="checked">
              <label for="use_monophones">Use bare monophones</label>
            </div>
            <div>
              <input type="checkbox" id="use_ends" name="use_ends"
                     checked="checked">
              <label for="use_ends">
                  Use _begin and _end n-phone samples</label>
            </div>
          </div>

          <div id="more_options">
            <div>
              <input id="speed" value="">
              <label for="speed">Speed</label>
            </div>
            <div>
              <input id="padding_between_phones" value="">
              <label for="padding_between_phones">
                  Padding Between Phones</label>
            </div>
            <div>
              <input id="polyphone_padding_start" value="">
              <label for="polyphone_padding_start">
                  Polyphone Padding Start</label>
            </div>
            <div>
              <input id="polyphone_padding_end" value="">
              <label for="polyphone_padding_end">
                  Polyphone Padding End</label>
            </div>
            <div>
              <input id="word_padding_start" value="">
              <label for="word_padding_start">
                  Word Padding Start</label>
            </div>
            <div>
              <input id="word_padding_end" value="">
              <label for="word_padding_end">
                  Word Padding End</label>
            </div>
          </div>

        </form>
      </div>
      <ul id="stats">
        <li>Currently featuring <span id="trump_wordcount">0</span>
            Trump words.</li>
        <li>Now with <span id="hillary_wordcount">0</span> Hillary
            words.</li>
        <li><a href="/words">wow such json</a></li>
      </ul>
    </div>
    <audio id="sound"></audio>
    <script src="/assets/output/libraries.js"/></script>
    <script src="/assets/output/waveform_component.built.js"/></script>
    <script src="/assets/output/script.js"/></script>
  </body>
</html>