index.html

---
layout: default
---

<div id="hidden_legend" style="display: none;">
  <p class="hidden-legend-wrapper"><a class="toggle_legend">+</a></p>
</div>

<div id="legend" style="display: none;">
  <div class="search-box clearfix">
    <input type="text" class="thefts-location" />
    <button class="searchbtn"><span></span></button>
  </div>
  <small class="clearit">(<button class="clear_map">clear map</button>)</small>
  <small class="showmore"><a class="show_more">show 500 (slower)</a></small>
  <div class="clearer"></div>
  <nav class="legend clearfix">
    <span style="background: #f6b9b3;" class="active" id="time_6"></span>
    <span style="background: #f29d94;" class="active" id="time_5"></span>
    <span style="background: #ee8276;" class="active" id="time_4"></span>
    <span style="background: #eb6759;" class="active" id="time_3"></span>
    <span style="background: #e74c3c;" class="active" id="time_2"></span>
    <span style="background: #bd1622;" class="active" id="time_1"></span>
    <label>> 5 years</label>
    <label>1 year</label>
    <label>6 months</label>
    <label>1 month</label>
    <label>1 week</label>
    <label>< 1 day</label>
    <small>When theft occurred (click to select time frame)</small>
    <a class="toggle_legend" class="active">x</a>
  </nav>
</div>

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