<commit_before><head>
  <title>player</title>
  <link href='https://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet' type='text/css'>
</head>

<body>
	{{> ui}}
	{{> clips}}
</body>

<template name="clips">
  <div id="clips">
    {{#each clips}}
      {{> clip}}
      <br/>
    {{/each}}
  </div>
</template>

<template name="clip">
  <div class="clip">
    <button class="deleteClip">-</button>
    <button class="playClip">></button>
    <audio class="clipAudio">
      <source src="{{url}}" type="audio/mp3">
    </audio>
    {{url}}
 </div>
</template>

<template name="ui">
  
  <div id="progressContainer">
    <div id="progressBar" style="width:{{head}};"></div>
    <div id="progressTimecode">{{timecode}}</div>
  </div>

  <button id="playPause">>>></button><br/>
	<input id="newUrl" type="text">
	<button id="add">+</button>
  <br/><br/><commit_msg>more ui rearrangement<commit_after><head>
  <title>player</title>
  <link href='https://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet' type='text/css'>
</head>

<body>
	{{> ui}}
	{{> clips}}
</body>

<template name="clips">
  <div id="clips">
    {{#each clips}}
      {{> clip}}
      <br/>
    {{/each}}
  </div>
</template>

<template name="clip">
  <div class="clip">
    <button class="deleteClip">-</button>
    <button class="playClip">></button>
    <audio class="clipAudio">
      <source src="{{url}}" type="audio/mp3">
    </audio>
    {{url}}
 </div>
</template>

<template name="ui">
  
  <div id="progressContainer">
    <div id="progressBar" style="width:{{head}};"></div>
    <button id="playPause">>>></button>
    <div id="progressTimecode">{{timecode}}</div>
  </div>

	<input id="newUrl" type="text">
	<button id="add">+</button>
  <br/><br/>
{'fraction_non_alphanumeric': 0.25129384703852786, 'fraction_numerical': 0.0011500862564692352, 'mean_word_length': 4.0, 'pattern_counts': {'":': 0, '<': 78, '<?xml version=': 0, '>': 92, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2517473', 'n_tokens_mistral': 654, 'n_tokens_neox': 638, 'n_words': 115}