~jstys-z/helioviewer.org/client5

<div style="width: 100%; 4em; margin: 0; padding: 0; text-align: center;">

    <div id="helioviewer-header">

 

        <div class="logo">

                <a class="fa fa-sun-o fa-fw" href="" title="The Open-Source Solar and Heliospheric Data Browser"></a>

                <a href="" title="The Open-Source Solar and Heliospheric Data Browser">Helioviewer.org</a>

        <div id="loading">

            <span>Loading Data</span>

            <span class="fa fa-circle-o-notch fa-spin"></span>

        <div class="menus">

                <div id="link-button" class="fa fa-share-square fa-fw qtip-bottomleft social-button" title="Copy Link to the Current View."></div>

 

                <a id="twitter-button" class="fa fa-twitter-square fa-fw qtip-bottomleft social-button" title="Tweet Short Link to the Current View." href="https://twitter.com/share" data-counturl="<?php echo HV_WEB_ROOT_URL; ?>" data-via="Helioviewer" target="hv_twitter"></a>

 

                <a id="facebook-button" class="fa fa-facebook-square fa-fw qtip-bottomleft social-button" href="https://www.facebook.com/sharer/sharer.php?app_id=309437425817038&display=popup&ref=plugin" target="hv_facebook"></a>

 

                <a id="pinterest-button" class="fa fa-pinterest-square fa-fw qtip-bottomleft social-button" title="Pin Image of Current View to Pinterest." url="<?php echo HV_WEB_ROOT_URL; ?>" data-image="http://helioviewer.org/resources/images/logos/simple.png" data-desc="Custom Helioviewer description..." target="hv_pinterest"></a>

 

                <a id="youtube-button" class="fa fa-youtube-square fa-fw qtip-bottomleft social-button" href="http://www.youtube.com/user/HelioviewerScience" target="_blank" title="Visit the HelioviewerScience YouTube Channel." target="hv_youtube"></a>

                <div class="fa fa-question fa-fw qtip-bottomleft" href="" style="margin-left: 0.5em;" title="Get Help with Helioviewer."></div>

 

    <div id="helioviewer-drawer-left">

 

        <div class="drawer-tab drawer-tab-left">Data Sources</div>

 

        <div id="drawer-viewport-controls-left">

 

            <!--  Zoom Controls -->

            <div id="zoomControls">

                <div id="zoomControlZoomIn" title="Zoom in.">+</div>

                <div id="zoomSliderContainer">

                    <div id="zoomControlSlider"></div>

                </div>

                <div id="zoomControlZoomOut" title="Zoom out.">-</div>

            </div>

 

            <!-- Center button -->

            <div id="center-button" title="Center the image on the screen.">

               <span>center</span>

            </div>

 

        </div>

 

            <div class="top-shadow"></div>

 

                                    <span class="ui-icon-label">LATEST</span>

 

 

            <br />

 

            <div class="bottom-shadow"></div>

 

 

    <div id="helioviewer-drawer-right">

        <div class="drawer-tab drawer-tab-right">Data Export</div>

 

        <div id="drawer-viewport-controls-right">

 

            <!-- Message console -->

            <div id="message-console"></div>

 

            <!-- Mouse coordinates display -->

            <div id="mouse-coords" style="display: none;">

                <div id="mouse-coords-x"></div>

                <div id="mouse-coords-y"></div>

            </div>

        </div>

 

            <div class="top-shadow"></div>

                        <!-- Recent Blog Entries -->

                        <div id="social-panel" class="ui-widget ui-widget-content ui-corner-all shadow"></div>

                        <div id="user-video-gallery" class="ui-widget ui-widget-content ui-corner-all shadow">

                            <a id="user-video-gallery-next" class="qtip-left" href="#" title="Go to next page.">

                                <div class='fa fa-triangle-1-n'></div>

                            </a>

                            <a id="user-video-gallery-prev" class="qtip-left" href="#" title="Go to previous page.">

                                <div class='fa fa-triangle-1-s'></div>

                            </a>

 

            <div id="accordion-movie" class="accordion">

            <div id="accordion-screenshot" class="accordion">

                                <div class="label">Start Date:</div>

                                    <input type="text" id="vso-start-date" name="vso-start-date" value="" pattern="[\d]{4}/[\d]{2}/[\d]{2}" maxlength="10" class="hasDatepicker"/>

                                    <input id="vso-start-time" name="vso-start-time" value="" type="text" maxlength="8" pattern="[\d]{2}:[\d]{2}:[\d]{2}"/>

                                <div class="label">End Date:</div>

                                    <input type="text" id="vso-end-date" name="vso-end-date" value="" pattern="[\d]{4}/[\d]{2}/[\d]{2}" maxlength="10" class="hasDatepicker"/>

 

                                    <input id="vso-end-time" name="vso-end-time" value="" type="text" maxlength="8" pattern="[\d]{2}:[\d]{2}:[\d]{2}"/>

 

                                    <div class="suffix">UTC</div></div>

                                <div class="buttons">

                                    <div class="text-button fa fa-download" title="Download a Python SunPy script that will request from the Virtual Solar Observatory the data set specified above."> SunPy Script</div>

                                    <div class="text-button fa fa-download" title="Download an IDL SolarSoft script that will request from the Virtual Solar Observatory the data set specified above."> SSW Script</div>

                                    <div class="text-button fa fa-external-link-square" title="Launch a Virtual Solar Observatory web page that will request the data set specified above."> VSO Website</div>

                                <div class="label">Start Date:</div>

                                    <input type="text" id="sdo-start-date" name="sdo-start-date" value="" pattern="[\d]{4}/[\d]{2}/[\d]{2}" maxlength="10" class="hasDatepicker"/>

 

                                    <input id="sdo-start-time" name="sdo-start-time" value="" type="text" maxlength="8" pattern="[\d]{2}:[\d]{2}:[\d]{2}"/>

 

                                    <div class="suffix">UTC</div>

                                <div class="label">End Date:</div>

                                    <input type="text" id="sdo-end-date" name="sdo-end-date" value="" pattern="[\d]{4}/[\d]{2}/[\d]{2}" maxlength="10" class="hasDatepicker"/>

 

                                    <input id="sdo-end-time" name="sdo-end-time" value="" type="text" maxlength="8" pattern="[\d]{2}:[\d]{2}:[\d]{2}"/>

 

                                    <div class="suffix">UTC</div></div>

                            <div class="row">

                                <div class="label">Center (x,y):</div>

                                    <input type="text" id="sdo-center-x" name="sdo-center-x" value="0" maxlength="6" />

                                    <input id="sdo-center-y" name="sdo-center-y" value="0" type="text" maxlength="6" />

                                    <div class="suffix">arcsec</div>

                                <div class="label">Width:</div>

                                    <input type="text" id="sdo-width" name="sdo-width" value="2000" maxlength="6"/>

                                    <div class="suffix">arcsec</div>

                                <div class="label">Height:</div>

                                    <input type="text" id="sdo-height" name="sdo-height" value="2000" maxlength="6" />

                                    <div class="suffix">arcsec</div>

                                <div class="buttons">

                                    <div class="text-button fa fa-download" title="Download an IDL SolarSoft script that will request from the SDO Cut-out Service the data set specified above."> SSW Script</div>

                                    <div class="text-button fa fa-external-link-square" title="Launch a SDO Cut-out Service web page that will request the data set specified above."> SDO Cut-out Service Website</div>

                                </div>

                            </div>

 

                        </div>

                    </div>

                </div>

            </div>

 

            <div id="accordion-hek" class="accordion">

                <div class="header">

                    <div class="disclosure-triangle closed">►</div>

                    <h1>Heliophysics Event Knowledgebase</h1>

                    <div class="right fa fa-question-circle contextual-help" title="The Heliophysics Event Knowledgebase (HEK) provides a wealth of data for solar features and events."></div>

                </div>

                <div class="content">

                    <div class="section"></div>

                </div>

            </div>

 

            <br />

 

            <div class="bottom-shadow"></div>

        </div>

    </div>

 

 

    <div id="helioviewer-drawer-bottom">

        <div class="drawer-tab drawer-tab-bottom">Data Timeline</div>

        <div class="drawer-contents"></div>

    </div>

