{"id":5630,"date":"2021-12-01T12:59:44","date_gmt":"2021-12-01T11:59:44","guid":{"rendered":"https:\/\/lerndinge.at\/wp\/?page_id=5630"},"modified":"2025-12-12T01:12:37","modified_gmt":"2025-12-12T00:12:37","slug":"adventkalender","status":"publish","type":"page","link":"https:\/\/lerndinge.at\/wp\/adventkalender\/","title":{"rendered":"Adventkalender"},"content":{"rendered":"
<\/a><\/div>\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n\n\n\nAdventkalender<\/title>\n<style>\n body {\n font-family: 'Open Sans', sans-serif;\n background-color: #F7CECD;\n color: #333;\n margin: 0;\n padding: 20px;\n overflow: hidden;\n }\n h1 {\n text-align: center;\n color: #b22222;\n margin-bottom: 20px;\n }\n .calendar {\n display: grid;\n grid-template-columns: repeat(6, 1fr);\n gap: 10px;\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n .door {\n background-color: #fff;\n color: #333;\n border: 5px solid #8b0000;\n border-radius: 8px;\n text-align: center;\n font-size: 1.5em;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n aspect-ratio: 1 \/ 1;\n transition: transform 0.3s;\n }\n .door.locked {\n background-color: #eee;\n color: #aaa;\n cursor: not-allowed;\n }\n .door:hover:not(.locked) {\n transform: scale(1.05);\n background-color: #f8e8e8;\n }\n .modal {\n display: none;\n position: fixed;\n top: 0; left: 0;\n width: 100%; height: 100%;\n background: rgba(0,0,0,0.6);\n justify-content: center;\n align-items: center;\n z-index: 3;\n }\n .modal-content {\n background: #fff;\n padding: 20px;\n border-radius: 8px;\n max-width: 420px;\n text-align: center;\n position: relative;\n }\n .modal-content h2 {\n margin-bottom: 15px;\n color: #b22222;\n }\n .modal-content a {\n display: inline-block;\n margin-top: 10px;\n padding: 10px 15px;\n background: #b22222;\n color: #fff;\n text-decoration: none;\n border-radius: 5px;\n }\n .close {\n position: absolute;\n top: 10px; right: 20px;\n font-size: 1.5em;\n color: #000;\n cursor: pointer;\n }\n .snowflake {\n position: fixed; top: -10px; color: #fff; animation: fall linear infinite; z-index: 1; opacity: 0.9; pointer-events:none;\n }\n @keyframes fall { 0% { transform: translateY(0) translateX(0); } 100% { transform: translateY(100vh) translateX(40px); } }\n<\/style>\n<\/head>\n<body>\n<h1>Adventkalender<\/h1>\n<div class=\"calendar\" id=\"calendar\">\n<div class='door' data-number='7'>7<\/div><div class='door' data-number='1'>1<\/div><div class='door' data-number='12'>12<\/div><div class='door' data-number='5'>5<\/div><div class='door' data-number='18'>18<\/div><div class='door' data-number='3'>3<\/div><div class='door' data-number='21'>21<\/div><div class='door' data-number='9'>9<\/div><div class='door' data-number='14'>14<\/div><div class='door' data-number='2'>2<\/div><div class='door' data-number='24'>24<\/div><div class='door' data-number='6'>6<\/div><div class='door' data-number='11'>11<\/div><div class='door' data-number='16'>16<\/div><div class='door' data-number='8'>8<\/div><div class='door' data-number='19'>19<\/div><div class='door' data-number='4'>4<\/div><div class='door' data-number='22'>22<\/div><div class='door' data-number='10'>10<\/div><div class='door' data-number='15'>15<\/div><div class='door' data-number='13'>13<\/div><div class='door' data-number='23'>23<\/div><div class='door' data-number='20'>20<\/div><div class='door' data-number='17'>17<\/div>\n<\/div>\n\n<div class=\"modal\" id=\"modal\">\n <div class=\"modal-content\">\n <span class=\"close\" id=\"closeBtn\">×<\/span>\n <h2 id=\"modalTitle\"><\/h2>\n <a href=\"#\" target=\"_blank\" id=\"modalLink\">Zum Inhalt<\/a>\n <\/div>\n<\/div>\n\n<script>\nconst doorsData = [{'title': 'Gyro Fidget', 'link': 'https:\/\/makerworld.com\/de\/models\/2011731-6-ring-gyro-fidget-on-axis#profileId-2167297'}, {'title': 'Blank Man 3.0', 'link': 'https:\/\/makerworld.com\/de\/models\/1996550-blank-man-3-0-magnetic-upgrade#profileId-2149249'}, {'title': 'Weihnachtstierdeko', 'link': 'https:\/\/makerworld.com\/de\/models\/424227-christmas-animal-decoration?from=search#profileId-599135'}, {'title': 'Nerv\u00f6ser Baum', 'link': 'https:\/\/cults3d.com\/de\/modell-3d\/verschiedene\/jumpy-tree'}, {'title': 'Fidget Schl\u00fcsselanh\u00e4nger', 'link': 'https:\/\/makerworld.com\/de\/models\/571459-keychain-hexagon-fidget#profileId-491486'}, {'title': 'Eisb\u00e4r mit Weihnachtsm\u00fctze', 'link': 'https:\/\/makerworld.com\/de\/models\/2057425-polar-bear-with-santa-hat-articulated-keychain#profileId-2220994'}, {'title': 'B\u00fccherwurm', 'link': 'https:\/\/www.thingiverse.com\/thing:7225929'}, {'title': 'Spirograph', 'link': 'https:\/\/makerworld.com\/de\/models\/134418-spirograph?from=search#profileId-956466'}, {'title': 'Schneeflocke', 'link': 'https:\/\/makerworld.com\/de\/models\/77162-3d-snowflake-ornament#profileId-81536'}, {'title': 'Springende Giraffe', 'link': 'https:\/\/makerworld.com\/de\/models\/946884-springy-cute-giraffe?from=search#profileId-913854'}, {'title': 'Optische T\u00e4uschung', 'link': 'https:\/\/makerworld.com\/de\/models\/1586018-double-optical-illusion-fidget-toy?from=search#profileId-1669785'}, {'title': 'Unm\u00f6gliche Pyramide', 'link': 'https:\/\/makerworld.com\/de\/models\/1280703-impossible-passthrought-pyramide?from=search#profileId-1308509'}, {'title': 'Sphericon', 'link': 'https:\/\/makerworld.com\/de\/models\/1374775-the-rolling-riddle-the-hex-sphericon-illusion?from=search#profileId-1422163'}, {'title': 'Kleine Hand', 'link': 'https:\/\/makerworld.com\/de\/models\/1381338-little-hand-magic-trick?from=search#profileId-1429816'}, {'title': 'Magischer Pfeil', 'link': 'https:\/\/makerworld.com\/de\/models\/808968-magic-arrow?from=search#profileId-749903'}, {'title': 'Optische T\u00e4uschung - Animation', 'link': 'https:\/\/makerworld.com\/de\/models\/497515-animated-optical-illusion-scanimations?from=search#profileId-411946'}, {'title': 'Morse Code', 'link': 'https:\/\/makerworld.com\/de\/models\/186023-wallet-card-morse-code?from=search#profileId-204748'}, {'title': 'Origamipresse', 'link': 'https:\/\/www.thingiverse.com\/thing:3779114'}, {'title': 'Nautilus Gears', 'link': 'https:\/\/www.thingiverse.com\/thing:27233'}, {'title': 'Fidget Ringe', 'link': 'https:\/\/makerworld.com\/de\/models\/714615-gyro-fidget-rings?from=search#profileId-645235'}, {'title': 'Weihnachtsbaum', 'link': 'https:\/\/www.thingiverse.com\/thing:7202641'}, {'title': 'Gyro Schl\u00fcsselanh\u00e4nger', 'link': 'https:\/\/makerworld.com\/de\/models\/856977-gyroscopic-keychain-spinners?from=search#profileId-806424'}, {'title': 'Articulated Lizard', 'link': 'https:\/\/www.thingiverse.com\/thing:3505006'}, {'title': 'Weihnachtspuzzle', 'link': 'https:\/\/makerworld.com\/de\/models\/1884855-christmas-maze-puzzle-gift?from=search#profileId-2018631'}];\nconst today = new Date().getDate();\n\n\/\/ Markiere gesperrte T\u00fcren je nach Datum\nfor (const doorEl of document.querySelectorAll('.door')) {\n const number = parseInt(doorEl.getAttribute('data-number'));\n if (number > today) doorEl.classList.add('locked');\n doorEl.addEventListener('click', () => {\n if (doorEl.classList.contains('locked')) return;\n const data = doorsData[number - 1];\n document.getElementById('modalTitle').textContent = data.title;\n const linkEl = document.getElementById('modalLink');\n linkEl.href = data.link;\n linkEl.setAttribute('aria-label', '\u00d6ffne Link f\u00fcr T\u00fcrchen ' + number + ': ' + data.title);\n document.getElementById('modal').style.display = 'flex';\n });\n}\n\n\/\/ Modal schlie\u00dfen\nconst closeBtn = document.getElementById('closeBtn');\ncloseBtn.addEventListener('click', () => document.getElementById('modal').style.display = 'none');\nwindow.addEventListener('click', (e) => { if (e.target === document.getElementById('modal')) document.getElementById('modal').style.display = 'none'; });\n\n\/\/ Schneeflocken erzeugen\n(function createSnowflakes() {\n const count = 36;\n for (let i = 0; i < count; i++) {\n const s = document.createElement('div');\n s.className = 'snowflake';\n s.textContent = '\u2744';\n s.style.left = Math.random() * window.innerWidth + 'px';\n s.style.animationDuration = (Math.random() * 6 + 6) + 's';\n s.style.fontSize = (Math.random() * 26 + 10) + 'px';\n s.style.opacity = (Math.random() * 0.5 + 0.5).toFixed(2);\n document.body.appendChild(s);\n }\n})();\n<\/script>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<ul class=\"wpuf_customs\"><\/ul>","protected":false},"excerpt":{"rendered":"<p>Adventkalender Adventkalender 711251832191422461116819422101513232017 × Zum Inhalt<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5630","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lerndinge.at\/wp\/wp-json\/wp\/v2\/pages\/5630","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lerndinge.at\/wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lerndinge.at\/wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lerndinge.at\/wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lerndinge.at\/wp\/wp-json\/wp\/v2\/comments?post=5630"}],"version-history":[{"count":31,"href":"https:\/\/lerndinge.at\/wp\/wp-json\/wp\/v2\/pages\/5630\/revisions"}],"predecessor-version":[{"id":6944,"href":"https:\/\/lerndinge.at\/wp\/wp-json\/wp\/v2\/pages\/5630\/revisions\/6944"}],"wp:attachment":[{"href":"https:\/\/lerndinge.at\/wp\/wp-json\/wp\/v2\/media?parent=5630"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}