header.html

<!-- header.html -->

<style>
/*
Could use these state shapes: https://github.com/coryetzkorn/state-svg-defs
*/
</style>
<!-- Javascript may also reside in the header.html file. -->

<div id="logoholderside" class="logoholder" style="display:none; z-index:2"></div>

<div style="display:none">

<!-- Copied into template -->
<div id="sidecolumnContent">

<div class="navcolumnBar">
    <div class='hideSide close-X-sm' style='position:absolute;right:0;top:0;z-index:1;margin-top:0px'>✕</div>
</div>
<div style="clear:both"></div>

<style>
.menuset > div {
    padding-top: 4px;
    padding-bottom: 4px;
}
.menuTopic {
    padding-left: 25px;
}
.menuSub {
    background-color:rgb(197, 197, 197);
    margin-left: 5px;
    padding-left: 20px;
}
.dark .menuSub, #sectionsPanel .menuSub {
    background-color:#555;
}
</style>

<div class="membercommons" style="display:none">
    <b><a href="/profile/crm/">TECH</a></b>
    <a href="/team/admin/server/">Webroot</a>
    <a href="/profile/azure/">Azure Script</a>
    <a href="/profile/crm/">SuiteCRM</a>
    <br>
</div>

<div class="dreamstudio" style="display:none">

    <b><a href="/dreamstudio/home/">ABOUT</a></b>
    <a href="/dreamstudio/home/">DreamStudio</a>
    <a href="/dreamstudio/earth/">Earth Generation</a>
    <a href="/dreamstudio/seasons/">Story Seasons</a>
    <br>

    <b><a href="/projects">PROJECTS</a></b>
    <a href="/localsite/timeline">Goal Timelines</a>
    <a href="/realitystream/models">RealityStream ML</a>
    <a href="/dreamstudio/feed">Feed Player</a>
    <a href="/dreamstudio/requests">Storyboard</a>
    <a href="/dreamstudio/community">Model.Earth</a>
    <a href="https://www.democracylab.org/projects/834">DemocracyLab</a>
    <a href="/dreamstudio/education/">Education Resources</a>
    <a href="/inspire/">Partner Tools</a>
    <br>

    <b><a href="/dreamstudio/projects">DATA SCIENCE</a></b>
    <a href="/projects/about/">About Our Projects</a>
    <a href="/projects/">Active Projects</a>
    <a href="/io/coders/">Coding Meetups</a>
</div>

<div class="planetlive menuset" style="display:none">
    <hr class="planetlive-hide" style="margin-top:20px;margin-bottom:10px;">
    <div>
    <b><a href="/seasons/">DEVELOPMENT</a></b>
    <a href="/projects/">Active Projects</a>
    <a href="/seasons/">Story Seasons</a>
    <a href="/seasons/team/">Characters</a>
    <a href="/seasons/storylines/">Entry Points</a>
    </div>
    <hr class="dreamstudioX" style="displayX:none;margin-top:20px;margin-bottom:10px;">
</div>

