<commit_before><html>
    <head>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/css/materialize.min.css" />
        <style>
body {
    overflow: hidden;
}

.popout-menu {
    position: absolute;
    display: none;
    bottom: 50px;
    width: 100%;
    padding: 0px;   

    background-color: #bbb;
    box-shadow: 0px 0px 10px #000;
    padding: 5px;    

    z-index: 5;     
}

.menu {
    position: absolute;
    bottom: 0px;
    height: 50px;
    width: 100%;
    background-color: #ccc;
    padding: 5px;    
    z-index: 5;

    box-shadow: 0px 0px 10px #000;
}

#map {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.marker-notch {
    width: 8px;
    height: 8px;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 4px;

    position: relative;
    top: 36px;
    left: 11.5px;
}

       </style>
    </head>
    <body>
        <nav>
            <div class="nav-wrapper">
                <a href="#" class="brand-logo" style="margin-left: 15px;">Scanr</a>
                <!--<ul id="nav-mobile" class="right hide-on-med-and-down">
                    <li><a href="sass.html">Sass</a></li>
                    <li><a href="badges.html">Components</a></li>
                    <li><a href="collapsible.html">JavaScript</a></li>
                </ul>-->
            </div>
        </nav>

        <div class="popout-menu" id="scanner-menu">
            <div>  
                <ul data-bind="foreach: scanners">
                    <li><a class="btn purple" href="#!" data-bind="text: $data, click: function() { $root.showMenu('scanner-menu'); $root.showAccount($data); }"></a></li>
                </ul>
            </div>
        </div>
        
        <div class="popout-menu" id="sightings-menu">
            <div data-bind="foreach: allNearby">
                <a href="#!" data-bind="text: $root.pokeTable[pokemon_id], click: function() { $root.highlightCell(s2_cell_id); }"></a>  
            </div>
        </div>

        <div class="popout-menu" id="catchable-menu">
            <div data-bind="foreach: allCatchable">
                <span data-bind="text: $root.pokeTable[pokemon_id]"></span>  
            </div>
        </div>        

        <div id="map"></div>

        <div class="menu">
            <a href="#!" data-bind="click: function() { showMenu('scanner-menu'); }" class="btn">Scanners</a>
            <a href="#!" data-bind="click: function() { showMenu('sightings-menu'); }" class="btn">Sightings</a>
            <a href="#!" data-bind="click: function() { showMenu('catchable-menu'); }" class="btn">Catchable</a>
        </div>

        <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.1/knockout-min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/js/materialize.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.0/lodash.min.js"></script>
        <script src="https://maps.googleapis.com/maps/api/js?key=<maps-api-key>"></script>
        
        <script src="js/long.js"></script>
        <script src="js/s2geometry.js"></script>
        <script src="js/app.js"></script>       
    </body>
</hmtl><commit_msg>Removed catchable button (since catchables show as markers immediately).<commit_after><html>
    <head>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/css/materialize.min.css" />
        <style>
body {
    overflow: hidden;
}

.popout-menu {
    position: absolute;
    display: none;
    bottom: 50px;
    width: 100%;
    padding: 0px;   

    background-color: #bbb;
    box-shadow: 0px 0px 10px #000;
    padding: 5px;    

    z-index: 5;     
}

.menu {
    position: absolute;
    bottom: 0px;
    height: 50px;
    width: 100%;
    background-color: #ccc;
    padding: 5px;    
    z-index: 5;

    box-shadow: 0px 0px 10px #000;
}

#map {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.marker-notch {
    width: 8px;
    height: 8px;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 4px;

    position: relative;
    top: 36px;
    left: 11.5px;
}

       </style>
    </head>
    <body>
        <nav>
            <div class="nav-wrapper">
                <a href="#" class="brand-logo" style="margin-left: 15px;">POGO-NocScan</a>
                <!--<ul id="nav-mobile" class="right hide-on-med-and-down">
                    <li><a href="sass.html">Sass</a></li>
                    <li><a href="badges.html">Components</a></li>
                    <li><a href="collapsible.html">JavaScript</a></li>
                </ul>-->
            </div>
        </nav>

        <div class="popout-menu" id="scanner-menu">
            <div>  
                <ul data-bind="foreach: scanners">
                    <li><a class="btn purple" href="#!" data-bind="text: $data, click: function() { $root.showMenu('scanner-menu'); $root.showAccount($data); }"></a></li>
                </ul>
            </div>
        </div>
        
        <div class="popout-menu" id="sightings-menu">
            <div data-bind="foreach: allNearby">
                <a href="#!" data-bind="text: $root.pokeTable[pokemon_id], click: function() { $root.highlightCell(s2_cell_id); }"></a>  
            </div>
        </div>   

        <div id="map"></div>

        <div class="menu">
            <a href="#!" data-bind="click: function() { showMenu('scanner-menu'); }" class="btn">Scanners</a>
            <a href="#!" data-bind="click: function() { showMenu('sightings-menu'); }" class="btn">Sightings</a>
        </div>

        <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.1/knockout-min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/js/materialize.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.0/lodash.min.js"></script>
        <script src="https://maps.googleapis.com/maps/api/js?key=<maps-api-key>"></script>
        
        <script src="js/long.js"></script>
        <script src="js/s2geometry.js"></script>
        <script src="js/app.js"></script>       
    </body>
</hmtl>
{'fraction_non_alphanumeric': 0.19265190767781443, 'fraction_numerical': 0.022609514837494113, 'mean_word_length': 2.0758087880251086, 'pattern_counts': {'":': 0, '<': 153, '<?xml version=': 0, '>': 153, 'https://': 12, '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': '7127991', 'n_tokens_mistral': 2362, 'n_tokens_neox': 2168, 'n_words': 372}