<commit_before><!DOCTYPE html>
<html>
<head>
<title>bench</title>
<script src="third_party/Benchmark.js/benchmark.js"></script>
<script src="tests.js"></script>
<style>
body {
    margin: 0;
    padding: 5px;
}
table {
    border-spacing: 0;
}
th, td {
    padding: 0 1ex;
}
thead > tr > td {
    background: #C0C0C0;
}
tbody > tr > th {
    font-weight: normal;
    text-align: left;
    background: #DEDEDE;
    border-top: 1px solid black;
}
tbody > tr > td {
    border-top: 1px solid silver;
}
tbody > tr > td.name {
    padding-left: 2ex;
}
td.number {
    text-align: right;
}
#testSection {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 300px;
    height: 290px;
}
#logSection {
    height: 290px;
    margin-left: 305px;
}
#console {
    height: 250px;
    padding: 5px;
    border: 1px solid silver;
    overflow-y: scroll;
}
#testFrame {
    width: 290px;
    height: 260px;
    border: 1px solid silver;
}
section > header {
    font-weight: bold;
}
</style>
</head>
<body>
<section id="testSection">
    <header>Test Frame</header>
    <iframe id="testFrame" src="javascript:void(0)"></iframe>
</section>
<section id="logSection">
    <header>Log</header>
    <div id="console"></div>
</section>

<div id="status">Loading...</div>
<button id="runbtn" onclick="run()">run</button>

<section>
    <header>Results</header>
    <table id="results">
        <thead>
            <td>Name</td>
            <td class="number">Runs</td>
            <td class="number">Margin of Error</td>
            <td class="number">Mean</td>
            <td class="number">Baseline</td>
            <td class="number">Difference</td>
            <td class="number">Weight</td>
            <td class="number">Score</td>
        </thead>
        <tbody></tbody>
    </table>
</section>


<script>

var currentIndex, currentTest;

var testFrame = document.getElementById('testFrame');
testFrame.addEventListener('load', onFrameLoaded, false);
testFrame.addEventListener('error', onFrameLoaded, false);
var counter = 0;

var resultsElement = document.getElementById('results').tBodies[0];
var statusElement = document.getElementById('status');
var runButton = document.getElementById('runbtn');

var overallScore;
<commit_msg>Reorganized how the bench.html page is laid out, in preparation for stying the overall score bigger.<commit_after><!DOCTYPE html>
<html>
<head>
<title>bench</title>
<script src="third_party/Benchmark.js/benchmark.js"></script>
<script src="tests.js"></script>
<style>
body {
    margin: 0;
    padding: 5px;
}
table {
    border-spacing: 0;
}
th, td {
    padding: 0 1ex;
}
thead > tr > td {
    background: #C0C0C0;
}
tbody > tr > th {
    font-weight: normal;
    text-align: left;
    background: #DEDEDE;
    border-top: 1px solid black;
}
tbody > tr > td {
    border-top: 1px solid silver;
}
tbody > tr > td.name {
    padding-left: 2ex;
}
td.number {
    text-align: right;
}
#console {
    color:silver;
    font-size:10px;
    overflow-y: auto;
    min-height:200px;
}
#testSection {
  clear:both;
}
#testFrame {
    width: 290px;
    height: 260px;
    border: 1px solid silver;
}

.left-panel {
  float:left;
  width: 200px;
}
section > header {
    font-weight: bold;
}
</style>
</head>
<body>
<div class='left-panel'>
  <section id='mainResults'>
    <span id="status">Loading...</span>
    <button id="runbtn" onclick="run()">run</button>
  </section>
  <section id="logSection">
      <header>Log</header>
      <div id="console"></div>
  </section>
</div>
<section>
    <header>Results</header>
    <table id="results">
        <thead>
            <td>Name</td>
            <td class="number">Runs</td>
            <td class="number">Margin of Error</td>
            <td class="number">Mean</td>
            <td class="number">Baseline</td>
            <td class="number">Difference</td>
            <td class="number">Weight</td>
            <td class="number">Score</td>
        </thead>
        <tbody></tbody>
    </table>
</section>
<section id="testSection">
    <header>Test Frame</header>
    <iframe id="testFrame" src="javascript:void(0)"></iframe>
</section>

<script>

var currentIndex, currentTest;

var testFrame = document.getElementById('testFrame');
testFrame.addEventListener('load', onFrameLoaded, false);
testFrame.addEventListener('error', onFrameLoaded, false);
var counter = 0;

var resultsElement = document.getElementById('results').tBodies[0];
var statusElement = document.getElementById('status');
var runButton = document.getElementById('runbtn');

var overallScore;

{'fraction_non_alphanumeric': 0.1655293858683689, 'fraction_numerical': 0.015188201628879594, 'mean_word_length': 3.2586691658856606, 'pattern_counts': {'":': 0, '<': 119, '<?xml version=': 0, '>': 137, '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': '6379407', 'n_tokens_mistral': 1596, 'n_tokens_neox': 1518, 'n_words': 348}