<commit_before><!DOCTYPE html>
<html>
<head>
	<meta charset='utf8'/>
	<style>
	* {box-sizing: border-box;}
	.container {margin:50px;padding:10px;border:1px solid #ddd;background-color:#eee;}
	textarea {margin-bottom:30px;}

	.tally {
		text-shadow: 1px 1px 2px #ccc;font-weight:bold;
        filter: dropshadow(color=#ccc, offx=1, offy=1);		
		background-color:rgb(60,137,181);
		color:#eee; padding:4px 8px; border-radius: 0 0 .5em .5em;
		-webkit-box-shadow:  1px 1px 2px 0px #333;
		box-shadow:  1px 1px 2px 0px #333;
		background: #6ca3c8; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC<KEY>
		background: -moz-linear-gradient(top,  #6ca3c8 0%, #4479a2 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6ca3c8), color-stop(100%,#4479a2)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #6ca3c8 0%,#4479a2 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #6ca3c8 0%,#4479a2 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #6ca3c8 0%,#4479a2 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #6ca3c8 0%,#4479a2 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ca3c8', endColorstr='#4479a2',GradientType=0 ); /* IE6-8 */
	}

	.tally-warning { color:#eee;
		background: #cc0000; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,<KEY>);
		background: -moz-linear-gradient(top,  #cc0000 0%, #cc0000 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(100%,#cc0000)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #cc0000 0%,#cc0000 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #cc0000 0%,#cc0000 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #cc0000 0%,#cc0000 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #cc0000 0%,#cc0000 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000',GradientType=0 ); /* IE6-8 */
	}

	.tally-field {background-color:#cc0000; color:#eee; }
	
	</style>
	<title>TallyJS Example</title>
</head>
<body>
	<div class="container">
	<label>
		<div>Enter your text below:</div>
		<textarea name="test" id="test" maxlength="25"></textarea>
	</label>
	<label>
		<div>Enter your text below:</div>
		<textarea name="test2" id="test2" maxlength="25" data-tally='{"countDirection" : "down" , "pattern" : "{{c}}/{{m}}  {{p}}% ({{w}})"}'></textarea>
	</label>
	</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js">
</script>
<script src="../dist/tally.js"></script>
<Script>
	$("textarea").tally({"pattern" : "{{p}}%"});
</script>

</body>
</html><commit_msg>Revert "Update index.html"<commit_after><!DOCTYPE html>
<html>
<head>
	<meta charset='utf8'/>
	<style>
	* {box-sizing: border-box;}
	.container {margin:50px;padding:10px;border:1px solid #ddd;background-color:#eee;}
	textarea {margin-bottom:30px;}

	.tally {
		text-shadow: 1px 1px 2px #ccc;font-weight:bold;
        filter: dropshadow(color=#ccc, offx=1, offy=1);		
		background-color:rgb(60,137,181);
		color:#eee; padding:4px 8px; border-radius: 0 0 .5em .5em;
		-webkit-box-shadow:  1px 1px 2px 0px #333;
		box-shadow:  1px 1px 2px 0px #333;
		background: #6ca3c8; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Z<KEY>
		background: -moz-linear-gradient(top,  #6ca3c8 0%, #4479a2 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6ca3c8), color-stop(100%,#4479a2)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #6ca3c8 0%,#4479a2 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #6ca3c8 0%,#4479a2 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #6ca3c8 0%,#4479a2 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #6ca3c8 0%,#4479a2 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ca3c8', endColorstr='#4479a2',GradientType=0 ); /* IE6-8 */
	}

	.tally-warning { color:#eee;
		background: #cc0000; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,<KEY>);
		background: -moz-linear-gradient(top,  #cc0000 0%, #cc0000 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(100%,#cc0000)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #cc0000 0%,#cc0000 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #cc0000 0%,#cc0000 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #cc0000 0%,#cc0000 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #cc0000 0%,#cc0000 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000',GradientType=0 ); /* IE6-8 */
	}

	.tally-field {background-color:#cc0000; color:#eee; }
	
	</style>
	<title>TallyJS Example</title>
</head>
<body>
	<div class="container">
	<label>
		<div>Enter your text below:</div>
		<textarea name="test" id="test" maxlength="25"></textarea>
	</label>
	<label>
		<div>Enter your text below:</div>
		<textarea name="test2" id="test2" maxlength="25" data-tally='{"countDirection" : "down" , "pattern" : "{{c}}/{{m}}  {{p}}% ({{w}})"}'></textarea>
	</label>
	</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js">
</script>
<script src="../src/tally.js"></script>
<Script>
	$("textarea").tally({"pattern" : "{{p}}%"});
</script>

</body>
</html>
{'fraction_non_alphanumeric': 0.18986189103050538, 'fraction_numerical': 0.09212323569585673, 'mean_word_length': 5.348747591522158, 'pattern_counts': {'":': 0, '<': 71, '<?xml version=': 0, '>': 71, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 4}, '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': '6842535', 'n_tokens_mistral': 3304, 'n_tokens_neox': 2783, 'n_words': 441}