<commit_before><!DOCTYPE HTML>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="//d3js.org/d3.v3.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"/>
    <script type="text/javascript" src="script.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/themes/smoothness/jquery-ui.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse">
	<div class="container-fluid">
    	<div class="navbar-header">
      		<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
      		</button>
    	</div>
    	<div class="collapse navbar-collapse" id="myNavbar">
        	<ul class="nav navbar-nav">
		        <li><a href="game.html">Game</a></li>
		        <li class="active"><a href="settings.html">Settings</a></li>
		        <li><a href="phrases.html">Catchphrases</a></li>
      		</ul>
    	</div>
  	</div>
</nav>
  
<div class="container-fluid text-center" id="mainPage">
    <div class="row content" id="mainRows">
        <div class="col-sm-2 sidenav">
    	</div>
    	<div class="col-sm-8 text-left">
	        <form>
            <p>
                <label for="amount">Duration range:</label>
                <input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;">
            </p>
            <div id="durationRange"></div>
            <!-- <input list="browsers">
                <datalist id="browsers">
                    <option value="Internet Explorer">
                    <option value="Firefox">
                    <option value="Chrome">
                    <option value="Opera">
                    <option value="Safari">
                </datalist> --> 
        	</form>
        	<div id="graph" class="aGraph" style="position:absolute;top:0px;left:0; float:left;"></div>
    	</div>
    	<div class="col-sm-2 sidenav">
    	</div>
    </div>
</div>

<footer class="footer container-fluid text-center">
  <p>This project is Open Source.</p>
</footer>

</body>
</html><commit_msg>div graph added<commit_after><!DOCTYPE HTML>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="//d3js.org/d3.v3.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"/>
    <script type="text/javascript" src="script.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/themes/smoothness/jquery-ui.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse">
	<div class="container-fluid">
    	<div class="navbar-header">
      		<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
      		</button>
    	</div>
    	<div class="collapse navbar-collapse" id="myNavbar">
        	<ul class="nav navbar-nav">
		        <li><a href="game.html">Game</a></li>
		        <li class="active"><a href="settings.html">Settings</a></li>
		        <li><a href="phrases.html">Catchphrases</a></li>
      		</ul>
    	</div>
  	</div>
</nav>
  
<div class="container-fluid text-center" id="mainPage">
    <div class="row content" id="mainRows">
        <div class="col-sm-2 sidenav">
    	</div>
    	<div class="col-sm-8 text-left">
	        <form>
            <p>
                <label for="amount">Duration range:</label>
                <input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;">
            </p>
            <div id="durationRange"></div>
            <!-- <input list="browsers">
                <datalist id="browsers">
                    <option value="Internet Explorer">
                    <option value="Firefox">
                    <option value="Chrome">
                    <option value="Opera">
                    <option value="Safari">
                </datalist> --> 
        	</form>
        	<div id="graph"></div>
    	</div>
    	<div class="col-sm-2 sidenav">
    	</div>
    </div>
</div>

<footer class="footer container-fluid text-center">
  <p>This project is Open Source.</p>
</footer>

</body>
</html>
{'fraction_non_alphanumeric': 0.19613314729918277, 'fraction_numerical': 0.01195933824995017, 'mean_word_length': 2.489568845618915, 'pattern_counts': {'":': 0, '<': 171, '<?xml version=': 0, '>': 171, 'https://': 10, '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': '890352', 'n_tokens_mistral': 1763, 'n_tokens_neox': 1656, 'n_words': 270}