<commit_before><!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>FontTester</title>
	<meta name="description" content="Test your webfonts.">
	<meta name="author" content="<NAME>">
	<meta name="viewport" content="width=device-width,initial-scale=1.0">
	<link rel="stylesheet" href="css/app.css">
	<script>less = {env: 'production', async: true}</script>
	<link rel="stylesheet/less" href="less/generated.less">
	<script type="text/javascript" src="bower_components/less/dist/less-1.6.1.min.js"></script>
</head>
<body>

	<button id="controls-show" class="hidden">&#9776;</button>
	<form id="controls">
		<button id="controls-hide">&times;</button>
		<fieldset>
			<legend>Typography</legend>
			<label for="font-family">font family</label><input id="font-family" type="text" value="Helvetica Neue" placeholder="Helvetica Neue" name="font-family" autofocus data-less>
			<label for="font-smoothing">font smoothing (Mac)</label><input id="font-smoothing" type="text" value="true" placeholder="true" name="font-smoothing" data-less>
			<label for="code">webfont embed code</label><input id="code" type="text" value="" placeholder="html" name="code" data-html>
		</fieldset>
		<fieldset>
			<legend>Colors</legend>
			<label for="color">color</label><input id="color" type="text" value="#fff" placeholder="#fff" name="color" data-less>
			<label for="background-color">background color</label><input id="background-color" type="text" value="hsl(190,40%,50%)" placeholder="hsl(190,40%,50%)" name="background-color" data-less>
		</fieldset>
		<fieldset>
			<legend>Baseline</legend>
			<label for="baseline-grid">enabled</label><input id="baseline-grid" type="text" value="true" placeholder="true" name="baseline-grid" data-less>
			<label for="baseline-height">height</label><input id="baseline-height" type="text" value="24px" placeholder="24px" name="baseline-height" data-less>
		</fieldset>
		<fieldset>
			<legend>Layout</legend>
			<label for="container-width">width</label><input id="container-width" type="text" value="600px" placeholder="600px" name="container-width" data-less>
		</fieldset>
	</form>

	<section class="container">

		<h1 contenteditable>First Headline</h1>

		<p contenteditable>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
		tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
		quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
		consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
		cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
		proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

		<h2 contenteditable>Second Headline</h2>

		<p contenteditable>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
		tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
		quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
		consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
		cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
		proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

		<h3 contenteditable>Third Headline</h3>

		<p contenteditable>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
		tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
		quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
		consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
		cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
		proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

		<h4 contenteditable>Fourth Headline</h4>

		<p contenteditable>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
		tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
		quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
		consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
		cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
		proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

		<h5 contenteditable>Fifth Headline</h5>

		<p contenteditable>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
		tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
		quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
		consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
		cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
		proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

		<h6 contenteditable>Sixth Headline</h6>

		<p contenteditable>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
		tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
		quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
		consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
		cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
		proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

		<ul>
			<li>one</li>
			<li>two</li>
			<li>three</li>
		</ul>

		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
		tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
		quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
		consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
		cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
		proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

		<ol>
			<li>first</li>
			<li>second</li>
			<li>third</li>
		</ol>

		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
		tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
		quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
		consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
		cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
		proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

		<blockquote>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
		tempor incididunt ut labore et dolore magna aliqua.</blockquote>
	</section>

	<div id="external"></div>
	<script src="js/bundle.js"></script>
</body>
</html><commit_msg>enable editing of recently added elements<commit_after><!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>FontTester</title>
	<meta name="description" content="Test your webfonts.">
	<meta name="author" content="<NAME>">
	<meta name="viewport" content="width=device-width,initial-scale=1.0">
	<link rel="stylesheet" href="css/app.css">
	<script>less = {env: 'production', async: true}</script>
	<link rel="stylesheet/less" href="less/generated.less">
	<script type="text/javascript" src="bower_components/less/dist/less-1.6.1.min.js"></script>
</head>
<body>

	<button id="controls-show" class="hidden">&#9776;</button>
	<form id="controls">
		<button id="controls-hide">&times;</button>
		<fieldset>
			<legend>Typography</legend>
			<label for="font-family">font family</label><input id="font-family" type="text" value="Helvetica Neue" placeholder="Helvetica Neue" name="font-family" autofocus data-less>
			<label for="font-smoothing">font smoothing (Mac)</label><input id="font-smoothing" type="text" value="true" placeholder="true" name="font-smoothing" data-less>
			<label for="code">webfont embed code</label><input id="code" type="text" value="" placeholder="html" name="code" data-html>
		</fieldset>
		<fieldset>
			<legend>Colors</legend>
			<label for="color">color</label><input id="color" type="text" value="#fff" placeholder="#fff" name="color" data-less>
			<label for="background-color">background color</label><input id="background-color" type="text" value="hsl(190,40%,50%)" placeholder="hsl(190,40%,50%)" name="background-color" data-less>
		</fieldset>
		<fieldset>
			<legend>Baseline</legend>
			<label for="baseline-grid">enabled</label><input id="baseline-grid" type="text" value="true" placeholder="true" name="baseline-grid" data-less>
			<label for="baseline-height">height</label><input id="baseline-height" type="text" value="24px" placeholder="24px" name="baseline-height" data-less>
		</fieldset>
		<fieldset>
			<legend>Layout</legend>
			<label for="container-width">width</label><input id="container-width" type="text" value="600px" placeholder="600px" name="container-width" data-less>
		</fieldset>
	</form>

	<section class="container">

		<h1 contenteditable>First Headline</h1>

		<p contenteditable>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
		tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
		quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
		consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
		cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
		proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

		<h2 contenteditable>Second Headline</h2>

		<p contenteditable>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
		tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
		quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
		consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
		cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
		proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

		<h3 contenteditable>Third Headline</h3>

		<p contenteditable>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
		tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
		quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
		consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
		cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
		proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

		<h4 contenteditable>Fourth Headline</h4>

		<p contenteditable>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
		tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
		quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
		consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
		cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
		proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

		<h5 contenteditable>Fifth Headline</h5>

		<p contenteditable>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
		tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
		quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
		consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
		cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
		proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

		<h6 contenteditable>Sixth Headline</h6>

		<p contenteditable>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
		tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
		quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
		consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
		cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
		proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

		<ul>
			<li contenteditable>one</li>
			<li contenteditable>two</li>
			<li contenteditable>three</li>
		</ul>

		<p contenteditable>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
		tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
		quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
		consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
		cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
		proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

		<ol>
			<li contenteditable>first</li>
			<li contenteditable>second</li>
			<li contenteditable>third</li>
		</ol>

		<p contenteditable>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
		tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
		quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
		consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
		cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
		proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

		<blockquote contenteditable>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
		tempor incididunt ut labore et dolore magna aliqua.</blockquote>
	</section>

	<div id="external"></div>
	<script src="js/bundle.js"></script>
</body>
</html>
{'fraction_non_alphanumeric': 0.09595959595959595, 'fraction_numerical': 0.006833036244800951, 'mean_word_length': 5.062584421431787, 'pattern_counts': {'":': 0, '<': 239, '<?xml version=': 0, '>': 239, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 100, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1238564', 'n_tokens_mistral': 5074, 'n_tokens_neox': 4573, 'n_words': 1497}