<commit_before><!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Magnon Splash</title>

		<link rel="stylesheet" type="text/css" href="/css/index.css">
		<script src="/js/index.js"></script>

		<style>
			body {
				background: rgba(50, 166, 212, 1);
			}

			.text {
				position: absolute;
				top: 0; right: 0; bottom: 0; left: 0;
				margin: auto;
				text-align: center;
				color: white;
			}

			#maintext {
				width: 700px;
				height: 100px;
				line-height: 100px;
				font-size: 60px;
			}

			#subtext {
				width: 700px;
				height: 50px;
				line-height: 50px;
				font-size: 30px;
				top: 150px;
			}
		</style>
	</head>
	<body>
		<span class="text" id="maintext">Hello, World!</span>
		<span class="text" id="subtext">Welcome to splasher.js</span>

		<script>
			var maintext = document.getElementById("maintext");
			var subtext = document.getElementById("subtext");
			var splashTimes = [
				new SplashTimer(1, [
					new GrowAndShrink(maintext, 0.5, 1),
					new FadeInAndOut(maintext)
				], {
					open: 0.3, stay: 2.4, out: 0.5
				}),
				new SplashTimer(2, [
					new GrowAndShrink(subtext, 0.5, 1),
					new FadeInAndOut(subtext)
				], {
					open: 0.3, stay: 1.8, out: 0.2
				})
			];
			var splash = new Splash(splashTimes);
			splash.run();
		</script>
	</body>
</html><commit_msg>Change example to use from function<commit_after><!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Magnon Splash</title>

		<link rel="stylesheet" type="text/css" href="/css/index.css">
		<script src="/js/index.js"></script>

		<style>
			body {
				background: rgba(50, 166, 212, 1);
			}

			.text {
				position: absolute;
				top: 0; right: 0; bottom: 0; left: 0;
				margin: auto;
				text-align: center;
				color: white;
			}

			#maintext {
				width: 700px;
				height: 100px;
				line-height: 100px;
				font-size: 60px;
			}

			#subtext {
				width: 700px;
				height: 50px;
				line-height: 50px;
				font-size: 30px;
				top: 150px;
			}
		</style>
	</head>
	<body>
		<span class="text" id="maintext">Hello, World!</span>
		<span class="text" id="subtext">Welcome to splasher.js</span>

		<script>
			var maintext = document.getElementById("maintext");
			var subtext = document.getElementById("subtext");
			var splash = from([
				{
					delay: 1, in: 0.3, stay: 2.4, out: 0.5,
					effects: [
						new GrowAndShrink(maintext, 0.5, 1),
						new FadeInAndOut(maintext)
					]
				},
				{
					delay: 2, in: 0.3, stay: 1.8, out: 0.2,
					effects: [
						new GrowAndShrink(subtext, 0.5, 1),
						new FadeInAndOut(subtext)
					]
				}
			]);
			splash.run();
		</script>
	</body>
</html>
{'fraction_non_alphanumeric': 0.16905660377358492, 'fraction_numerical': 0.0430188679245283, 'mean_word_length': 2.6315068493150684, 'pattern_counts': {'":': 0, '<': 45, '<?xml version=': 0, '>': 45, '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': '4511529', 'n_tokens_mistral': 1408, 'n_tokens_neox': 1017, 'n_words': 233}