<commit_before><!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<title>Bootstrap 101 Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">

</head>
<body>
	<nav class="navbar navbar-default" role="navigation">
		<!-- Brand and toggle get grouped for better mobile display -->
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse"
				data-target="#bs-example-navbar-collapse-1">
				<span class="sr-only">Toggle navigation</span> <span
					class="icon-bar"></span> <span class="icon-bar"></span> <span
					class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="index.html">Chat example</a>
		</div>

		<!-- Collect the nav links, forms, and other content for toggling -->
		<div class="collapse navbar-collapse"
			id="bs-example-navbar-collapse-1">
			<ul class="nav navbar-nav">
				<li class="active"><a href="#">Chat</a></li>
			</ul>
		</div>
	</nav>
	<section class="container">
		<div class="panel-group" id="accordion">
			<div class="panel panel-default">
				<div class="panel-heading">
					<h3 class="panel-title">
						<a data-toggle="collapse" data-parent="#accordion" href="#keysBody">Keys</a>
					</h3>
				</div>
				<div id="keysBody" class="panel-collapse collapse in">
					<div class="panel-body">
						<form role="form">
							<div class="form-group">
								<button id="generatekeyPair" type="button" class="btn btn-default">Generate Key Pair</button>
							</div>
							<div class="form-group">
								<label for="publicKey">My Public Key (JKW)</label>
								<textarea class="form-control" rows="6" id="publicKey"></textarea>
							</div>
							<div class="form-group">
								<label for="publicKeyOtherParty">Public Key Other party(JKW)</label>
								<textarea class="form-control" rows="6" id="publicKeyOtherParty"></textarea>
							</div>
						</form>
					</div>
				</div>
			</div>
			<div class="panel panel-default">
				<div class="panel-heading">
					<h3 class="panel-title">
						<a data-toggle="collapse" data-parent="#accordion" href="#encryptBody">Send</a>
					</h3>
				</div>
				<div id="encryptBody" class="panel-collapse collapse">
					<div class="panel-body">
						<form role="form">
							<div class="form-group">
								<label for="message">Message</label>
								<textarea class="form-control" rows="4" id="message"></textarea>
							</div>
							<div class="form-group">
								<label for="encryptedMessage">Encrypted Message</label>
								<textarea class="form-control" rows="4" id="encryptedMessage"></textarea>
							</div>
						</form>
					</div>
				</div>
			</div>
			<div class="panel panel-default">
				<div class="panel-heading">
					<h3 class="panel-title">
						<a data-toggle="collapse" data-parent="#accordion" href="#decryptBody">Recieve</a>
					</h3>
				</div>
				<div id="decryptBody" class="panel-collapse collapse">
					<div class="panel-body">
						<form role="form">
							<div class="form-group">
								<label for="messageOther">Encrypted Message Other Party</label>
								<textarea class="form-control" rows="4" id="messageOther"></textarea>
							</div>
							<div class="form-group">
								<label for="decryptedMessageOther">Decrypted Message Other Party</label>
								<textarea class="form-control" rows="4" id="decryptedMessageOther"></textarea>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</section>
	<section class="container" style="margin-top:20px;">
		<div class="panel panel-warning">
		  <div class="panel-heading">
		    <h3 class="panel-title">Log</h3>
		  </div>
		  <div id="logContainer" class="panel-body pre-scrollable">
		  </div>
		</div>
	</section>

	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script src="js/jquery-2.0.3.min.js"></script>
	<!-- Include all compiled plugins (below), or include individual files as needed -->
	<script src="js/bootstrap.min.js"></script>
	<script src="js/base64.js"></script>
	<script src="js/chat.js"></script>
</body>
</html><commit_msg>Height of log is now fixed<commit_after><!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<title>Bootstrap 101 Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">