<div class="earth planetlive menuset" style="display:none">
    <div class="dev toggle-container" style="display:none">
        <!--Developer Links-->
        <!--
        <b><a href="/team/" style="margin-bottom:8px;">TEAM</a></b>
        <b><a href="/home/" style="margin-bottom:8px;">VISUALIZE</a></b>
        -->
        <b><a href="/data-commons/" onclick="toggleDiv('.goalsSub');return false;">UN GOALS</a></b>
        <div class="goalsSub" id="goalsSub" style="display:none">
            <a href="/data-commons/docs/jobs">1. Great Jobs</a>
            <a href="/data-commons/dist/food">2. Healthy Food</a>
            <a href="/data-commons/dist/health">3. Excellent Health</a>
            <a href="/data-commons/dist/education">4. Quality Education</a>
            <a href="/data-commons/dist/opportunities">5. More Opportunities</a>
            <a href="/data-commons/dist/water">6. Clean Water</a>
            <a href="/data-commons/dist/energy">7. Clean Energy</a>
            <a href="/data-commons/dist/economy">8. Vibrant Economies</a>
            <a href="/data-commons/dist/innovation">9. Local Innovation</a>
            <a href="/data-commons/dist/open">10. Inclusive and Open</a>
            <a href="/data-commons/dist/biodiversity">11. Biodiverse Habitats</a>
            <a href="/data-commons/dist/conservation">12. Restoring Treecover</a>
            <a href="/localsite/timeline">13. Air and Climate</a>
            <a href="/data-commons/dist/aquatic">14. Thriving Aquatic Life</a>
            <a href="/data-commons/dist/wildlife">15. Abundant Wildlife</a>
            <a href="/data-commons/dist/peace">16. Peace and Justice</a>
            <a href="/data-commons/dist/partners">17. Partnerships</a>
            <a href="/data-commons/dist/balanced">18. Balanced Budgets</a>
            <a href="/data-commons/dist/transit">19. Fast Reliable Transit</a>
            <a href="/data-commons/dist/internet">20. High Speed Internet</a>
            <a href="/data-commons/dist/space">21. More Livable Zones</a>
        </div>
    </div>

    <div class="dev toggle-container" style="display:none;margin-bottom:6px;">
        <b><a href="/localsite/info/" onclick="toggleDiv('.impactsSub');return false;">LOCAL IMPACTS</a></b>
        <div class="impactsSub" style="display:none">
        <!-- to do: check if indicators match USEEIO 2.0 -->
        <!-- to do: add a unique id when copying nav menu to right nav, otherwide "Violating node" errors occur - low priority, okay to ignore. -->

        <!-- background:rgba(177, 177, 177, 0.5); -->
        <div style="clear:both;">
            <div class="menuTopic">
                <i class="material-icons local-block" onclick="iNav('air');toggleDiv('.airSub');return false;" style="font-size:26px;float:left;cursor:pointer;display:none;">&#xE409;</i>
                <a href="" class="impactIcon_Air" onclick="iNav('air');return false;"><div style="float:right; display:none; padding-right:8px"><i class="material-icons" style="font-size:22px;font-weight:bolder;line-height:28px;float:left">&#xE5D3;</i></div><input class="impactCheck_Air" type="checkbox" style="display:none" checked> Air</a>
            </div>
            <div class="airSub menuSub" style="display:none;">
                <input class="impactCheck_GHG" type="checkbox" style="float:left" checked> 
                <a href="/localsite/info/#indicators=GHG&set=air">Green House Gas</a>
                <input class="impactCheck_HAPS" type="checkbox" style="float:left" checked> 
                <a href="/localsite/info/#indicators=HAPS&set=air">Hazardous Pollutants</a>
                <input class="impactCheck_HRSP" type="checkbox" style="float:left" checked> 
                <a href="/localsite/info/#indicators=HRSP&set=air">Respiratory Effects</a>
                <input class="impactCheck_SMOG" type="checkbox" style="float:left" checked> 
                <a href="/localsite/info/#indicators=SMOG&set=air">Smog Formation</a>
                <input class="impactCheck_OZON" type="checkbox" style="float:left" checked> 
                <a href="/localsite/info/#indicators=OZON&set=air">Ozone Depletion</a>
            </div>
        </div>

        <div style="clear:both" class="menuTopic">
            <a href="" class="impactIcon_Water" onclick="iNav('water');return false;"><input class="impactCheck_Water" type="checkbox" style="display:none" checked> Water</a>
        </div>

        <div style="clear:both" class="menuTopic">
            <a href="/localsite/info/#set=land&indicators=LAND,MNRL,PEST,METL,CRHW,CMSW,FMSW,CCDD" class="impactIcon_Land" onclick="iNav('land');return false;"><input class="impactCheck_Land" type="checkbox" style="display:none" checked> Land</a>
        </div>

        <!--<a href="" class="showMobile showMobileFull" style="clear:both;margin:0px;padding:0px;border:0px;display:none"></a>-->

        <div style="clear:both" class="menuTopic">
            <a href="/localsite/info/#set=energy&indicators=ENRG,NNRG,RNRG" class="impactIcon_Energy" onclick="iNav('energy');return false;"><input class="impactCheck_Energy" type="checkbox" style="display:none"> Energy</a>
        </div>
        <div style="clear:both" class="menuTopic">
            <a href="/localsite/info/#set=health&indicators=HTOX,HCAN,HNCN,HTOX,HRSP" class="impactIcon_Health" onclick="iNav('health');return false;"><input class="impactCheck_Health" type="checkbox" style="display:none"> Health</a>
        </div>
        <div style="clear:both" class="menuTopic">
            <a href="/localsite/info/#set=prosperity&indicators=VADD,JOBS" class="impactIcon_Prosperity" onclick="iNav('prosperity');return false;"><input class="impactCheck_Prosperity" type="checkbox" style="display:none" checked> Prosperity</a>
        </div>

        </div>

    </div>
    <b><a href="/profile/item/" style="margin-bottom:8px;">ITEM PROFILES</a></b>
    <hr style="margin-top:14px; margin-bottom:12px;">

    <b><a href="/community">INFLOW OUTFLOW</a></b>
    <a href="/profile/footprint/commodities.html">State Commodities</a>
    <a href="/profile/footprint/sector_profile.html">State Sector Profiles</a>
    <a href="https://model.earth/apps/">Location Models</a>
    <a href="/localsite/info/">Industry Comparisons</a>
    <a href="/community/tools/">Lifecycle Tools Info</a>
    <a href="/io/charts">IO Widgets</a>
    <a href="/localsite/start/">Starter Samples</a>
    <br>

    <b><a href="https://model.earth/community/projects/">PROJECTS</a></b>
    <a href="/projects/">Active Projects</a>
    
    <a href="https://model.earth/localsite/timeline/">1. Goal Timelines (JS)</a>
    <a href="https://model.earth/codechat/">2. CodeChat (AI)</a>
    <a href="/realitystream/">3. RealityStream (ML)</a>
    <a href="/profile/trade/">4. Trade Flow (IO)</a>
    <a href="/io/template/">5. Geo Profiles (GP)</a>
    <a href="/feed/">6. FeedPlayer (React)</a>
    <a href="https://model.earth/community/projects/">7. Moonshots (Moon)</a>
    
    <!--
    <a href="/localsite/">Localsite Framework</a>
    <a href="/profile/footprint/">USEEIO Javascript</a>
    <a href="/io/about/">State Models for Google</a>
    <a href="/data-pipeline/">Python Data Pipeline</a>
    <a href="/data-pipeline/research/stream/">Generated Images</a>
    -->
    <br>

