index.html

---
layout: default
---

<div class="row">
  <div class="col-md-4">
    <div class="card">
      <div class="card-body">
        <h2>Illinois Solar Map</h2>

        <p class="fs-6">As of {{ site.last_updated }}, over {{ site.total_mw }} megawatts of operating solar capacity have been installed in the State of Illinois.</p> 
        
        <p class="fs-6">This map allows you to explore solar projects by Census Tract, Place, County, and State Congressional Districts, as well as by category of project. <a href='/about.html'>Read more ></a></p>


        <h5 class="mt-4">Select geography</h5>
        <div id="geography-select" class="btn-group flex-wrap" role="group" aria-label="Geography">
          <button value="tracts" type="button" class="btn btn-light active">Tracts</button>
          <button value="places" type="button" class="btn btn-light">Places</button>
          <button value="counties" type="button" class="btn btn-light">Counties</button>
          <button value="il-house" type="button" class="btn btn-light">State House</button>
          <button value="il-senate" type="button" class="btn btn-light">State Senate</button>
        </div>
        <br /><br />
        <h5>Select category</h5>
        <div id="category-select" class="btn-group flex-wrap" role="group" aria-label="Category">
          <button value="total_kw" type="button" class="btn btn-light active">All</button>
          <button value="utility_kw" type="button" class="btn btn-light">Utility</button>
          <button value="cs_kw" type="button" class="btn btn-light">Community Solar</button>
          <button value="dg_large_kw" type="button" class="btn btn-light">Large DG</button>
          <button value="dg_small_kw" type="button" class="btn btn-light">Small DG</button>
        </div>
        <br /><br />
        <h5>Select status</h5>
        <div id="status-select" class="btn-group flex-wrap" role="group" aria-label="Status">
          <button value="energized" type="button" class="btn btn-light active">Energized</button>
          <button value="planned" type="button" class="btn btn-light">Planned</button>
        </div>
        <hr class="mt-4"/>
        <p class="fst-italic fs-6"><a href='/#data-sources'>Data sources:</a> Illinois Power Agency (IPA) and US Energy Information Agency (EIA). Last updated {{ site.last_updated }}. Although the information found in this map has been produced and processed from sources believed to be reliable, no warranty is made regarding accuracy, completeness, or usefulness of any information.</p>

        <p class="fs-6">By <a href='https://chihacknight.org'>Chi Hack Night</a> and the <a href='https://ilcleanjobs.org/'>Illinois Clean Jobs Coalition</a></p>
      </div>
    </div>
  </div>
  <div class="col-md-8">
    <div id='map' style='width: 100%; height: 800px;'></div>

    <div id="solar-legend" class="legend d-none d-sm-none d-md-block"></div>
  </div>
</div>

<script src="js/jquery.address.js"></script>
<script src="js/map.js"></script>