<commit_before><!DOCTYPE html>
<html>
<head>

	<!--	                                                  
	                               .z/`mu      xF     
	 .d``            uL   ..      x88> 98N    xF      
	 @8Ne.   .u    .@88b  @88R    888> 988E  xF       
	 %8888:u@88N  '"Y888k/"*P     888> 988F xF        
	  `888I  888.    Y888L        `88> 98% xF         
	   888I  888I     8888          ^~-"` xF  u>=x.   
	   888I  888I     `888N              xF :@8> 98i  
	 uW888L  888'  .u./"888&            xF  888> 988k 
	'*88888Nu88P  d888" Y888*"         xF   888> 988E 
	~ '88888F`    ` "Y   Y"           xF    "88> 988  
	   888 ^                         xF       "=-*"   
	   *8E                                            
	   '8>                                            
	    "                                             
	-->

    <title>PixelPerc - A simple tool to help build responsive websites</title>
    <meta name="description" content="A simple tool to help you create responsive websites from desktop-sized designs." />
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <!--[if IE]>  
            <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]--> 
    <link rel="stylesheet" href="/styles/css/app.css?1234">
    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-20924453-4']);
      _gaq.push(['_trackPageview']);
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    </script>
    <script type="text/javascript" src="http://use.typekit.com/cls1lyg.js"></script>
	<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
        
</head>
<body>

	<div class="wrapper">

		<h1 class="logo"><span>Pixel</span>Perc</h1>
		<h5 class="tagline"><span>Pixel</span> to <span>Perc</span>ent Converter</h5>
		
		<p>Just a little tool to help you convert fixed pixel widths to percentages. Useful if you're given desktop-sized mockups but the site needs to be responsive. A little time saver. See updates and stuff at <a href="http://twitter.com/pixelperc" class="text">@PixelPerc</a></p>

		<ol>
			<li>Give it your pixel-width columns</li>
			<li>Press convert and get precentage widths</li>
			<li>Be all responsive and enjoy a better life</li>
		</ol>

		<form id="widths">
			
			<div class="number_wrapper pair pair_1">
				<input type="text" class="number" value="500" />
			</div>
			
			<div class="operator pair pair_2">+</div>
			<div class="number_wrapper pair pair_2">
				<a href="#" class="minus" data-pair="2">&#9587;</a>
				<input type="text" class="number" value="120" />
			</div>

			<div class="operator pair pair_3">+</div>
			<div class="number_wrapper pair pair_3">
				<a href="#" class="minus" data-pair="3">&#9587;</a>
				<input type="text" class="number" value="250" />
			</div>
			
			<div class="operator equals">=</div>

			<div class="number_wrapper">
				<input type="text" class="total" name="total_width" disabled="disabled" />
			</div>
			
			<div class="operator">
				<a href="#" class="plus" id="add_el">+</a>
			</div>

			<button>Convert</button>

		</form>

		<div id="example"></div>

		<div class="extras">

			<p><b>Note:</b> There's a well known rounding bug in JavaScript that means the total of all percentages might be <em>slightly</em> off, typically by something like 0.00001%. Don't worry, you won't see it on yor site, but it's worth you knowing.</p>

		</div>

		<div class="footer_push"></div>

	</div><!-- end .wrapper -->

	<footer class="animated bounceInUp">
	    <p>A thing by <b><a href="http://codebymonkey.com" class="text"><NAME></a> and <a href="https://github.com/PaulAdamDavis/PixelPerc/graphs/contributors" class="text">others</a></b> &mdash; Version 0.2</p>
	</footer>

	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
	<script src="/js/scripts.js?1234"></script>

</body>
</html><commit_msg>Updated version. Guess the last update was worth a new number…<commit_after><!DOCTYPE html>
<html>
<head>

	<!--	                                                  
	                               .z/`mu      xF     
	 .d``            uL   ..      x88> 98N    xF      
	 @8Ne.   .u    .@88b  @88R    888> 988E  xF       
	 %8888:u@88N  '"Y888k/"*P     888> 988F xF        
	  `888I  888.    Y888L        `88> 98% xF         
	   888I  888I     8888          ^~-"` xF  u>=x.   
	   888I  888I     `888N              xF :@8> 98i  
	 uW888L  888'  .u./"888&            xF  888> 988k 
	'*88888Nu88P  d888" Y888*"         xF   888> 988E 
	~ '88888F`    ` "Y   Y"           xF    "88> 988  
	   888 ^                         xF       "=-*"   
	   *8E                                            
	   '8>                                            
	    "                                             
	-->

    <title>PixelPerc - A simple tool to help build responsive websites</title>
    <meta name="description" content="A simple tool to help you create responsive websites from desktop-sized designs." />
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <!--[if IE]>  
            <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]--> 
    <link rel="stylesheet" href="/styles/css/app.css?1234">
    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-20924453-4']);
      _gaq.push(['_trackPageview']);
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    </script>
    <script type="text/javascript" src="http://use.typekit.com/cls1lyg.js"></script>
	<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
        
</head>
<body>

	<div class="wrapper">

		<h1 class="logo"><span>Pixel</span>Perc</h1>
		<h5 class="tagline"><span>Pixel</span> to <span>Perc</span>ent Converter</h5>
		
		<p>Just a little tool to help you convert fixed pixel widths to percentages. Useful if you're given desktop-sized mockups but the site needs to be responsive. A little time saver. See updates and stuff at <a href="http://twitter.com/pixelperc" class="text">@PixelPerc</a></p>

		<ol>
			<li>Give it your pixel-width columns</li>
			<li>Press convert and get precentage widths</li>
			<li>Be all responsive and enjoy a better life</li>
		</ol>

		<form id="widths">
			
			<div class="number_wrapper pair pair_1">
				<input type="text" class="number" value="500" />
			</div>
			
			<div class="operator pair pair_2">+</div>
			<div class="number_wrapper pair pair_2">
				<a href="#" class="minus" data-pair="2">&#9587;</a>
				<input type="text" class="number" value="120" />
			</div>

			<div class="operator pair pair_3">+</div>
			<div class="number_wrapper pair pair_3">
				<a href="#" class="minus" data-pair="3">&#9587;</a>
				<input type="text" class="number" value="250" />
			</div>
			
			<div class="operator equals">=</div>

			<div class="number_wrapper">
				<input type="text" class="total" name="total_width" disabled="disabled" />
			</div>
			
			<div class="operator">
				<a href="#" class="plus" id="add_el">+</a>
			</div>

			<button>Convert</button>

		</form>

		<div id="example"></div>

		<div class="extras">

			<p><b>Note:</b> There's a well known rounding bug in JavaScript that means the total of all percentages might be <em>slightly</em> off, typically by something like 0.00001%. Don't worry, you won't see it on yor site, but it's worth you knowing.</p>

		</div>

		<div class="footer_push"></div>

	</div><!-- end .wrapper -->

	<footer class="animated bounceInUp">
	    <p>A thing by <b><a href="http://codebymonkey.com" class="text"><NAME></a> and <a href="https://github.com/PaulAdamDavis/PixelPerc/graphs/contributors" class="text">others</a></b> &mdash; Version 0.3</p>
	</footer>

	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
	<script src="/js/scripts.js?1234"></script>

</body>
</html>
{'fraction_non_alphanumeric': 0.17481137550783518, 'fraction_numerical': 0.041091120139291934, 'mean_word_length': 2.360374414976599, 'pattern_counts': {'":': 0, '<': 215, '<?xml version=': 0, '>': 235, 'https://': 4, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 20, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4244303', 'n_tokens_mistral': 3345, 'n_tokens_neox': 2834, 'n_words': 689}