</div>
<div class="earth menuset" style="display:none">
    <b><a href="https://model.earth/community/carbon-capture/" hashid="carbon-capture">FUTURE TECH</a></b>
    <a href="/grid/nuclear/" hashid="nuclear">Safe Nuclear</a>
    <a href="/grid/water/" hashid="kits">Water Capture</a>
    <a href="https://model.earth/community/carbon-capture/" hashid="locally">Carbon Cycling</a>
    <a href="https://model.earth/community/carbon-capture/#forestry">Fast Forestry</a>
    <a href="https://model.earth/community/carbon-capture/#superwood">Superwood</a>
    <a href="https://model.earth/community/carbon-capture/#flight" hashid="flight">Transforming Flight</a>
    <a href="https://model.earth/community/projects/rail" hashid="rail">Net Positive Rail</a>
    <a href="https://model.earth/community/carbon-capture/#hydrogen">Hydrogen Fuel</a>
    <a href="https://model.earth/community/biotech/" hashid="biotech">Bioeconomy</a><!-- Biotech Products -->
    <a href="https://model.earth/community/projects/wood/" hashid="wood">Mass Timber</a>

    
    <a href="https://model.earth/community/projects/mobility" hashid="mobility">Electric Vehicles</a>
    <a href="https://model.earth/community/architecture/" hashid="new-countryside">New&nbsp;Countryside</a>
    <!-- <a href="/open-tech">Open Sustainable Tech</a> -->
    <br>
</div>

<div class="georgia" style="display:none">
    <b><a href="/">LOCATIONS</a></b>
    <a href="/explore/">Locations</a>
    <a href="https://exploregeorgia.org">Travel Destinations</a>
    <a href="https://cameraready.georgia.org">Camera Ready</a>
    <a href="/localsite/map/#show=farmfresh&state=GA">Farmers Markets</a>
    <a href="/recycling/georgia/">B2B Recycling</a>

    <!-- Reactivate these after showing left list (without first clicking side nav)
    <a href="/localsite/map/#show=wastewater">Wastewater Facilities</a>
    <a href="/localsite/map/#show=landfills">Landfill Locations</a>
    <a href="/localsite/map/#show=solidwaste">Solid Waste</a>
    -->


    <!--
    <br>
    <b><a href="https://epd.georgia.gov">More Georgia EPD</a></b>
    <a href="https://epd.georgia.gov/about-us/land-protection-branch/recovered-materials-and-abatement/tire-management"  target="_blank">Tire Management</a>
    -->
    <!-- Removed: Tires | Scrap tires -->
    <a href="https://georgia.org/EV">EV Manufacturing</a>
    <!--
    <a href="/localsite/info/#show=vehicles">EV Parts Manufacturing</a>
    -->
    <a href="https://info.resimplifi.com/georgia-economic-development-partnership">Building Site Selector</a>
    <br>
</div>

<div style="display:none;" class="local">
    <b><a href="/projects/#sidetab=settings">LOCALSITE</a></b>
    <a href="#sidetab=settings" onclick="location.hash='sidetab=settings'; return false;">Change Site</a>
    <br><br>
</div>
<br><br>

</div>

</div>
<!-- /header.html -->