<div id="helioviewer-viewport-container-outer">

 

<!-- Footer -->

<!-- <div id="footer">

    <div id="footer-container-outer">

        <div id="footer-container-inner"> -->

            <!-- Meta links -->

<!--             <div id="footer-links">

                <a href="http://helioviewer.org/wiki/Helioviewer.org_User_Guide_2.4.0" class="light" target="_blank">Help</a>

                <a id="helioviewer-glossary" class="light" href="dialogs/glossary.html">Glossary</a>

                <a id="helioviewer-about" class="light" href="dialogs/about.php">About</a>

                <a id="helioviewer-usage" class="light" href="dialogs/usage.php">Usage Tips</a>

                <a href="http://wiki.helioviewer.org/wiki/Main_Page" class="light" target="_blank">Wiki</a>

                <a href="http://blog.helioviewer.org/" class="light" target="_blank">Blog</a>

                <a href="http://jhelioviewer.org" class="light" target="_blank">JHelioviewer</a>

                <a href="http://api.helioviewer.org/docs/v2/" class="light" target="_blank">Public API</a>

                <a href="https://twitter.com/Helioviewer" class="light" title="Follow @helioviewer on Twitter" target="_blank">@helioviewer</a>

                <a href="mailto:<?php echo $this->config['contact_email']; ?>" class="light">Contact</a>

                <a href="https://bugs.launchpad.net/helioviewer.org/" class="light" style="margin-right:2px;" target="_blank">Report Problem</a>

            </div>

        </div>

    </div>

</div> -->

<!-- end Footer -->