index.html

<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title>Local App Interfaces</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">

<script>
// Location Modeling now resides at localsite/info. The query string and hash carry forward,
// and without either the info page opens on the Energy impact set.
location.replace("../localsite/info/" + location.search + (location.hash || (location.search ? "" : "#set=energy")));
</script>

<script type="text/javascript" src="../localsite/js/d3.v5.min.js" id="/localsite/js/d3.v5.min.js"></script>
<script type="text/javascript" src="../localsite/js/jquery.min.js" id="/localsite/js/jquery.min.js"></script>
<script type="text/javascript" src="../localsite/js/showdown.min.js" id="/localsite/js/showdown.min.js"></script>

<script type="text/javascript" src="js/apps-menus.js" id="/apps/js/apps-menus.js"></script>
<script type="text/javascript" src="js/apps-impact.js" id="/apps/js/apps-impact.js"></script>

<script>
  if(typeof param=='undefined'){ var param={}; }
  param.display = "everything"
  param.indicators = "GHG,GCC,MGHG,OGHG,HRSP,OZON,SMOG,HAPS,ENRG,WATR"

  // App menu
  if(typeof menu=='undefined'){ var menu={}; }
  menu = {"home":[],"composting":[],"biodiesel":[]} // The names on this line must include the param's below it.
  menu.home.img = "/apps/school/img/hero/ses.jpg"
  menu.home.page = "/apps/school/"

  menu.composting.img = "/apps/school/img/hero/composting.jpg"
  menu.composting.page = "/apps/composting/"

  menu.biodiesel.img = "/apps/school/img/hero/biodiesel.jpg"
  menu.biodiesel.page = "/apps/biodiesel/"

  showHeroMenu("feature", menu, "my_site");
  $(document).ready(function() {
    showImpactWidget("land", menu, "my_site")
  });
</script>

<script type="text/javascript" src="../localsite/js/localsite.js?showheader=true&showsearch=true"></script>
</head>

<body>
<style>
.bgimg {
  min-height: 600px;
  /*
  background-image: url(img/hero/state/GA/GA-hero.jpg);
  */
}

@media (max-width: 1000px) {
  #hero-mini {
      display: none;
  }
}
</style>

<div id="hero_holder" class="hideWhenGeoview">
<div id="hero-landscape-image" class="dark bgimg displayOnload" style="display:none;">

  <div id="hero-content">

    <!--
    <div style="font-size:54px; line-height: 1.1em; color: #fff; font-weight:800; text-shadow: 2px 2px 6px #333;">State Impact Tools</div><br>
    -->

    <!-- why does this get updated to the state name in apps/base, but not here? -->

    <!--
      To investigate (note from js/bc.js):
      // Within localhost.js the state menu is moved into the hero image area by the following:
      // relocatedStateMenu.appendChild(state_select);
    -->
    <div id="stateName" class="hero-title" style="font-size:48px; font-weight:300">Location Modeling</div>
    
    <br>

    <div id="hero-mini" class="hideMobile" style="max-width:150px;padding-bottom:12px">

      <!--
      <b style="margin-bottom:8px; display:block; padding-top:12px; padding-left:18px">Impacts</b>
      -->
      <div id="impact-widget-vertical" style="padding-top:8px">
        <div id="insertImpactIcons"></div>
      </div>

    </div>

    <div id="hero-rect" class="displayOnload" style="display: none; margin-right:30px">
      
      <div id="relocatedStateMenu"></div>

      <div style="margin-bottom:10px; max-width:400px">
        <div class="location_titles"></div><!-- Counties within state -->
      </div>
      <div id="readmeDiv"></div>

      <a href="#mapview=counties" onclick="$('#filterClickLocation').click();return false;">Select counties</a> to view local industry impacts.<br>

      <div id="parsedOutput"></div>

    </div>

  </div>
  <div style="clear:both"></div>

</div>
</div>

<!--
<div style="font-size:24px">
https://www.purpleair.com/pa.widget.js?key=WQDIG1WBX2S88N2Q&module=AQI&conversion=C0&average=10&layer=standard&container=PurpleAirWidget_57441_module_AQI_conversion_C0_average_10_layer_standard
</div>

<div id='PurpleAirWidget_57441_module_AQI_conversion_C0_average_10_layer_standard'>Loading PurpleAir Widget...</div>
<script src='https://www.purpleair.com/pa.widget.js?key=WQDIG1WBX2S88N2Q&module=AQI&conversion=C0&average=10&layer=standard&container=PurpleAirWidget_57441_module_AQI_conversion_C0_average_10_layer_standard'></script>
-->

<script>
  //loadMarkdown("apps.md", "readmeDiv", "_parent");
  let heroBackgroundImage = "url(img/hero/state/GA/GA-hero.jpg)";
  $("#hero-landscape-image").css('background-image', heroBackgroundImage);
</script>

</body>
</html>