<commit_before><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>index</title>
	<style type="text/css">
		body{
			background:#999;
		}
		
		
								
		#container{
			width:1080px;
			position:relative;
			margin:auto auto 50px;
		}
		
		#col-alpha{
			width:499px;
			float:left;
			padding: 0 20px;
			border-right:1px dashed #666;
		}
		
		#col-beta{
			width:500px;
			padding: 0 20px;
			float:right;
		}
	</style>
</head>
<body>
	<div id="container">
		<div id="col-alpha">
			<h1>Original</h1>
			<img src="img/Tycho_Celchu_helmet.jpg" id="orig"/>	
		</div>
		<div id="col-beta">
			<h1>Resized to 300 x 300 (Will resize so largest dimension is that size)</h1>
			<canvas id="resized"></canvas>
			
			<h1>Scaled to 50%</h1>
			<canvas id="scaled"></canvas>
			
			<h1>Cropped to 250 x 250 from 20,20</h1>
			<canvas id="cropped"></canvas>
			
			<h1>Rotated 30 deg</h1>
			<canvas id="rotated"></canvas>
			
			<h1>Flipped Horizontally</h1>
			<canvas id="flipped-h"></canvas>
			
			<h1>Flipped Vertically</h1>
			<canvas id="flipped-v"></canvas>
			
			<h1>Reflection</h1>
			<canvas id="reflected"></canvas>
			
		</div>
		<br style="clear:both"/>
	</div>
	<script language="Javascript" type="text/javascript" src="../../src/obscura.js"></script>
	<script type="text/javascript">
			
		var resized = new obscura('#orig','#resized');
		resized.resize(300);
		
		var scaled = new obscura('#orig','#scaled');
		scaled.resize('50%');
		
		var cropped = new obscura('#orig','#cropped');
		cropped.crop(20,20,250,250);
		
		var rotated = new obscura('#orig','#rotated');
		rotated.rotate(30).resize(450);
		
		var flippedh = new obscura('#orig','#flipped-h');
		flippedh.flip();
		
		var flippedv = new obscura('#orig','#flipped-v');
		flippedv.flip('vertical');
		
		var reflected = new obscura('#orig','#reflected');
		reflected.reflect();
	</script>
</body><commit_msg>Added tests for new functions<commit_after><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>index</title>
	<style type="text/css">
		body{
			background:#999;
		}
		
		
								
		#container{
			width:1080px;
			position:relative;
			margin:auto auto 50px;
		}
		
		#col-alpha{
			width:499px;
			float:left;
			padding: 0 20px;
			border-right:1px dashed #666;
		}
		
		#col-beta{
			width:500px;
			padding: 0 20px;
			float:right;
		}
	</style>
</head>
<body>
	<div id="container">
		<div id="col-alpha">
			<h1>Original</h1>
			<img src="img/Tycho_Celchu_helmet.jpg" id="orig"/>	
		</div>
		<div id="col-beta">
			<h1>Resized to 300 x 300 (Will resize so largest dimension is that size)</h1>
			<canvas id="resized"></canvas>
			
			<h1>Scaled to 50%</h1>
			<canvas id="scaled"></canvas>
			
			<h1>Cropped to 250 x 250 from 20,20</h1>
			<canvas id="cropped"></canvas>
			
			<h1>Rotated 30 deg</h1>
			<canvas id="rotated"></canvas>
			
			<h1>Flipped Horizontally</h1>
			<canvas id="flipped-h"></canvas>
			
			<h1>Flipped Vertically</h1>
			<canvas id="flipped-v"></canvas>
			
			<h1>Reflection</h1>
			<canvas id="reflected"></canvas>
			
		</div>
		<br style="clear:both"/>
	</div>
	<script language="Javascript" type="text/javascript" src="../../src/obscura.js"></script>
	<script type="text/javascript">
			
		var resized = new obscura('#orig','#resized').resize(300);
		//resized.resize(300);
		
		var scaled = new obscura('#orig','#scaled');
		scaled.resize('50%');
		
		var cropped = new obscura('#orig','#cropped');
		cropped.crop(20,20,250,250);
		
		var rotated = new obscura('#orig','#rotated');
		rotated.rotate(30).resize(450);
		
		var flippedh = new obscura('#orig','#flipped-h');
		flippedh.flip();
		
		var flippedv = new obscura('#orig','#flipped-v');
		flippedv.flip('vertical');
		
		var reflected = new obscura('#orig','#reflected');
		reflected.reflect();
			
		var loaded = new obscura('img/Wedge_Antilles_helmet.jpg');
		loaded.onLoad = function(){
			window.open(loaded.reflect().save());
		};
	</script>
</body>
{'fraction_non_alphanumeric': 0.19778144913854143, 'fraction_numerical': 0.04224687278734954, 'mean_word_length': 3.5229455709711845, 'pattern_counts': {'":': 0, '<': 109, '<?xml version=': 0, '>': 109, 'https://': 0, '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': '4410250', 'n_tokens_mistral': 2008, 'n_tokens_neox': 1593, 'n_words': 304}