<commit_before><!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<style>
		body { font-family: Helvetica, Arial, sans-serif; }
		.container {
			width: 90%;
			margin: 20px auto;
			background-color: #FFF;
			padding: 20px;
			color: blue;
		}
		pre { border: 1px solid #CCC; background-color: #EEE; color: #333; padding: 10px; }
	</style>
</head>
<body>
	<div class="container">
		<h1>Click Demo</h1>
		<p>This demonstrates how to remove the Fillmore'd image, after it has been applied. This is useful when working in a dynamic environment.</p>
		<p>
			<input type="button" id="applyBg" value="Apply Background" />
			<input type="button" id="removeBg" value="Remove Background" />
		</p>
		<pre><code>
&lt;script src=&quot;../lib/jquery-1.6.2.min.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;../jquery.fillmore.js&quot;&gt;&lt;/script&gt;
&lt;script&gt;
	$.fillmore( { src: &quot;pot-holder.jpg&quot;, speed: 500 } );
	$( '.container' ).fillmore( { src: &quot;coffee.jpg&quot; } );
	
	$(&quot;#applyBg&quot;).click(function() {
		$.fillmore( { src: &quot;pot-holder.jpg&quot; } );
	});
	
	$(&quot;#removeBg&quot;).click(function() {
		$.fillmore( &quot;destroy&quot; );
		$( '.container' ).fillmore( &quot;destroy&quot; );
	});
&lt;/script&gt;
		</code></pre>
	</div>
	<script src="../lib/jquery-1.6.2.min.js"></script>
	<script src="../jquery.fillmore.js"></script>
	<script>
		$.fillmore( { src: "pot-holder.jpg", speed: 500 } );
		$( '.container' ).fillmore( { src: 'coffee.jpg', speed: 500 } );
		
		$("#applyBg").click(function() {
			$.fillmore( { src: "pot-holder.jpg" } );
			$( '.container' ).fillmore( { src: 'coffee.jpg' } );
		});
		
		$("#removeBg").click(function() {
			$.fillmore( "destroy" );
			$( '.container' ).fillmore( "destroy" );
		});
	</script>
</body>
</html><commit_msg>fixed removal example to only affect the page background<commit_after><!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<style>
		body { font-family: Helvetica, Arial, sans-serif; }
		.container {
			width: 90%;
			margin: 20px auto;
			background-color: #FFF;
			padding: 20px;
			color: blue;
		}
		pre { border: 1px solid #CCC; background-color: #EEE; color: #333; padding: 10px; }
	</style>
</head>
<body>
	<div class="container">
		<h1>Click Demo</h1>
		<p>This demonstrates how to remove the Fillmore'd image, after it has been applied. This is useful when working in a dynamic environment.</p>
		<p>
			<input type="button" id="applyBg" value="Apply Background" />
			<input type="button" id="removeBg" value="Remove Background" />
		</p>
		<pre><code>
&lt;script src=&quot;../lib/jquery-1.6.2.min.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;../jquery.fillmore.js&quot;&gt;&lt;/script&gt;
&lt;script&gt;
	$.fillmore( { src: &quot;pot-holder.jpg&quot;, speed: 500 } );
	$( '.container' ).fillmore( { src: &quot;coffee.jpg&quot; } );
	
	$(&quot;#applyBg&quot;).click(function() {
		$.fillmore( { src: &quot;pot-holder.jpg&quot; } );
	});
	
	$(&quot;#removeBg&quot;).click(function() {
		$.fillmore( &quot;destroy&quot; );
	});
&lt;/script&gt;
		</code></pre>
	</div>
	<script src="../lib/jquery-1.6.2.min.js"></script>
	<script src="../jquery.fillmore.js"></script>
	<script>
		$.fillmore( { src: "pot-holder.jpg", speed: 500 } );
		$( '.container' ).fillmore( { src: 'coffee.jpg', speed: 500 } );
		
		$("#applyBg").click(function() {
			$.fillmore( { src: "pot-holder.jpg" } );
		});
		
		$("#removeBg").click(function() {
			$.fillmore( "destroy" );
		});
	</script>
</body>
</html>
{'fraction_non_alphanumeric': 0.2320316921335597, 'fraction_numerical': 0.01697792869269949, 'mean_word_length': 3.9929378531073447, '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': '6681134', 'n_tokens_mistral': 1495, 'n_tokens_neox': 1324, 'n_words': 273}