<commit_before><!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Hanuman</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">

    <style type="text/css">
      html, body {
        overflow: hidden;
      }
      html, body, webview, .sidebar, .frame-container, .container-main, .container-main > .row {
        height: 100%;
      }
      .container-main {
        padding-left: 0;
      }
      webview {
        width: 100%;
        border: 0;
        background: #ffffff;
      }
      .sidebar {
        overflow-y: auto;
      }
      .button-row {
        text-align: center;
        padding-top: 10px;
      }
      .lesser-buttons {
        padding-top: 5px;
      }
      .panel .well {
        margin-top: 10px;
        background-color: #2b3e50;
        text-align: center;
      }
      .panel .well .placeholder {
        opacity: 0.6;
      }
      .name-panel .well, .bio-panel .well .placeholder {
        font-size: 120%;
      }

      .panel.first .first, .panel.not-first .not-first {
        display: inline;
      }
      .panel.first .not-first, .panel.not-first .first {
        display: none;
      }
    </style>
  </head>
  <body>
    <div class="container-fluid container-main">

      <div class="row">
        <div class="col-md-9 frame-container">
          <webview src=""></webview>
        </div>
        <div class="col-md-3 sidebar">
          <h3>Lobbyist bio finder</h3>

          <!-- main wizard accordion -->
          <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
            
            <div class="panel panel-default find-panel">
              <div class="panel-heading" role="tab" id="heading-one">
                <h4 class="panel-title">
                  <a data-toggle="collapse" data-parent="#accordion" href="#collapse-one" aria-expanded="true" aria-controls="collapse-one"></a>Find a bio page
                  
                </h4>
              </div>
              <div id="collapse-one" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="heading-one">
                <div class="panel-body">
                  Navigate around the lobbying website to the left until you find <span class="first">a</span><span class="not-first">another</span> page with staff bios on it. We'll assume if you navigate away from a page without clicking the "found one" button, that it's not a bio page.
                  
                  <div class="button-row">
                    <button type="button" class="btn btn-success found-one">Found one!</button>
                    <div class="lesser-buttons">
                      <button type="button" class="btn btn-sm btn-danger quit">Quit</button> &nbsp;<button type="button" class="btn btn-sm btn-info new-firm">New firm</button>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="panel panel-default name-panel">
              <div class="panel-heading" role="tab" id="heading-two">
                <h4 class="panel-title">
                  <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse-two" aria-expanded="false" aria-controls="collapse-two"></a>What's their name?
                </h4>
              </div>
              <div id="collapse-two" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading-two">
                <div class="panel-body">
                  Hightlight the name of <span class="first">a</span><span class="not-first">another</span> person with a bio. If the name occurs both in a page or section title and in the bio text, prefer the version in the page title.
                  <div class="well"><span class="placeholder">[name]</span><span class="content"></span></div>
                  
                  <div class="button-row">
                    <button type="button" class="btn btn-success done">Done</button>
                  </div>
                </div>
              </div>
            </div>

            <div class="panel panel-default bio-panel">
              <div class="panel-heading" role="tab" id="heading-three">
                <h4 class="panel-title">
                  <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse-three" aria-expanded="false" aria-controls="collapse-three"></a>What's their bio?
                </h4>
              </div>
              <div id="collapse-three" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading-three">
                <div class="panel-body">
                  Hightlight the text of this person's bio, as well as any lists of information about them (where they attended school, etc.), then hit "save." You can save multiple chunks.
                  <div class="well"><span class="placeholder">[bio text]</span><span class="content"></span></div>
                  
                  <div class="saved-chunks"></div>
                  
                  <div class="button-row">
                    <button type="button" class="btn btn-success done">Done</button>
                  </div>
                </div>
              </div>
            </div>

            <div class="panel panel-default lobbyist-panel">
              <div class="panel-heading" role="tab" id="heading-four">
                <h4 class="panel-title">
                  <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse-four" aria-expanded="false" aria-controls="collapse-four"></a>Are they a lobbyist?
                </h4>
              </div>
              <div id="collapse-four" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading-four">
                <div class="panel-body">
                  Does it look like this person lobbies the government?
                  
                  <div class="button-row">
                    <button type="button" class="btn btn-success yes">Yes</button> &nbsp;<button type="button" class="btn btn-danger no">No</button> &nbsp;<button type="button" class="btn dunno">Don't know</button>
                  </div>
                </div>
              </div>
            </div>

            <div class="panel panel-default any-more-panel">
              <div class="panel-heading" role="tab" id="heading-five">
                <h4 class="panel-title">
                  <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse-five" aria-expanded="false" aria-controls="collapse-five"></a>Any more?
                </h4>
              </div>
              <div id="collapse-five" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading-five">
                <div class="panel-body">
                  Are there more bios on this page?
                  
                  <div class="button-row">
                    <button type="button" class="btn btn-success yes">Yes</button> &nbsp;<button type="button" class="btn btn-danger no">No, save results</button>
                  </div>
                </div>
              </div>
            </div>
          
          </div>
          <!-- end accordion -->

        </div>
      </div>

    </div>
    <script src="js/jquery-2.1.3.min.js"></script>
    <script src="js/underscore.min.js"></script>
    <script src="js/bootstrap.min.js"></script>

    <script src="js/app.js"></script>
  </body><commit_msg>Beginnings of multiple selection support for bios.<commit_after><!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Hanuman</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">

    <style type="text/css">
      html, body {
        overflow: hidden;
      }
      html, body, webview, .sidebar, .frame-container, .container-main, .container-main > .row {
        height: 100%;
      }
      .container-main {
        padding-left: 0;
      }
      webview {
        width: 100%;
        border: 0;
        background: #ffffff;
      }
      .sidebar {
        overflow-y: auto;
      }
      .button-row {
        text-align: center;
        padding-top: 10px;
      }
      .lesser-buttons {
        padding-top: 5px;
      }
      .panel .well {
        margin-top: 10px;
        background-color: #2b3e50;
        text-align: center;
      }
      .panel .well .placeholder {
        opacity: 0.6;
      }
      .name-panel .well, .bio-panel .well .placeholder {
        font-size: 120%;
      }

      .panel.first .first, .panel.not-first .not-first {
        display: inline;
      }
      .panel.first .not-first, .panel.not-first .first {
        display: none;
      }

      .chunk-title {
        background: #404c59;
        padding: 8px;
      }
      .chunk-title .btn {
        padding-left: 4px;
        display: block;
        float: right;
      }
      .chunk-body {
        background: #485563;
        padding: 8px;
        font-size: 80%;
      }
      .selection-type {
        text-align: center;
      }
      .selection-type .button-row {
        padding: 5px 0 5px 0;
      }

    </style>
  </head>
  <body>
    <div class="container-fluid container-main">

      <div class="row">
        <div class="col-md-9 frame-container">
          <webview src=""></webview>
        </div>
        <div class="col-md-3 sidebar">
          <h3>Lobbyist bio finder</h3>

          <!-- main wizard accordion -->
          <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
            
            <div class="panel panel-default find-panel">
              <div class="panel-heading" role="tab" id="heading-one">
                <h4 class="panel-title">
                  <a data-toggle="collapse" data-parent="#accordion" href="#collapse-one" aria-expanded="true" aria-controls="collapse-one"></a>Find a bio page
                  
                </h4>
              </div>
              <div id="collapse-one" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="heading-one">
                <div class="panel-body">
                  Navigate around the lobbying website to the left until you find <span class="first">a</span><span class="not-first">another</span> page with staff bios on it. We'll assume if you navigate away from a page without clicking the "found one" button, that it's not a bio page.
                  
                  <div class="button-row">
                    <button type="button" class="btn btn-success found-one">Found one!</button>
                    <div class="lesser-buttons">
                      <button type="button" class="btn btn-sm btn-danger quit">Quit</button> &nbsp;<button type="button" class="btn btn-sm btn-info new-firm">New firm</button>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="panel panel-default name-panel">
              <div class="panel-heading" role="tab" id="heading-two">
                <h4 class="panel-title">
                  <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse-two" aria-expanded="false" aria-controls="collapse-two"></a>What's their name?
                </h4>
              </div>
              <div id="collapse-two" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading-two">
                <div class="panel-body">
                  Hightlight the name of <span class="first">a</span><span class="not-first">another</span> person with a bio. If the name occurs both in a page or section title and in the bio text, prefer the version in the page title.
                  <div class="well"><span class="placeholder">[name]</span><span class="content"></span></div>
                  
                  <div class="button-row">
                    <button type="button" class="btn btn-success done">Done</button>
                  </div>
                </div>
              </div>
            </div>

            <div class="panel panel-default bio-panel">
              <div class="panel-heading" role="tab" id="heading-three">
                <h4 class="panel-title">
                  <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse-three" aria-expanded="false" aria-controls="collapse-three"></a>What's their bio?
                </h4>
              </div>
              <div id="collapse-three" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading-three">
                <div class="panel-body">
                  Hightlight the text of this person's bio, as well as any lists of information about them (where they attended school, etc.), then hit "save." You can save multiple chunks.
                  <div class="well"><span class="placeholder">[bio text]</span><span class="content"></span></div>
                  <div class="selection-type">
                    <span class="type-label">Selection type:</span> <select><option value="prose">Prose</option><option value="list_table">List/Table</option></select>
                    <div class="button-row">
                      <button type="button" class="btn btn-sm btn-danger clear"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span> Clear</button>
                      <button type="button" class="btn btn-sm btn-info add"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Add</button>
                    </div>
                  </div>
                  
                  <div class="saved-chunks"></div>

                  <div class="button-row">
                    <button type="button" class="btn btn-success done">Done</button>
                  </div>
                </div>
              </div>
            </div>

            <div class="panel panel-default lobbyist-panel">
              <div class="panel-heading" role="tab" id="heading-four">
                <h4 class="panel-title">
                  <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse-four" aria-expanded="false" aria-controls="collapse-four"></a>Are they a lobbyist?
                </h4>
              </div>
              <div id="collapse-four" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading-four">
                <div class="panel-body">
                  Does it look like this person lobbies the government?
                  
                  <div class="button-row">
                    <button type="button" class="btn btn-success yes">Yes</button> &nbsp;<button type="button" class="btn btn-danger no">No</button> &nbsp;<button type="button" class="btn dunno">Don't know</button>
                  </div>
                </div>
              </div>
            </div>

            <div class="panel panel-default any-more-panel">
              <div class="panel-heading" role="tab" id="heading-five">
                <h4 class="panel-title">
                  <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse-five" aria-expanded="false" aria-controls="collapse-five"></a>Any more?
                </h4>
              </div>
              <div id="collapse-five" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading-five">
                <div class="panel-body">
                  Are there more bios on this page?
                  
                  <div class="button-row">
                    <button type="button" class="btn btn-success yes">Yes</button> &nbsp;<button type="button" class="btn btn-danger no">No, save results</button>
                  </div>
                </div>
              </div>
            </div>
          
          </div>
          <!-- end accordion -->

        </div>
      </div>

    </div>

    <script type="text/html" id="chunk-tpl">
      <div class="chunk">
        <div class="chunk-title">Prose <button type="button" class="btn btn-xs btn-danger remove"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button></div>
        <div class="chunk-body">
          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
          tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
          quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
          consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
          cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
          proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
        </div>
      </div>
    </script>
    <script src="js/jquery-2.1.3.min.js"></script>
    <script src="js/underscore.min.js"></script>
    <script src="js/bootstrap.min.js"></script>

    <script src="js/app.js"></script>
  </body>
{'fraction_non_alphanumeric': 0.14465225014611338, 'fraction_numerical': 0.005961426066627703, 'mean_word_length': 1.8456677199401297, 'pattern_counts': {'":': 0, '<': 339, '<?xml version=': 0, '>': 341, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 7, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6306411', 'n_tokens_mistral': 4959, 'n_tokens_neox': 4659, 'n_words': 1149}