<commit_before><html>
  <head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css">
    <style>
      .error {
        color: #F00;
        border: 0px;
        font-weight:normal;
        white-space: normal;
      }

      textarea{
        resize: none;
      }

      .annotation {
        color: #AAA;
        float: right;
        text-align: right;
      }

      .code {
        font-family: monospace;
        font-weight: bold;
        font-size: 14px;
        white-space: pre;
      }

      pre.code {
        border: 0px;
        min-height: 200px;
        height: auto;
        overflow: auto;
        background-color: none;
      }

      th {
        font-size: 14px;
      }

      .btn-inverse.active {
        background-color: #080808 \9;
      }

      td {
        font-size: 12px;
        font-family: monospace;
        vertical-align: top;
      }

      .imshow {
        width: 75%;
      }
    </style>
  </head>
  <body>

    <div class="modal fade" id="explainmodal" tabindex="-1" role="dialog">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="modaltitle">Explanation</h4>
          </div>
          <div class="modal-body">
            <pre id="modal-explain" class="code"></pre>
          </div>
        </div>
      </div>
    </div>
<!-- Creates the bootstrap modal where the image will appear -->
<div class="modal fade" id="imagemodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog"><commit_msg>Allows explanation which are too long to scroll vertically<commit_after><html>
  <head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css">
    <style>
      .error {
        color: #F00;
        border: 0px;
        font-weight:normal;
        white-space: normal;
      }

      textarea{
        resize: none;
      }

      .annotation {
        color: #AAA;
        float: right;
        text-align: right;
      }

      .code {
        font-family: monospace;
        font-weight: bold;
        font-size: 14px;
        white-space: pre;
      }

      pre.code {
        border: 0px;
        min-height: 200px;
        height: auto;
        overflow: auto;
        background-color: none;
      }

      th {
        font-size: 14px;
      }

      .btn-inverse.active {
        background-color: #080808 \9;
      }

      td {
        font-size: 12px;
        font-family: monospace;
        vertical-align: top;
      }

      .explain {
        max-height: 500px;
        overflow-y: auto;
      }

      .imshow {
        width: 75%;
      }
    </style>
  </head>
  <body>

    <div class="modal fade" id="explainmodal" tabindex="-1" role="dialog">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="modaltitle">Explanation</h4>
          </div>
          <div class="modal-body explain">
            <pre id="modal-explain" class="code"></pre>
          </div>
        </div>
      </div>
    </div>
<!-- Creates the bootstrap modal where the image will appear -->
<div class="modal fade" id="imagemodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
{'fraction_non_alphanumeric': 0.15856481481481483, 'fraction_numerical': 0.02013888888888889, 'mean_word_length': 2.032280701754386, 'pattern_counts': {'":': 0, '<': 65, '<?xml version=': 0, '>': 65, 'https://': 8, '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': '2808659', 'n_tokens_mistral': 1475, 'n_tokens_neox': 1373, 'n_words': 259}