<commit_before>---
layout: default
description: ""


---

<div class="row">
    <div class='col-sm-10 col-sm-offset-1'>
        <br />
        <br />
        <br />
        <p class='lead text-center'>Find out who your representatives are and get them to <em>do something</em></p>

        <br />
        <br />

        <div class="input-group input-group-lg col-sm-8 col-sm-offset-2">
            <input type="text" class="form-control" placeholder="Enter your address to find who represents you" id="address" name="address" >
            <span class="input-group-btn">
                <button class="btn btn-info" type="submit" id="address-search"><i class='fa fa-search'></i> Search </button>
                <button class="btn btn-default" type="submit" id="find-me"><i class='fa fa-crosshairs'></i> Find me </button>
            </span>
        </div>

        <br />
    </div>
</div>
<div class="row">
    <div class='col-sm-10 col-md-offset-1'>
        <div id='no-response-container' class='text-center' style="display:none;">
            <h1><i class='fa fa-exclamation-triangle'></i> </h1>
            <h3>No representatives found</h3>
            <p>We couldn't find any representatives for that address. Please try again.</p>
        </div>
        <div id='response-container' style="display:none;">

            <div class='text-center' id='address-image'></div>

            <br />
            <br />

            <p class="lead text-center" id='results-nav'>
                Levels of government<br />
                <a href="#federal-name">Federal</a></li>
                  <span id='state-nav' style='display: none;'>
                    <i class='fa fa-long-arrow-right'></i>
                    <a id="state-name-nav" href="#state-name"></a>
                  </span>
                  <span id='county-nav' style='display: none;'>
                    <i class='fa fa-long-arrow-right'></i>
                    <a id="county-name-nav" href="#county-name"></a>
                  </span>
                  <span id='local-nav' style='display: none;'>
                    <i class='fa fa-long-arrow-right'></i>
                    <a id="local-name-nav" href="#local-name"></a>
                  </span>
                </ul>
            </p>

            <hr />

            <h3 id='federal-name' class='text-center'>United States Federal Government</h3>
            <table id="federal-results" class="table table-striped">
                <thead>
                    <tr>
                        <th></th>
                        <th>Name</th>
                        <th><i class='fa fa-institution'></i> Office</th>
                        <th><i class='fa fa-map-marker'></i> Address</th>
                        <th><i class='fa fa-bullhorn'></i> Contact</th>
                        <th><i class='fa fa-external-link'></i> Links</th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>

            <div id='state-container'>
                <br />
                <h3 class='text-center' id="state-name"></h3>
                <table id="state-results" class="table table-striped">
                    <thead>
                        <tr>
                            <th></th>
                            <th>Name</th>
                            <th><i class='fa fa-institution'></i> Office</th>
                            <th><i class='fa fa-map-marker'></i> Address</th>
                            <th><i class='fa fa-bullhorn'></i> Contact</th>
                            <th><i class='fa fa-external-link'></i> Links</th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>

            <div id='county-container'>
                <br />
                <h3 class='text-center' id="county-name"></h3>
                <table id="county-results" class="table table-striped">
                    <thead>
                        <tr>
                            <th></th>
                            <th>Name</th>
                            <th><i class='fa fa-institution'></i> Office</th>
                            <th><i class='fa fa-map-marker'></i> Address</th>
                            <th><i class='fa fa-bullhorn'></i> Contact</th>
                            <th><i class='fa fa-external-link'></i> Links</th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>

            <div id='local-container'>
                <br />
                <h3 class='text-center' id="local-name"></h3>
                <table id="local-results" class="table table-striped">
                    <thead>
                        <tr>
                            <th></th>
                            <th>Name</th>
                            <th><i class='fa fa-institution'></i> Office</th>
                            <th><i class='fa fa-map-marker'></i> Address</th>
                            <th><i class='fa fa-bullhorn'></i> Contact</th>
                            <th><i class='fa fa-external-link'></i> Links</th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<script id="tableGuts" type="text/EJS">
    <% $.each(people, function(i, info){ %>
        <tr>
            <td>
                <% if (info.person.photoUrl) { %>
                    <img class="img-rounded headshot" src="<%= info.person.photoUrl %>" alt="<%= info.person.name %>" title="<%= info.person.name %>" />
                <% } else { %>
                    <img class="img-rounded headshot" src="/images/blank-person.jpg" alt="<%= info.person.name %>" title="<%= info.person.name %>" />
                <% } %>
            </td>
            <td>
                <%= info.person.name %> <%= formatParty(info.person.party) %>
            </td>
            <td><%= info.office.name %></td>
            <td>
                <% if (info.address) { %>
                    <% $.each(info.address, function(i, addr){ %>
                        <p>
                        <%= toTitleCase(addr.line1) %><br />
                        <% if (addr.line2) { %>
                            <%= toTitleCase(addr.line2) %><br />
                        <% } %>
                        <% if (addr.line3) { %>
                            <%= toTitleCase(addr.line3) %><br />
                        <% } %><commit_msg>reversed order or results, closes #1<commit_after>---
layout: default
description: ""
---

<div class="row">
    <div class='col-sm-10 col-sm-offset-1'>
        <br />
        <br />
        <br />
        <p class='lead text-center'>Find out who your representatives are and get them to <em>do something</em></p>

        <br />
        <br />

        <div class="input-group input-group-lg col-sm-8 col-sm-offset-2">
            <input type="text" class="form-control" placeholder="Enter your address to find who represents you" id="address" name="address" >
            <span class="input-group-btn">
                <button class="btn btn-info" type="submit" id="address-search"><i class='fa fa-search'></i> Search </button>
                <button class="btn btn-default" type="submit" id="find-me"><i class='fa fa-crosshairs'></i> Find me </button>
            </span>
        </div>

        <br />
    </div>
</div>
<div class="row">
    <div class='col-sm-10 col-md-offset-1'>
        <div id='no-response-container' class='text-center' style="display:none;">
            <h1><i class='fa fa-exclamation-triangle'></i> </h1>
            <h3>No representatives found</h3>
            <p>We couldn't find any representatives for that address. Please try again.</p>
        </div>
        <div id='response-container' style="display:none;">

            <div class='text-center' id='address-image'></div>

            <br />
            <br />

            <p class="lead text-center" id='results-nav'>
                Levels of government<br />
                  <span id='local-nav' style='display: none;'>
                    <a id="local-name-nav" href="#local-name"></a>
                    <i class='fa fa-long-arrow-right'></i>
                  </span>
                  <span id='county-nav' style='display: none;'>
                    <a id="county-name-nav" href="#county-name"></a>
                    <i class='fa fa-long-arrow-right'></i>
                  </span>
                  <span id='state-nav' style='display: none;'>
                    <a id="state-name-nav" href="#state-name"></a>
                    <i class='fa fa-long-arrow-right'></i>
                  </span>
                  <a href="#federal-name">Federal</a></li>
                  
                </ul>
            </p>

            <hr />

            <div id='local-container'>
                <br />
                <h3 class='text-center' id="local-name"></h3>
                <table id="local-results" class="table table-striped">
                    <thead>
                        <tr>
                            <th></th>
                            <th>Name</th>
                            <th><i class='fa fa-institution'></i> Office</th>
                            <th><i class='fa fa-map-marker'></i> Address</th>
                            <th><i class='fa fa-bullhorn'></i> Contact</th>
                            <th><i class='fa fa-external-link'></i> Links</th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>

            <div id='county-container'>
                <br />
                <h3 class='text-center' id="county-name"></h3>
                <table id="county-results" class="table table-striped">
                    <thead>
                        <tr>
                            <th></th>
                            <th>Name</th>
                            <th><i class='fa fa-institution'></i> Office</th>
                            <th><i class='fa fa-map-marker'></i> Address</th>
                            <th><i class='fa fa-bullhorn'></i> Contact</th>
                            <th><i class='fa fa-external-link'></i> Links</th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>

            <div id='state-container'>
                <br />
                <h3 class='text-center' id="state-name"></h3>
                <table id="state-results" class="table table-striped">
                    <thead>
                        <tr>
                            <th></th>
                            <th>Name</th>
                            <th><i class='fa fa-institution'></i> Office</th>
                            <th><i class='fa fa-map-marker'></i> Address</th>
                            <th><i class='fa fa-bullhorn'></i> Contact</th>
                            <th><i class='fa fa-external-link'></i> Links</th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>

            <h3 id='federal-name' class='text-center'>United States Federal Government</h3>
            <table id="federal-results" class="table table-striped">
                <thead>
                    <tr>
                        <th></th>
                        <th>Name</th>
                        <th><i class='fa fa-institution'></i> Office</th>
                        <th><i class='fa fa-map-marker'></i> Address</th>
                        <th><i class='fa fa-bullhorn'></i> Contact</th>
                        <th><i class='fa fa-external-link'></i> Links</th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div>
    </div>
</div>
<script id="tableGuts" type="text/EJS">
    <% $.each(people, function(i, info){ %>
        <tr>
            <td>
                <% if (info.person.photoUrl) { %>
                    <img class="img-rounded headshot" src="<%= info.person.photoUrl %>" alt="<%= info.person.name %>" title="<%= info.person.name %>" />
                <% } else { %>
                    <img class="img-rounded headshot" src="/images/blank-person.jpg" alt="<%= info.person.name %>" title="<%= info.person.name %>" />
                <% } %>
            </td>
            <td>
                <%= info.person.name %> <%= formatParty(info.person.party) %>
            </td>
            <td><%= info.office.name %></td>
            <td>
                <% if (info.address) { %>
                    <% $.each(info.address, function(i, addr){ %>
                        <p>
                        <%= toTitleCase(addr.line1) %><br />
                        <% if (addr.line2) { %>
                            <%= toTitleCase(addr.line2) %><br />
                        <% } %>
                        <% if (addr.line3) { %>
                            <%= toTitleCase(addr.line3) %><br />
                        <% } %>
{'fraction_non_alphanumeric': 0.17084282460136674, 'fraction_numerical': 0.0038724373576309794, 'mean_word_length': 1.1574119574119575, 'pattern_counts': {'":': 0, '<': 479, '<?xml version=': 0, '>': 479, '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': '41308', 'n_tokens_mistral': 3903, 'n_tokens_neox': 3601, 'n_words': 701}