<commit_before><!DOCTYPE html>
<html lang="en">
  <head>
    <title>TimelineJS</title>
    <meta charset="utf-8">
    <meta name="description" content="TimelineJS Embed">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <!-- CSS-->
    <link rel="stylesheet" href="css/timeline.css?v1">
    <!--FONT-->
     <link rel="stylesheet" href="css/fonts/font.default.css?v1">
    <!-- Style-->
    <style>
      html, body {
       height:100%;
       width:100%;
       padding: 0px;
       margin: 0px;
      }
      .vco-timeline {
      }
      
    </style>
    <!-- HTML5 shim, for IE6-8 support of HTML elements-->
    <!--if lt IE 9
    script(src='http://html5shim.googlecode.com/svn/trunk/html5.js')
    
    -->
    <style type="text/css">
      #input {height: 20%;}
      #timeline { height: 80%;}
    </style>
  </head>
  <body>
    <div id="input"><input type="text" id="url" placeholder="Enter a google spreadsheet URL" size="100"/> <button type="button" id="preview">Go</button>
    </div>
    <div id="timeline"></div>
    <!-- JavaScript-->
    <script src="js/timeline.js"></script>
    <script>
    var timeline = null;
    var button = document.getElementById('preview');
    button.addEventListener('click',function(){
      new_timeline(document.getElementById('url').value);
    });
    document.getElementById('url').addEventListener('keyup',function(evt) {
      if (evt.keyCode == 13) {
        new_timeline(document.getElementById('url').value);
      }
    });

    function new_timeline(url) {
      timeline = null; // TODO: actively 'destroy' an existing timeline?
      var json = VCO.ConfigFactory.fromGoogle(url);
      
      window.factory_json = json;

      timeline = new VCO.Timeline('timeline', new VCO.TimelineConfig(json), {
      });
      window.onresize = function(event) {
       timeline.updateDisplay();
      }
    }

    function getQueryParams(qs) {
      qs = qs.split("+").join(" ");

      var params = {}, tokens,
          re = /[?&]?([^=]+)=([^&]*)/g;<commit_msg>Fixed spreadsheet styling stuff for input and resize<commit_after><!DOCTYPE html>
<html lang="en">
  <head>
    <title>TimelineJS</title>
    <meta charset="utf-8">
    <meta name="description" content="TimelineJS Embed">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <!-- CSS-->
    <link rel="stylesheet" href="css/timeline.css?v1">
    <!--FONT-->
     <link rel="stylesheet" href="css/fonts/font.default.css?v1">
    <!-- Style-->
    <style>
      html, body {
       height:100%;
       width:100%;
       padding: 0px;
       margin: 0px;
      }
      .vco-timeline {
      }
      
    </style>
    <!-- HTML5 shim, for IE6-8 support of HTML elements-->
    <!--if lt IE 9
    script(src='http://html5shim.googlecode.com/svn/trunk/html5.js')
    
    -->
    <style type="text/css">
      #input {
		  height: 40px;
		  background-color:#CCC;
	  }
	  #url {
	  	margin:10px;
	  }
      #timeline { height: 100%;}
    </style>
  </head>
  <body>
    <div id="input"><input type="text" id="url" placeholder="Enter a google spreadsheet URL" size="100"/> <button type="button" id="preview">Go</button>
    </div>
    <div id="timeline"></div>
    <!-- JavaScript-->
    <script src="js/timeline.js"></script>
    <script>
    var timeline = null;
    var button = document.getElementById('preview');
    button.addEventListener('click',function(){
      new_timeline(document.getElementById('url').value);
    });

    document.getElementById('url').addEventListener('keyup',function(evt) {
      if (evt.keyCode == 13) {
        new_timeline(document.getElementById('url').value);
      }
    });

	function new_timeline(url) {
		timeline = null; // TODO: actively 'destroy' an existing timeline?
	  	var json = VCO.ConfigFactory.fromGoogle(url);
      
	  	window.factory_json = json;
		
		document.getElementById('input').style.height = "40px"
		document.getElementById('timeline').style.height = (window.innerHeight - 40 + "px");
		
	  	timeline = new VCO.Timeline('timeline', new VCO.TimelineConfig(json), {
		});
	  
		
		window.onresize = function(event) {
			console.log("resize")
			document.getElementById('input').style.height = "30px"
			document.getElementById('timeline').style.height = (window.innerHeight - 30 + "px");
			timeline.updateDisplay();
		}
	}
    
    function getQueryParams(qs) {
      qs = qs.split("+").join(" ");

      var params = {}, tokens,
          re = /[?&]?([^=]+)=([^&]*)/g;
{'fraction_non_alphanumeric': 0.18423810521903164, 'fraction_numerical': 0.014881576189478097, 'mean_word_length': 2.863967611336032, 'pattern_counts': {'":': 0, '<': 71, '<?xml version=': 0, '>': 71, 'https://': 0, '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': '7358594', 'n_tokens_mistral': 1641, 'n_tokens_neox': 1534, 'n_words': 286}