You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
38 lines
1.2 KiB
HTML
38 lines
1.2 KiB
HTML
|
|
<section id="moon-watch-section" class="data-section" data-box-title="{{ multilang.watch }}">
|
|
|
|
<div class="watch__date mono" datetime="">
|
|
Today is the <span class="date"></span> and the moon is in:
|
|
</div>
|
|
|
|
<div class="watch__phase">
|
|
<h2 class="phase-name"
|
|
title="The typography of this website varies slightly under the influence of the moon">
|
|
</h2>
|
|
</div>
|
|
|
|
|
|
</section>
|
|
|
|
<!-- <div class="api-info-wrapper mono">
|
|
</div> -->
|
|
|
|
|
|
<!-- <div class="api-info-wrapper mono">
|
|
<div class="illumination">illumination <span></span>%</div>
|
|
<div class="distance"><span></span>km from earth</div>
|
|
<div class="sunset"><span class="sun">☀</span>↓ <span class="sunset-time"></span></div>
|
|
</div> -->
|
|
|
|
<!-- <div id="current-phase-scheme">
|
|
<div class="scheme-sun mono">↓sun↓</div>
|
|
<svg viewBox="-100 -50 200 100">
|
|
<g transform="translate(0 0)">
|
|
<circle class="svg-moon-trajectory" cx="0" cy="0" r="50"/>
|
|
<circle class="svg-moon" cx="0" cy="-50" r="5"/>
|
|
<circle class="svg-earth-trajectory" cx="0" cy="-500" r="500"/>
|
|
<circle class="svg-earth" cx="0" cy="0" r="5"/>
|
|
</g>
|
|
</svg>
|
|
</div> -->
|