<commit_before><!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Youtube annotation test</title>

    <!-- Annotator -->
    <!-- Annotator -->
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
	<script src="http://assets.annotateit.org/annotator/v1.2.7/annotator-full.min.js"></script>
	<link rel="stylesheet" href="http://assets.annotateit.org/annotator/v1.2.7/annotator.min.css">

	<!--video-js-->
	<link href="http://vjs.zencdn.net/4.2/video-js.css" rel="stylesheet">
	<script src="lib/video-js/video.min.js"></script>

	<!--Youtube Pluging-->
	<script src="lib/video-js/vjs.youtube.js"></script>

	<!--RangeSlider Pluging-->
	<script src="lib/rangeslider.min.js"></script>
	<link href="lib/rangeslider.min.css" rel="stylesheet">

	<!--Share Pluging-->
	<script src="lib/share-annotator.min.js"></script>
	<link href="lib/share-annotator.min.css" rel="stylesheet">

	<!--Geolocation Pluging-->
	<script src="lib/geolocation-annotator.min.js"></script>
	<link href="lib/geolocation-annotator.min.css" rel="stylesheet">

	<!--RichText Pluging-->
	<script src="lib/tinymce/tinymce.min.js"></script><!--tinymce for richText-->
	<script src="lib/richText-annotator.min.js"></script>
	<link href="lib/richText-annotator.min.css" rel="stylesheet">

	<!--OpenVideoAnnotations Pluging-->
  <!-- garyfeng: modified ova.js to show anno in colsole -->
	<script src="src/ova.js"></script>
	<link href="build/ova.min.css" rel="stylesheet">

	<!--Demo CSS-->
  <!-- garyfeng: using a new css -->
	<link href="youtube.css" rel="stylesheet">
  </head>

  <body style="margin:10px">
    <header>
      <h1>YouTube Video Annotation</h1>
    </header>

    <div id="controls">
      <h3>Rater ID</h3>
      <p>
        <input id="username" value="Rater001">
      </p>
    </div>

    <div id="airlock">
    	<video id="youtubeVid" class="video-js vjs-default-skin" controls preload="none" width="640" height="360"
    	data-setup='{techOrder: ["html5","flash","youtube"]}'>
    		<source src="https://www.youtube.com/watch?v=7aOByepu9_4" type="video/youtube">
    	</video>
      <br />
      <p>Directions: click on the video to show the rating interface.</p>
    </div>
    <div onclick="ova.newVideoAn('youtubeVid')">New Annotation</div>
	  <div onclick="ova.showDisplay('youtubeVid')">showDisplay</div><commit_msg>UI element console log<commit_after><!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Youtube annotation test</title>

    <!-- Annotator -->
    <!-- Annotator -->
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
	<script src="http://assets.annotateit.org/annotator/v1.2.7/annotator-full.min.js"></script>
	<link rel="stylesheet" href="http://assets.annotateit.org/annotator/v1.2.7/annotator.min.css">

	<!--video-js-->
	<link href="http://vjs.zencdn.net/4.2/video-js.css" rel="stylesheet">
	<script src="lib/video-js/video.min.js"></script>

	<!--Youtube Pluging-->
	<script src="lib/video-js/vjs.youtube.js"></script>

	<!--RangeSlider Pluging-->
	<script src="lib/rangeslider.min.js"></script>
	<link href="lib/rangeslider.min.css" rel="stylesheet">

	<!--Share Pluging-->
	<script src="lib/share-annotator.min.js"></script>
	<link href="lib/share-annotator.min.css" rel="stylesheet">

	<!--Geolocation Pluging-->
	<script src="lib/geolocation-annotator.min.js"></script>
	<link href="lib/geolocation-annotator.min.css" rel="stylesheet">

	<!--RichText Pluging-->
	<script src="lib/tinymce/tinymce.min.js"></script><!--tinymce for richText-->
	<script src="lib/richText-annotator.min.js"></script>
	<link href="lib/richText-annotator.min.css" rel="stylesheet">

	<!--OpenVideoAnnotations Pluging-->
  <!-- garyfeng: modified ova.js to show anno in colsole -->
	<script src="src/ova.js"></script>
	<link href="build/ova.min.css" rel="stylesheet">

	<!--Demo CSS-->
  <!-- garyfeng: using a new css -->
	<link href="youtube.css" rel="stylesheet">
  </head>

  <body style="margin:10px">
    <header>
      <h1>YouTube Video Annotation</h1>
    </header>

    <div id="controls">
      <h3>Rater ID</h3>
      <p>
        <input id="username" value="Rater001">
      </p>
    </div>

    <div id="airlock">
    	<video id="youtubeVid" class="video-js vjs-default-skin" controls preload="none" width="640" height="360"
    	data-setup='{techOrder: ["html5","flash","youtube"]}'>
    		<source src="https://www.youtube.com/watch?v=7aOByepu9_4" type="video/youtube">
    	</video>
      <br />
      <p>Directions: click on the video to show the rating interface.</p>
    </div>
    <div onclick="ova.newVideoAn('youtubeVid'); console.log('newVideoAn()');">New Annotation</div>
	  <div onclick="ova.showDisplay('youtubeVid'); console.log('showDisplay()');">showDisplay</div>

{'fraction_non_alphanumeric': 0.2145084182082727, 'fraction_numerical': 0.01247141966327167, 'mean_word_length': 3.865520728008089, 'pattern_counts': {'":': 0, '<': 147, '<?xml version=': 0, '>': 147, 'https://': 2, 'lorem ipsum': 0, 'www.': 2, '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': '7516075', 'n_tokens_mistral': 1801, 'n_tokens_neox': 1724, 'n_words': 278}