<commit_before><html>
<head>
  <meta charset="utf-8">
  <title>Mocha Tests</title>
  <link rel="stylesheet" href="build/build.css" />
  <link rel="stylesheet" href="test/vendor/basics.css" />
  <link rel="stylesheet" href="test/vendor/mocha.css" />
  <style>
    #commentable-container {
      margin-top: 60px;
    }
  </style>
</head>
<body>  
  <div id="commentable-container" class="container" style="max-width: 750px;">
    <h1>
      This is an article that has some awesome side comments.
    </h1>
    <hr>
    <p data-section-id="1" class="commentable-section">
      Maecenas sed diam eget risus varius blandit sit amet non magna. Curabitur blandit tempus porttitor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cum sociis natoque penatibus et magnis dis parturient montes.
    </p>
    <p data-section-id="2" class="commentable-section">
      Curabitur blandit tempus porttitor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec sed odio dui. Nulla vitae elit libero, a pharetra augue.
    </p>
    <p data-section-id="3" class="commentable-section">
      Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Curabitur blandit tempus porttitor.
    </p>
  </div>
  <script src="test/vendor/jquery.js"></script>
  <script src="build/build.js"></script>
  <script>
    $(document).ready(function(){
      var existingComments = [<commit_msg>Giving the demo page a proper title.<commit_after><html>
<head>
  <meta charset="utf-8">
  <title>SideComments.js Demo</title>
  <link rel="stylesheet" href="build/build.css" />
  <link rel="stylesheet" href="test/vendor/basics.css" />
  <link rel="stylesheet" href="test/vendor/mocha.css" />
  <style>
    #commentable-container {
      margin-top: 60px;
    }
  </style>
</head>
<body>  
  <div id="commentable-container" class="container" style="max-width: 750px;">
    <h1>
      This is an article that has some awesome side comments.
    </h1>
    <hr>
    <p data-section-id="1" class="commentable-section">
      Maecenas sed diam eget risus varius blandit sit amet non magna. Curabitur blandit tempus porttitor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cum sociis natoque penatibus et magnis dis parturient montes.
    </p>
    <p data-section-id="2" class="commentable-section">
      Curabitur blandit tempus porttitor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec sed odio dui. Nulla vitae elit libero, a pharetra augue.
    </p>
    <p data-section-id="3" class="commentable-section">
      Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Curabitur blandit tempus porttitor.
    </p>
  </div>
  <script src="test/vendor/jquery.js"></script>
  <script src="build/build.js"></script>
  <script>
    $(document).ready(function(){
      var existingComments = [
{'fraction_non_alphanumeric': 0.10702524698133918, 'fraction_numerical': 0.0060373216245883645, 'mean_word_length': 3.8926174496644297, 'pattern_counts': {'":': 0, '<': 59, '<?xml version=': 0, '>': 59, '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': '5843302', 'n_tokens_mistral': 1301, 'n_tokens_neox': 1245, 'n_words': 394}