{"id":31856,"date":"2025-05-27T13:32:04","date_gmt":"2025-05-27T13:32:04","guid":{"rendered":"https:\/\/anderskisling.dk\/?page_id=31856"},"modified":"2025-05-29T19:22:06","modified_gmt":"2025-05-29T19:22:06","slug":"moon2","status":"publish","type":"page","link":"https:\/\/anderskisling.dk\/index.php\/moon2\/","title":{"rendered":"moon2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"31856\" class=\"elementor elementor-31856\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8c5fe8 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"c8c5fe8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69ce91b elementor-widget elementor-widget-spacer\" data-id=\"69ce91b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d0e406e elementor-widget elementor-widget-heading\" data-id=\"d0e406e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">M\u00e5nens egen rotation<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b6731bd elementor-widget elementor-widget-text-editor\" data-id=\"b6731bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Har du undret dig over, hvorfor m\u00e5nen altid viser den samme side mod Jorden?<br \/>Det er fordi m\u00e5nen roterer rundt om sig selv p\u00e5 pr\u00e6cis samme tid, som den bruger p\u00e5 at bev\u00e6ge sig \u00e9n gang rundt om Jorden. Det kalder man for bunden rotation.<\/p><p>Det betyder, at n\u00e5r m\u00e5nen drejer rundt om Jorden, drejer den ogs\u00e5 rundt om sig selv \u2013 og det passer s\u00e5 godt sammen, at vi altid ser den samme side. Den anden side kaldes bagsiden af m\u00e5nen, og den kan man kun se fra rummet.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-150369d elementor-widget elementor-widget-html\" data-id=\"150369d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html>\n<head>\n    <style>\n        #canvas {\n            width: 1140px;\n            height: 800px;\n            position: relative;\n            background: transparent;\n            user-select: none;\n            -webkit-user-select: none;\n            -moz-user-select: none;\n            -ms-user-select: none;\n        }\n        \n        #earth {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 200px;\n            height: 200px;\n            filter: drop-shadow(0 0 20px #1f70f0);\n            animation: earthRotation 12s linear infinite;\n        }\n        \n        #moonOrbit {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 600px;\n            height: 600px;\n            border: 2px solid #3B3B3BFF;\n            filter: drop-shadow(0 0 10px #5B5B5BFF);\n            border-radius: 50%;\n            animation: moonOrbit 60s linear infinite;\n        }\n        \n        #moon {\n            position: absolute;\n            top: 0;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 60px;\n            height: 60px;\n        }\n        \n        #moonRotationBox {\n            position: absolute;\n            top: 100px;\n            right: 20px;\n            width: 160px;\n            height: 200px;\n            border: 1px solid #3B3B3BFF;\n            border-radius: 10px;\n            background: #00000033;\n            padding: 15px;\n            text-align: center;\n        }\n        \n        #moonRotationLabel {\n            color: #ffffff;\n            font-family: Poppins, sans-serif;\n            font-size: 16px;\n            font-weight: 700;\n            margin-bottom: 10px;\n        }\n        \n        #moonRotationDemo {\n            width: 80px;\n            height: 80px;\n            margin: 0 auto 10px auto;\n            animation: moonRotation 60s linear infinite;\n        }\n        \n        #moonCounter {\n            color: #ffffff;\n            font-family: Poppins, sans-serif;\n            font-size: 14px;\n            font-weight: bold;\n            text-shadow: 1px 1px 2px #000000cc;\n        }\n        \n        @keyframes earthRotation {\n            from { transform: translate(-50%, -50%) rotate(0deg); }\n            to { transform: translate(-50%, -50%) rotate(-360deg); }\n        }\n        \n        @keyframes moonOrbit {\n            from { transform: translate(-50%, -50%) rotate(0deg); }\n            to { transform: translate(-50%, -50%) rotate(-360deg); }\n        }\n        \n        @keyframes moonRotation {\n            from { transform: rotate(0deg); }\n            to { transform: rotate(-360deg); }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div id=\"canvas\">\n        <img decoding=\"async\" id=\"earth\" src=\"http:\/\/anderskisling.dk\/wp-content\/uploads\/2025\/05\/jordb5.png\" alt=\"Jorden\">\n        <div id=\"moonOrbit\">\n            <img decoding=\"async\" id=\"moon\" src=\"http:\/\/anderskisling.dk\/wp-content\/uploads\/2025\/05\/moonb5.png\" alt=\"M\u00e5nen\">\n        <\/div>\n        \n        <!-- Separat rotationskasse -->\n        <div id=\"moonRotationBox\">\n            <div id=\"moonRotationLabel\">M\u00e5nens egen rotation<\/div>\n            <img decoding=\"async\" id=\"moonRotationDemo\" src=\"http:\/\/anderskisling.dk\/wp-content\/uploads\/2025\/05\/moon4.png\" alt=\"M\u00e5nen roterer\">\n            <div id=\"moonCounter\">0,0 dage<\/div>\n        <\/div>\n    <\/div>\n    \n    <script>\n        let startTime = Date.now();\n        const cycleDuration = 60000; \/\/ 60 sekunder i millisekunder\n        const maxDays = 27.3;\n        \n        function updateCounter() {\n            const now = Date.now();\n            const elapsed = (now - startTime) % cycleDuration;\n            const progress = elapsed \/ cycleDuration;\n            const currentDays = progress * maxDays;\n            \n            document.getElementById('moonCounter').textContent = currentDays.toFixed(1) + ' dage';\n            \n            requestAnimationFrame(updateCounter);\n        }\n        \n        updateCounter();\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>M\u00e5nens egen rotation Har du undret dig over, hvorfor m\u00e5nen altid viser den samme side mod Jorden?Det er fordi m\u00e5nen roterer rundt om sig selv p\u00e5 pr\u00e6cis samme tid, som den bruger p\u00e5 at bev\u00e6ge sig \u00e9n gang rundt om Jorden. Det kalder man for bunden rotation. Det betyder, at n\u00e5r m\u00e5nen drejer rundt om Jorden, drejer den ogs\u00e5 rundt om sig selv \u2013 og det passer s\u00e5 godt sammen, at vi altid ser den samme side. Den anden side kaldes bagsiden af m\u00e5nen, og den kan man kun se fra rummet. M\u00e5nens egen rotation 0,0 dage<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-31856","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/anderskisling.dk\/index.php\/wp-json\/wp\/v2\/pages\/31856","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/anderskisling.dk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/anderskisling.dk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/anderskisling.dk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/anderskisling.dk\/index.php\/wp-json\/wp\/v2\/comments?post=31856"}],"version-history":[{"count":117,"href":"https:\/\/anderskisling.dk\/index.php\/wp-json\/wp\/v2\/pages\/31856\/revisions"}],"predecessor-version":[{"id":32504,"href":"https:\/\/anderskisling.dk\/index.php\/wp-json\/wp\/v2\/pages\/31856\/revisions\/32504"}],"wp:attachment":[{"href":"https:\/\/anderskisling.dk\/index.php\/wp-json\/wp\/v2\/media?parent=31856"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}