iwmlib/lib/card/test/example/01/01_besonderheiten3.html

47 lines
6.1 KiB
HTML

<!DOCTYPE html><html lang="en"><head>
<meta charset="utf-8">
<title data-innerhtml="title">Article with 50% Columns</title>
<link rel="stylesheet" href="../_theme/css/bulma.css">
<link rel="stylesheet" href="../_theme/css/card.css">
<link rel="stylesheet" href="../_theme/css/article.css">
<link rel="stylesheet" href="../_theme/css/highlight.css">
<link rel="stylesheet" href="../_theme/css/popup.css">
<!-- disable zooming -->
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, minimum-scale=1, maximum-scale=1">
<script src="../_theme/js/all.js"></script>
<script src="../_theme/js/3rdparty/all.js"></script>
<script src="../_theme/js/card.js"></script>
<script src="../_theme/js/highlight.js"></script>
</head>
<body>
<article>
<div class="columns">
<div class="column content" data-link="Popup" tabindex=""><h2 contenteditable="false">500 Jahre schwäbische Qualitätsarbeit</h2> <p contenteditable="false" data-link="Popup">Die <a href="../01/astronomischeuhr.html" data-highlight-id="" onclick="Card.loadPopup(event)">Astronomische Uhr</a> im <a href="../01/ziergiebel2.html" data-highlight-id="" onclick="Card.loadPopup(event)">Ziergiebel</a> des Rathauses ist ein Meisterwerk der Technik (siehe Abbildung). Sie wurde 1511 mit großer Wahrscheinlichkeit von <a href="../glossar/stoefflerjohannes.html" data-highlight-id="" onclick="Card.loadPopup(event)">Johannes Stöffler</a> entworfen und wohl von einem ortsansässigen Schmid gebaut. Sie gehört zu einem Ensemble von fünf Uhren im und am Rathaus, von denen vier die Zeit anzeigen. Sie ist nicht nur die älteste Uhr weltweit, die Sonnen- und Mondfinsternisse mit einem Drachenzeiger anzeigen kann, sondern läuft auch heute noch so präzise, dass sie nur alle zwanzig Jahre neu justiert werden muss.</p><div class="zoomable-wrapper column" ondragstart="Card.dragStart(event)">
<figure style="display: block;" class="zoomable singlefig" id="zoomable1">
<div style="position:relative;" class="svg-wrapper">
<svg draggable="false" class="mainimg" onclick="Card.openPopupOrZoomable(event)" viewBox="0 0 496 500" width="496" height="500" contenteditable="false">
<!-- The defs section must be defined and cannot be generated in JavaScript-->
<defs></defs>
<image width="496" height="500" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../01/astronomischeuhrneu.jpg"></image>
<g stroke-width="3"><circle xlink:href="../01/mondphasen.html" data-highlight-id="01.astronomischeuhrneu.jpg.h1" onclick="Card.loadHighlightPopup(event)" cx="248" cy="94" r="60"></circle>
<circle xlink:href="../01/tierkreis.html" data-highlight-id="01.astronomischeuhrneu.jpg.h2" onclick="Card.loadHighlightPopup(event)" cx="129" cy="290" r="35"></circle>
<circle xlink:href="../01/sonnenzeiger.html" data-highlight-id="01.astronomischeuhrneu.jpg.h3" onclick="Card.loadHighlightPopup(event)" cx="323" cy="335" r="30"></circle>
<circle xlink:href="../01/mondzeiger.html" data-highlight-id="01.astronomischeuhrneu.jpg.h4" onclick="Card.loadHighlightPopup(event)" cx="214" cy="240" r="30"></circle>
<circle xlink:href="../01/drachenzeiger.html" data-highlight-id="01.astronomischeuhrneu.jpg.h5" onclick="Card.loadHighlightPopup(event)" cx="293" cy="265" r="30"></circle></g>
</svg>
<div class="icon button corner-button bottom-right zoom zoomable-icon" onclick="Card.openZoomable(event)"></div>
</div>
<figcaption contenteditable="false" class="cap">Die Astronomische Uhr</figcaption>
<figcaption contenteditable="false" class="zoomcap">Die Astronomische Uhr im Ziergiebel des Rathauses, Foto: Christoph Jäckle</figcaption>
</figure>
</div></div>
<div class="column content" data-link="Popup" tabindex=""><h2 contenteditable="false">Was zeigt die Uhr an?</h2> <p contenteditable="false" data-link="Popup">Die Astronomische Uhr besteht aus
einer <a href="../01/mondphasen.html" data-highlight-id="01.astronomischeuhrneu.jpg.h1" onclick="Card.loadPopup(event)">Mondphasenanzeige</a> und einem <a href="../01/astronomischeszifferblatt.html" data-highlight-id="" onclick="Card.loadPopup(event)">astronomischen Zifferblatt</a> mit einem <a href="../01/tierkreis.html" data-highlight-id="01.astronomischeuhrneu.jpg.h2" onclick="Card.loadPopup(event)">Tierkreis</a>. Die Uhr besitzt drei Zeiger. Der <a href="../01/sonnenzeiger.html" data-highlight-id="01.astronomischeuhrneu.jpg.h3" onclick="Card.loadPopup(event)">Sonnenzeiger</a> bewegt sich ein „knappes“ Grad pro Tag, da 360 Grad in 365 Tagen durchlaufen werden. Er zeigt das aktuelle Tierkreiszeichen an. Der <a href="../01/mondzeiger.html" data-highlight-id="01.astronomischeuhrneu.jpg.h4" onclick="Card.loadPopup(event)">Mondzeiger</a> zeigt die scheinbare Position des Mondes zur Position der Sonne an. Er benötigt für einen vollen Umlauf 27 Tage, 7 Stunden, 43 Minuten (Siderischer Mondmonat). Da aber in dieser Zeit auch der Sonnenzeiger weitergelaufen ist, benötigt der Mondzeiger noch etwas länger um erneut über das Sonnen- bzw. -Sternsymbol des Sonnenzeigers zu laufen. Daraus resultiert eine Zeitspanne von 29 Tagen, 12 Stunden und 44 Minuten, welche dann dem synodischen Mondmonat von Vollmond zu Vollmond entspricht. Am langsamsten ist der <a href="../01/drachenzeiger.html" data-highlight-id="01.astronomischeuhrneu.jpg.h5" onclick="Card.loadPopup(event)">Drachenzeiger</a>, der in 18 Jahren und 224 Tagen einmal gegen den Uhrzeigersinn läuft. Kommen nun Sonnen-, Mond- und Drachenzeiger zur Deckung, so findet irgendwo auf der Erde eine Mond- oder Sonnenfinsternis statt. Im Durchschnitt wiederholt sich dieses Ereignis etwa viermal im Jahr.</p> <p contenteditable="false" data-link="Popup">Die Uhr war mehr als nur ein raffiniertes technisches Spielzeug: Sie steht auch für einen selbstbewussten Umgang naturwissenschaftlichen Fragen zu einer Zeit in der sich langsam die Astronomie als Wissenschaft von der mythologischen Astrologie trennte.</p></div>
</div>
</article>
</body></html>