</head>
<body>
	<nav class="navbar navbar-default" role="navigation">
		<!-- Brand and toggle get grouped for better mobile display -->
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse"
				data-target="#bs-example-navbar-collapse-1">
				<span class="sr-only">Toggle navigation</span> <span
					class="icon-bar"></span> <span class="icon-bar"></span> <span
					class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="index.html">Chat example</a>
		</div>

		<!-- Collect the nav links, forms, and other content for toggling -->
		<div class="collapse navbar-collapse"
			id="bs-example-navbar-collapse-1">
			<ul class="nav navbar-nav">
				<li class="active"><a href="#">Chat</a></li>
			</ul>
		</div>
	</nav>
	<section class="container">
		<div class="panel-group" id="accordion">
			<div class="panel panel-default">
				<div class="panel-heading">
					<h3 class="panel-title">
						<a data-toggle="collapse" data-parent="#accordion" href="#keysBody">Keys</a>
					</h3>
				</div>
				<div id="keysBody" class="panel-collapse collapse in">
					<div class="panel-body">
						<form role="form">
							<div class="form-group">
								<button id="generatekeyPair" type="button" class="btn btn-default">Generate Key Pair</button>
							</div>
							<div class="form-group">
								<label for="publicKey">My Public Key (JKW)</label>
								<textarea class="form-control" rows="6" id="publicKey"></textarea>
							</div>
							<div class="form-group">
								<label for="publicKeyOtherParty">Public Key Other party(JKW)</label>
								<textarea class="form-control" rows="6" id="publicKeyOtherParty"></textarea>
							</div>
						</form>
					</div>
				</div>
			</div>
			<div class="panel panel-default">
				<div class="panel-heading">
					<h3 class="panel-title">
						<a data-toggle="collapse" data-parent="#accordion" href="#encryptBody">Send</a>
					</h3>
				</div>
				<div id="encryptBody" class="panel-collapse collapse">
					<div class="panel-body">
						<form role="form">
							<div class="form-group">
								<label for="message">Message</label>
								<textarea class="form-control" rows="4" id="message"></textarea>
							</div>
							<div class="form-group">
								<label for="encryptedMessage">Encrypted Message</label>
								<textarea class="form-control" rows="4" id="encryptedMessage"></textarea>
							</div>
						</form>
					</div>
				</div>
			</div>
			<div class="panel panel-default">
				<div class="panel-heading">
					<h3 class="panel-title">
						<a data-toggle="collapse" data-parent="#accordion" href="#decryptBody">Recieve</a>
					</h3>
				</div>
				<div id="decryptBody" class="panel-collapse collapse">
					<div class="panel-body">
						<form role="form">
							<div class="form-group">
								<label for="messageOther">Encrypted Message Other Party</label>
								<textarea class="form-control" rows="4" id="messageOther"></textarea>
							</div>
							<div class="form-group">
								<label for="decryptedMessageOther">Decrypted Message Other Party</label>
								<textarea class="form-control" rows="4" id="decryptedMessageOther"></textarea>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</section>
	<section class="container" style="margin-top:20px;">
		<div class="panel panel-warning">
		  <div class="panel-heading">
		    <h3 class="panel-title">Log</h3>
		  </div>
		  <div id="logContainer" class="panel-body pre-scrollable" style="height:200px">
		  </div>
		</div>
	</section>

	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script src="js/jquery-2.0.3.min.js"></script>
	<!-- Include all compiled plugins (below), or include individual files as needed -->
	<script src="js/bootstrap.min.js"></script>
	<script src="js/base64.js"></script>
	<script src="js/chat.js"></script>
</body>
</html>
{'fraction_non_alphanumeric': 0.19264740988302698, 'fraction_numerical': 0.007042253521126761, 'mean_word_length': 3.4169741697416973, 'pattern_counts': {'":': 0, '<': 293, '<?xml version=': 0, '>': 293, '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': '5658920', 'n_tokens_mistral': 3468, 'n_tokens_neox': 2649, 'n_words': 571}