<commit_before><!DOCTYPE html>
<html>
<head>
	<title>Meyda</title>
	<script type="text/javascript" src="main.js"></script>
	<meta charset="UTF-8">
</head>
<body>
	<h1>Meyda</h1>
	<p>Meyda is a feature extractor for the web audio API</p>
	<div id="feedback"></div>
	<script id="template" type="text/ractive">
	<p>RMS: {{rms}}</p>
	</script>
	<script src='http://cdn.ractivejs.org/latest/ractive.js'></script>
	<script>
		// using ractive to display things
		var ractive = new Ractive({
			el: 'feedback',
			template: '#template',
			data: {}
		});

		// callback for mic position
		function gotStream(stream) {
			// polyfill
			window.AudioContext = window.AudioContext || window.webkitAudioContext;
			var context = new AudioContext();

			// instantiate new medya
			var m = new Medya(context,function(d){
				// update view in callback
				ractive.set({rms:d});
			});

			// create audionode from mic
			window.source = context.createMediaStreamSource( stream );
<commit_msg>styled it up a bit<commit_after><!DOCTYPE html>
<html>
<head>
	<title>Meyda</title>
	<script type="text/javascript" src="main.js"></script>
	<!-- loading things from CDN over http for now because I'm not using
	a webserver for development. I think we should all use Docker,
	comments please. -->
	<link rel="stylesheet" type="text/css" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
	<meta charset="UTF-8">
</head>
<body>
	<div class="container">
		<div class="col-xs-12">
			<div class="page-header">
				<h1>Meyda</h1>
			</div>
			<p>Meyda is a feature extractor for the web audio API</p>
			<div id="feedback"></div>
		</div>
	</div>
	<script id="template" type="text/ractive">
	<p>RMS: {{rms}}</p>
	<div class="progress">
		<div class="progress-bar" role="progressbar" aria-valuenow="{{rms*10000}}" aria-valuemin="0" aria-valuemax="100" style="width: {{rms*10000}}%;">
			<span class="sr-only">{{rms*10000}}% Complete</span>
		</div>
	</div>
	</script>
	<script src='http://cdn.ractivejs.org/latest/ractive.js'></script>
	<script>
		// using ractive to display things
		var ractive = new Ractive({
			el: 'feedback',
			template: '#template',
			data: {}
		});

		// callback for mic position
		function gotStream(stream) {
			// polyfill
			window.AudioContext = window.AudioContext || window.webkitAudioContext;
			var context = new AudioContext();

			// instantiate new medya
			var m = new Medya(context,function(d){
				// update view in callback
				ractive.set({rms:d});
			});

			// create audionode from mic
			window.source = context.createMediaStreamSource( stream );

{'fraction_non_alphanumeric': 0.17411402157164868, 'fraction_numerical': 0.011556240369799691, 'mean_word_length': 3.9278937381404173, 'pattern_counts': {'":': 0, '<': 63, '<?xml version=': 0, '>': 63, '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': '3766701', 'n_tokens_mistral': 1024, 'n_tokens_neox': 888, 'n_words': 219}