<commit_before><!DOCTYPE html>
<html>
<head>
  <title>BracketChat</title>
  <link rel="shortcut icon" href="favicon.ico"  type="image/x-icon" />
  <!-- Bootstrap -->
  <link href="css/bootstrap.css" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="css/style.css">
  <script src="http://code.jquery.com/jquery-1.11.1.js"></script>

  <script type="text/javascript" src="js/shCore.js"></script>
  <script type="text/javascript" src="js/shBrushSql.js"></script>
  <link type="text/css" rel="stylesheet" href="css/shCoreDefault.css"/>
  <script type="text/javascript">SyntaxHighlighter.all();</script>
  
</head>
<body>
  <div class="navbar navbar-default navbar-fixed-top">
    <div class="container">
      <div class="navbar-header">
        <a href="#" class="navbar-brand">{ BracketChat</a>
        <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
      </div>
      <div class="navbar-collapse collapse" id="navbar-main">
          <ul class="nav navbar-nav">
            <li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" href="#" id="themes">Rooms <span class="caret"></span></a>
              <ul class="dropdown-menu" aria-labelledby="themes">
                <li><a href="../default/">Default</a></li>
                <li class="divider"></li>
                <li><a href="../cerulean/">Ember</a></li>
                <li><a href="../cosmo/">Sailboat</a></li>
                <li><a href="../cyborg/">Paddle</a></li>
                <li><a href="../darkly/">Diamond</a></li>
              </ul>
            </li>
            <li>
              <a href="#" data-toggle="modal" data-target="#modal">Insert Code Block</a>
            </li>
            <!--<li>
              <a href="http://news.bootswatch.com">Blog</a>
            </li>
            <li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" href="#" id="download">More <span class="caret"></span></a>
              <ul class="dropdown-menu" aria-labelledby="download">
                <li><a href="http://jsfiddle.net/bootswatch/cvLkpsx0/">Open Sandbox</a></li>
                <li class="divider"></li>
                <li><a href="./bootstrap.min.css">bootstrap.min.css</a></li>
                <li><a href="./bootstrap.css">bootstrap.css</a></li>
                <li class="divider"></li>
                <li><a href="./variables.less">variables.less</a></li>
                <li><a href="./bootswatch.less">bootswatch.less</a></li>
                <li class="divider"></li>
                <li><a href="./_variables.scss">_variables.scss</a></li>
                <li><a href="./_bootswatch.scss">_bootswatch.scss</a></li>
              </ul>
            </li>-->
          </ul>
          <ul class="nav navbar-nav navbar-right">
            <li><a href="#" data-toggle="modal" data-target="#about">About BracketChat</a></li>
          </ul>
        </div>
      </div>
    </div>

    <ul id="messages"></ul>
    <form class="msgform" action="">
      <input id="m" autocomplete="off" /><button>Send</button>
    </form>

    <div class="modal" id="modal">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h4 class="modal-title">Insert Code Block</h4>
          </div>
          <form class="codeblock" action="">
          <div class="modal-body">
              <textarea id="marea" rows="4" cols="50" style="margin: 0px; width: 555px; height: 87px; resize: none;">Paste code here</textarea>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="submit" class="btn btn-primary">Send</button>
          </div>
          </form>
        </div>
      </div>
    </div>
<commit_msg>Added Usage Tab<commit_after><!DOCTYPE html>
<html>
<head>
  <title>BracketChat</title>
  <link rel="shortcut icon" href="favicon.ico"  type="image/x-icon" />
  <!-- Bootstrap -->
  <link href="css/bootstrap.css" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="css/style.css">
  <script src="http://code.jquery.com/jquery-1.11.1.js"></script>

  <script type="text/javascript" src="js/shCore.js"></script>
  <script type="text/javascript" src="js/shBrushSql.js"></script>
  <link type="text/css" rel="stylesheet" href="css/shCoreDefault.css"/>
  <script type="text/javascript">SyntaxHighlighter.all();</script>
  
</head>
<body>
  <div class="navbar navbar-default navbar-fixed-top">
    <div class="container">
      <div class="navbar-header">
        <a href="#" class="navbar-brand">{ BracketChat</a>
        <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
      </div>
      <div class="navbar-collapse collapse" id="navbar-main">
          <ul class="nav navbar-nav">
            <!--<li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" href="#" id="themes">Rooms <span class="caret"></span></a>
              <ul class="dropdown-menu" aria-labelledby="themes">
                <li><a href="../default/">Default</a></li>
                <li class="divider"></li>
                <li><a href="../cerulean/">Ember</a></li>
                <li><a href="../cosmo/">Sailboat</a></li>
                <li><a href="../cyborg/">Paddle</a></li>
                <li><a href="../darkly/">Diamond</a></li>
              </ul>
            </li>-->
            <li>
              <a href="#" data-toggle="modal" data-target="#usage">Usage</a>
            </li>
            <li>
              <a href="#" data-toggle="modal" data-target="#modal">Insert Code Block</a>
            </li>
            <!--<li>
              <a href="http://news.bootswatch.com">Blog</a>
            </li>
            <li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" href="#" id="download">More <span class="caret"></span></a>
              <ul class="dropdown-menu" aria-labelledby="download">
                <li><a href="http://jsfiddle.net/bootswatch/cvLkpsx0/">Open Sandbox</a></li>
                <li class="divider"></li>
                <li><a href="./bootstrap.min.css">bootstrap.min.css</a></li>
                <li><a href="./bootstrap.css">bootstrap.css</a></li>
                <li class="divider"></li>
                <li><a href="./variables.less">variables.less</a></li>
                <li><a href="./bootswatch.less">bootswatch.less</a></li>
                <li class="divider"></li>
                <li><a href="./_variables.scss">_variables.scss</a></li>
                <li><a href="./_bootswatch.scss">_bootswatch.scss</a></li>
              </ul>
            </li>-->
          </ul>
          <ul class="nav navbar-nav navbar-right">
            <li><a href="#" data-toggle="modal" data-target="#about">About BracketChat</a></li>
          </ul>
        </div>
      </div>
    </div>

    <ul id="messages"></ul>
    <form class="msgform" action="">
      <input id="m" autocomplete="off" /><button>Send</button>
    </form>

    <div class="modal" id="modal">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h4 class="modal-title">Insert Code Block</h4>
          </div>
          <form class="codeblock" action="">
          <div class="modal-body">
              <textarea id="marea" rows="4" cols="50" style="margin: 0px; width: 555px; height: 87px; resize: none;">Paste code here</textarea>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="submit" class="btn btn-primary">Send</button>
          </div>
          </form>
        </div>
      </div>
    </div>

    <div class="modal" id="usage">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h4 class="modal-title">Usage</h4>
          </div>
          <form class="codeblock" action="">
          <div class="modal-body">
              <p>To chat, just type in the box below and hit enter or press send. To insert code blocks, press the "Insert Code Block" button and paste or type in the text area. Syntax highlighting will be done automatically. You can also include code blocks in the message area by typing "code:" followed with your code.</p>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          </div>
          </form>
        </div>
      </div>
    </div>

{'fraction_non_alphanumeric': 0.2013799051315222, 'fraction_numerical': 0.0036653730056058647, 'mean_word_length': 2.23578653644925, 'pattern_counts': {'":': 0, '<': 346, '<?xml version=': 0, '>': 346, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3332455', 'n_tokens_mistral': 2952, 'n_tokens_neox': 2819, 'n_words': 534}