1<!DOCTYPE html> 2<html> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <meta name="author" content="Thomas Müller (HdA/MPIA)"> 7 <title>HdA-AstroApp - Apparent Planet Motion</title> 8 9 <link rel="stylesheet" href="./src/app_main.css"> 10 <link rel="stylesheet" href="./src/datetime_picker.css"></link> 11 <link rel="stylesheet" href="./src/apparent_motion.css"> 12 13
13<script type="importmap"> 14 { "imports": { 15 "three": "./threejs/three.module.min.js", 16 "jsm/": "./threejs/" } } 17 </script>
17 18
18<script type="module" src="./src/apparent_motion.js"></script>
18 19</head> 20<body> 21 <header class="header"> 22 <h1 id="title"></h1> 23 <div class="header-right"> 24 <div class="language-picker" id="language_picker"></div> 25 <button class="info-button" id="help_button"></button> 26 <button class="info-button" id="about_button"></button> 27 </div> 28 <img src="src/hamburger_icon.svg" width="28px" class="header-btn"> 29 </header> 30 31 <canvas id="canvas"></canvas> 32 33 <div id="animate"> 34 <div class="primary-button" id="playBtn"></div> 35 </div> 36 37 <details id="viewDetails"> 38 <summary id="viewDetailsSummary"></summary> 39 <div class="viewDetails-container"></div> 40 <fieldset> 41 <legend id="pointer"></legend> 42 <div class="view-table"> 43 <div class="input-cell" id="lab_object"></div> 44 <div class="input-cell"><select class="my-select" id="sel_object"></select></div> 45 </div> 46 </fieldset> 47 48 <fieldset> 49 <legend id="camera"></legend> 50 <ul> 51 <li><input type="checkbox" id="camFixView"> 52 <label for="camFixView" id="labCamFixView">FixView</label></li> 53 <li><div class="secondary-button" id="btn_topView">Top View</div></li> 54 </ul> 55 </fieldset> 56 57 <fieldset> 58 <legend id="objects">Objects</legend> 59 <div class="view-table"> 60 <div class="input-cell" id="lab_sun_radius">Sun radius</div> 61 <div class="input-cell"><input type="range" min="0" max="0.2" step="0.01" class="slider" id="sunRadiusSli"></div> 62 </div> 63 64 <ul> 65 <li><input type="checkbox" id="planetOrbitsVisible"> 66 <label for="planetOrbitsVisible" id="lab_planetOrbitsVisible"></label></li> 67 <li><input type="checkbox" id="dateRingVisible"> 68 <label for="dateRingVisible" id="lab_dateRingVisible"></label></li> 69 <li><input type="checkbox" id="vernalEquinoxDir"> 70 <label for="vernalEquinoxDir" id="lab_vernalEquinoxDir"></label></li> 71 <li><input type="checkbox" id="gridVisible"> 72 <label for="gridVisible" id="lab_gridVisible"></label></li> 73 <li><input type="checkbox" id="nonEclipticConst"> 74 <label for="nonEclipticConst" id="lab_nonEclipticConst">Non-eclipt. Const</label></li> 75 </ul> 76 </fieldset> 77 78 <fieldset> 79 <legend id="time">Time</legend> 80 <div class="view-table"> 81 <div class="input-cell" id="lab_simSpeed">SimSpeed</div> 82 <div class="input-cell"><input type="range" min="-30" max="30" step="1" class="slider" id="simSpeedSli"></div> 83 </div> 84 <ul> 85 <li><input type="checkbox" id="starTrailVisible"> 86 <label for="starTrailVisible" id="lab_starTrailVisible"></label></li> 87 </ul> 88 </fieldset> 89 </details> 90 91 <footer class="footer" id="myFooter"></footer> 92 93 <div class="datetime-block-left"></div> 94 95 <!-- help modal--> 96 <section class="modal" id="helpModal"> 97 <div class="modal-content"> 98 <header class="modal-header"> 99 <h2 id="helpTitle">Help</h2> 100 <span class="close" id="help_close">×</span> 101 </header> 102 <div class="modal-body"> 103 <h3 id="helpIdea"></h3> 104 <div class="infoText" id="helpInfo"></div> 105 <h3 id="helpCtrl"></h3> 106 <div class="helpMouseCtrl"> 107 <div><img src="src/mouse_3button_lmb.svg" alt=""></div><div id="helpCtrlText_LMB"></div> 108 <div><img src="src/mouse_3button_mmb.svg" alt=""></div><div id="helpCtrlText_MMB"></div> 109 </div> 110 <div class="infoText" id="helpCtrlText"></div> 111 <h3 id="helpParams"></h3> 112 <h3 id="helpEvent"></h3> 113 <div class="infoText" id="helpEventText"></div> 114 <h3 id="helpFundPlane"></h3> 115 <div class="infoText" id="helpFundPlaneText"></div> 116 <h3 id="helpCamera"></h3> 117 <div class="infoText" id="helpCameraText"></div> 118 <h3 id="helpObserver"></h3> 119 <div class="infoText" id="helpObserverText"></div> 120 </div> 121 <footer class="modal-footer"> 122 <button class="close-button" id="help_close_btn">Close</button> 123 </footer> 124 </div> 125 </section> 126 127 <!-- about modal--> 128 <section class="modal" id="aboutModal"> 129 <div class="modal-content"> 130 <header class="modal-header"> 131 <h2 id="aboutTitle">About</h2>
132 <span class="close" id="about_close">×</span> 133 </header> 134 <div class="modal-body"> 135 <div class="hda-container"> 136 <a href="http://www.haus-der-astronomie.de/" target="_blank"> 137 <img class="hda-logo" src="../assets/images/hdalogo.jpg"/></a> 138 <div class="hda-info">Haus der Astronomie<br>Königstuhl 17<br>D-69117 Heidelberg</div> 139 </div> 140 <h3 id="aboutDeveloper">Developer</h3> 141 <ul> 142 <li>Thomas Müller (HdA/MPIA)</li> 143 </ul> 144 145 <h3 id="aboutResources"></h3> 146 <ul> 147 <li><div class="aboutLi" id="aboutGraphics"></div></li> 148 <li><div class="aboutLi" id="aboutHip"></div></li> 149 <li><div class="aboutLi" id="aboutConstLines"></div></li> 150 <li><div class="aboutLi" id="aboutOrbitalElements"></div></li> 151 </ul> 152 153 <h3 id="aboutOtherApps">Weitere Apps</h3> 154 <p><a href="https://astro-apps.org" target="_blank" id="aboutOtherAppsLink"></a></p> 155 156 </div> 157 <footer class="modal-footer"> 158 <button class="close-button" id="about_close_btn">Close</button> 159 </footer> 160 </div> 161 </section> 162</body> 163</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.