<commit_before><!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Javascript Tools Review</title>
    

    <style>
	div {
		font-size : 5vh;
	}
	#main-area, .button {
		border : 2px solid black;
	}
	
	#main-area {
		width :90vh;
		height :90vh;
	}
	#buttons {
		position: absolute;
		left: 92vh;
		top: 0px;
	}
	#buttons-sub {
		position: absolute;
		left: 112vh;
		top: 0px;
	}
	.button {
		width :18vh;
		height :18vh;
	}
	.content {
		width :100%;
		height :100%;
	}
	@media screen and (orientation:portrait) {
		div {
			font-size : 5vw;
		}
		#container{
				-ms-transform: rotate(90deg); /* IE 9 */
				-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
				transform: rotate(90deg);
				-ms-transform-origin: 45vw 45vw;
				-webkit-transform-origin: 45vw 45vw;
				transform-origin: 45vw 45vw;
		}
		.content {
			-ms-transform: rotate(-90deg); /* IE 9 */
			-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
			transform: rotate(-90deg);
		}
		#main-area {
			width :90vw;
			height :90vw;
		}
			.button {
			width :18vw;
			height :18vw;
		}
	} 

	</style><commit_msg>orientation test<commit_after><!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Javascript Tools Review</title>
    

    <style>
	div {
		font-size : 5vh;
	}
	#main-area, .button {
		border : 2px solid black;
	}
	
	#main-area {
		width :90vh;
		height :90vh;
	}
	#buttons {
		position: absolute;
		left: 92vh;
		top: 0px;
	}
	#buttons-sub {
		position: absolute;
		left: 112vh;
		top: 0px;
	}
	.button {
		width :18vh;
		height :18vh;
	}
	.content {
		width :100%;
		height :100%;
	}
	@media screen and (orientation:portrait) {
		div {
			font-size : 5vw;
		}
		#container{
				-ms-transform: rotate(90deg); /* IE 9 */
				-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
				transform: rotate(90deg);
				-ms-transform-origin: 45vw 45vw;
				-webkit-transform-origin: 45vw 45vw;
				transform-origin: 45vw 45vw;
		}
		.content {
			-ms-transform: rotate(-90deg); /* IE 9 */
			-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
			transform: rotate(-90deg);
		}
		#main-area {
			width :90vw;
			height :90vw;
		}
		.button {
			width :18vw;
			height :18vw;
		}
		#buttons {
			left: 92vw;
		}
		#buttons-sub {
			left: 112vw;
		}
	} 

	</style>
{'fraction_non_alphanumeric': 0.1640256959314775, 'fraction_numerical': 0.052676659528907925, 'mean_word_length': 2.5828220858895707, 'pattern_counts': {'":': 0, '<': 19, '<?xml version=': 0, '>': 19, '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': '4278724', 'n_tokens_mistral': 1210, 'n_tokens_neox': 940, 'n_words': 206}