, but this code // executes before the first paint, when

ÃÛÌÒapp

is not yet present. The // classes are added to so styling immediately reflects the current // toolbar state. The classes are removed after the toolbar completes // initialization. const classesToAdd = ['toolbar-loading', 'toolbar-anti-flicker']; if (toolbarState) { const { orientation, hasActiveTab, isFixed, activeTray, activeTabId, isOriented, userButtonMinWidth } = toolbarState; classesToAdd.push( orientation ? `toolbar-` + orientation + `` : 'toolbar-horizontal', ); if (hasActiveTab !== false) { classesToAdd.push('toolbar-tray-open'); } if (isFixed) { classesToAdd.push('toolbar-fixed'); } if (isOriented) { classesToAdd.push('toolbar-oriented'); } if (activeTray) { // These styles are added so the active tab/tray styles are present // immediately instead of "flickering" on as the toolbar initializes. In // instances where a tray is lazy loaded, these styles facilitate the // lazy loaded tray appearing gracefully and without reflow. const styleContent = ` .toolbar-loading #` + activeTabId + ` { background-image: linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%); } .toolbar-loading #` + activeTabId + `-tray { display: block; box-shadow: -1px 0 5px 2px rgb(0 0 0 / 33%); border-right: 1px solid #aaa; background-color: #f5f5f5; z-index: 0; } .toolbar-loading.toolbar-vertical.toolbar-tray-open #` + activeTabId + `-tray { width: 15rem; height: 100vh; } .toolbar-loading.toolbar-horizontal :not(#` + activeTray + `) > .toolbar-lining {opacity: 0}`; const style = document.createElement('style'); style.textContent = styleContent; style.setAttribute('data-toolbar-anti-flicker-loading', true); document.querySelector('head').appendChild(style); if (userButtonMinWidth) { const userButtonStyle = document.createElement('style'); userButtonStyle.textContent = `#toolbar-item-user {min-width: ` + userButtonMinWidth +`px;}` document.querySelector('head').appendChild(userButtonStyle); } } } document.querySelector('html').classList.add(...classesToAdd); })(); The Celestial Sphere | ÃÛÌÒapp

ÃÛÌÒapp

Skip to main content

The Celestial Sphere

The celestial sphere is a model for the two-dimensional direction to the stars, sun and moon as viewed from a particular place on earth. The observer is imagined to be at the center of the sphere, with the metal rim surrounding the sphere as the horizon. The brighter stars and the Milky Way can be painted on the surface of the sphere as their positions relative to each other do not change. The sphere rotates once each sidereal day about the axis defined by the North Star, so that stars appear to rise on the eastern horizon and set on the west. This apparent motion is a consequence of the earth's rotating once on its axis with respect to the reference frame of the stars each day. The angle of the rotation axis above the horizontal is 53 degrees, which was Botjes' latitude in the northern part of the Netherlands (10 degrees to the north of ÃÛÌÒapp).

The sun is represented as a gold disk (see photo) that moves along with the daily motion of the sphere, but which also moves gradually along the sphere, completing one circuit each year along a great circle we call the ecliptic. This apparent motion is a consequence of the earth's revolution about the sun with respect to the reference frame of the stars each year. The ecliptic is tilted by 23.5 degrees to the celestial equator because of the tilt of the earth's spin axis with respect to its orbital axis. This tilt leads to the phenomenon of seasons on earth.

Like the sun, the moon (a silver disk) follows the daily motion of the sphere as well as a slower motion with respect to the sphere (completing one circle each sidereal month, 27.32 days). The circuit of the moon is tilted with respect to the ecliptic by 5.2 degrees. For more information on these two, see the motions of the sun and moon.