<commit_before><head>
  <title>英文聽力練習</title>
</head>

<body>
  <a href="https://github.com/martin0258/hsr" target="_blank"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/e7bbb0521b397edbd5fe43e7f760759336b5e05f/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677265656e5f3030373230302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_green_007200.png"></a>
  <div class="center-block">
  {{> source}}
  <div id="player"></div>
  {{> playground}}
  </div>
</body>

<template name="source">
  <form id="source" class="form-inline">
    <label for="url"><a href="https://tw.voicetube.com/all/0/" target="_blank">VoiceTube</a>英聽練習</label>
    <input type="url" id="url" name="url" placeholder="請提交一個VoiceTube影片網址以開始練習" />
    <span>或</span>
    <button type="button" id="sample" class="btn btn-success">以範例開始練習</button>
    <button type="submit" id="source-submit" style="display:none"></button>
  </form>
</template>

<template name="playground">
  {{#if hasEnteredUrl}}
  <div>
    <span id="solution">&nbsp;{{solution}}</span>
  </div>
  
  <div id="sentence-block">
    <form id="sentence-form" class="form-inline">
      <span id="first">{{first}}</span>
      <!--Reference of dynamic textbox width: http://stackoverflow.com/a/3392617 -->
      <input id="sentence" name="sentence" type="text" placeholder="請輸入聽到的英文（標點和大小寫沒差）"
      onkeypress="this.style.width = Math.max(300, ((this.value.length + 1) * 7)) + 'px';" />
      <span id="last">{{last}}</span>
    </form>
  </div>
  
  <div class="form-inline">
    <button type="button" class="btn btn-primary" id="check">核對✓</button>
    <button type="button" class="btn btn-primary" id="next">下句 {{captionIdx}}/{{numCaptions}}</button>
    <button type="button" class="btn btn-default" id="showSolution">答案？</button>
    <button type="button" class="btn btn-default" id="repeat">重聽↻</button>
  </div>
  
  <div id="result-container">
    <!--Unicode Emoticons: http://wrttn.me/30dbfd/-->
    <span id="correct" class="result">答對了\(• ◡ •)/</span>
    <span id="incorrect" class="result">答錯了(&gt; _ &lt;)</span>
  </div>
  {{/if}}<commit_msg>Refine wordings<commit_after><head>
  <title>英文聽力練習</title>
</head>

<body>
  <a href="https://github.com/martin0258/hsr" target="_blank"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/e7bbb0521b397edbd5fe43e7f760759336b5e05f/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677265656e5f3030373230302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_green_007200.png"></a>
  <div class="center-block">
  {{> source}}
  <div id="player"></div>
  {{> playground}}
  </div>
</body>

<template name="source">
  <form id="source" class="form-inline">
    <label for="url"><a href="https://tw.voicetube.com/all/0/" target="_blank">VoiceTube</a>英聽練習</label>
    <input type="url" id="url" name="url" placeholder="提交一個VoiceTube影片網址以開始練習" />
    <span>或</span>
    <button type="button" id="sample" class="btn btn-success">以範例開始練習</button>
    <button type="submit" id="source-submit" style="display:none"></button>
  </form>
</template>

<template name="playground">
  {{#if hasEnteredUrl}}
  <div>
    <span id="solution">&nbsp;{{solution}}</span>
  </div>
  
  <div id="sentence-block">
    <form id="sentence-form" class="form-inline">
      <span id="first">{{first}}</span>
      <!--Reference of dynamic textbox width: http://stackoverflow.com/a/3392617 -->
      <input id="sentence" name="sentence" type="text" placeholder="提交聽到的語句（標點和大小寫沒差）"
      onkeypress="this.style.width = Math.max(300, ((this.value.length + 1) * 7)) + 'px';" />
      <span id="last">{{last}}</span>
    </form>
  </div>
  
  <div class="form-inline">
    <button type="button" class="btn btn-primary" id="check">核對✓</button>
    <button type="button" class="btn btn-primary" id="next">下句 {{captionIdx}}/{{numCaptions}}</button>
    <button type="button" class="btn btn-default" id="showSolution">答案？</button>
    <button type="button" class="btn btn-default" id="repeat">重聽↻</button>
  </div>
  
  <div id="result-container">
    <!--Unicode Emoticons: http://wrttn.me/30dbfd/-->
    <span id="correct" class="result">答對了\(• ◡ •)/</span>
    <span id="incorrect" class="result">答錯了(&gt; _ &lt;)</span>
  </div>
  {{/if}}
{'fraction_non_alphanumeric': 0.20848056537102475, 'fraction_numerical': 0.07332155477031801, 'mean_word_length': 4.9907407407407405, 'pattern_counts': {'":': 0, '<': 123, '<?xml version=': 0, '>': 127, 'https://': 8, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1297646', 'n_tokens_mistral': 2022, 'n_tokens_neox': 1833, 'n_words': 262}