dial-interactive-markup.mustache revision 5cdd1d5bb84599836fa8ad9e8ced04ff5bceabcc
<div id="example_container">
<div id="view_frame">
<div id="scene">
<div id="stars"></div>
<img id="hubble" src="{{{dialPathAssets}}}/images/hubble.png"/>
<img id="earth" src="{{{dialPathAssets}}}/images/mountain_earth.png"/>
<div class="label hubble">hubble</div>
<div class="label thermosphere">thermosphere</div>
<div class="label mesosphere">mesosphere</div>
<div class="label stratosphere">stratosphere</div>
<div class="label troposphere">troposphere</div>
<div class="label ozone">ozone</div>
<div class="label crust">crust</div>
<div class="label mantle">mantle</div>
</div>
</div>
<div class="controls">
<div class="intro-sentence">From Earth to <a id="a-hubble">Hubble</a></div>
<div id="altitude_mark"></div>
<div id="demo"></div>
</div>
</div>