<commit_before><!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Thin Lens</title>
	<style>
	body { margin: 0; overflow: hidden; }
	#container { text-align: center; }
	#main-canvas { margin: auto; display: block; cursor: pointer; }
	</style>
	<script src="thin-lens.js"></script>
</head>
<body>
	<div id="container">
		<canvas id="main-canvas" width="500" height="300">Your browser doesn't support drawing using the canvas. Please use an up-to-date browser.</canvas><commit_msg>Add nonfunctional HTML input controls<commit_after><!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Thin Lens</title>
	<style>
	body { margin: 0; overflow: hidden; }
	td { padding: .25em; }
	input[type=number] { width: 5em; }
	.label { text-align: right; }
	#controls { position: absolute; top: 0; left: 0; padding: 1em; z-index: 1; }
	#fork { margin-bottom: 1em; font-weight: bold; }
	#instructions { font-size: small; }
	#main-canvas { margin: auto; display: block; cursor: pointer; }
	</style>
	<script src="thin-lens.js"></script>
</head>
<body>
	<div id="container">
		<canvas id="main-canvas" width="500" height="300">Your browser doesn't support drawing using the canvas. Please use an up-to-date browser.</canvas>
	</div><div id="controls">
		<div id="fork">Thin Lens Simulation: <a href="https://github.com/intrepidcoder/physics-simulation" title="View the source code on GitHub">Fork on GitHub</a></div>
		<table>
			<tr>
				<td class="label"><label for="object-distance">Object distance:</label></td>
				<td><input type="number" id="object-distance" name="object-distance" value="800" min="1" max="10000" step="1"></td>
				<td class="label">Image distance:</td>
				<td><span id="image-distance"></td>
			</tr><tr>
				<td class="label"><label for="object-height">Object height:</label></td>
				<td><input type="number" id="object-height" name="object-height" value="100" min="-500" max="500" step="1"></td>
				<td class="label">Image height:</td>
				<td><span id="image-height"></td>
			</tr><tr>
				<td class="label"><label for="focal-length">Focal length:</label></td>
				<td colspan="3"><input type="number" id="focal-length" name="focal-length" value="300" min="100" max="1000" step="1"></td>
			</tr>
		</table>
		<div id="instructions">
			Click on the screen to move the object.
		</div>
{'fraction_non_alphanumeric': 0.2032520325203252, 'fraction_numerical': 0.02396234488660676, 'mean_word_length': 4.9189873417721515, 'pattern_counts': {'":': 0, '<': 80, '<?xml version=': 0, '>': 80, 'https://': 1, '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': '4773965', 'n_tokens_mistral': 904, 'n_tokens_neox': 802, 'n_words': 204}