{"id":2,"date":"2025-10-09T12:53:44","date_gmt":"2025-10-09T12:53:44","guid":{"rendered":"https:\/\/jaypre.de\/?page_id=2"},"modified":"2025-10-10T11:06:14","modified_gmt":"2025-10-10T11:06:14","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/jaypre.de\/","title":{"rendered":"Startseite"},"content":{"rendered":"\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"twitch-live-wrapper\"><div class=\"twitch-live-header\">LIVE jetzt auf Twitch!<\/div><div class=\"twitch-live-embed\"><iframe loading=\"lazy\"\n            src=\"https:\/\/player.twitch.tv\/?channel=J4YPRE&parent=jaypre.de\"\n            height=\"480\"\n            width=\"100%\"\n            frameborder=\"0\"\n            allowfullscreen=\"true\"\n            scrolling=\"no\">\n        <\/iframe><\/div><\/div><style>\n            .twitch-live-wrapper {\n                max-width: 960px;\n                margin: 20px auto;\n                border-radius: 20px;\n                overflow: hidden;\n                background: radial-gradient(circle at top left,#101010,#181818);\n                box-shadow: 0 6px 24px rgba(0,0,0,0.5);\n                transition: transform 0.3s ease, box-shadow 0.3s ease;\n            }\n            .twitch-live-wrapper:hover {\n                transform: translateY(-5px);\n                box-shadow: 0 12px 32px rgba(0,0,0,0.7);\n            }\n            .twitch-live-header {\n                background: linear-gradient(135deg,#9147ff,#772ce8);\n                color: #fff;\n                text-align: center;\n                padding: 14px;\n                font-weight: 600;\n                font-size: 1.1rem;\n                letter-spacing: 0.5px;\n                text-transform: uppercase;\n            }\n            .twitch-live-embed iframe {\n                display: block;\n                width: 100%;\n                height: 480px;\n                border: none;\n            }\n        <\/style>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">    <div id=\"ajax-event-calendar\" style=\"min-height:300px; display:flex; justify-content:center; align-items:center; color:#ccc;\">\n        <div class=\"loading-spinner\" style=\"text-align:center;\">\n            <div class=\"spinner\" style=\"width:40px; height:40px; border:4px solid rgba(255,255,255,0.2); border-top:4px solid #9147ff; border-radius:50%; margin:auto; animation:spin 1s linear infinite;\"><\/div>\n            <p style=\"margin-top:10px;\">Kalender wird geladen...<\/p>\n        <\/div>\n    <\/div>\n\n    <script>\n    (function($){\n        function initCalendar(){\n            function loadCalendar(month, year){\n                $('#ajax-event-calendar').html('<div class=\"loading-spinner\" style=\"text-align:center;\"><div class=\"spinner\" style=\"width:40px; height:40px; border:4px solid rgba(255,255,255,0.2); border-top:4px solid #9147ff; border-radius:50%; margin:auto; animation:spin 1s linear infinite;\"><\/div><p style=\"margin-top:10px;\">Kalender wird geladen...<\/p><\/div>');\n                \n                $.ajax({\n                    url: 'https:\/\/jaypre.de\/wp-admin\/admin-ajax.php',\n                    type: 'POST',\n                    data: {\n                        action: 'load_event_calendar',\n                        month: month,\n                        year: year\n                    },\n                    success: function(res){\n                        $('#ajax-event-calendar').hide().html(res).fadeIn(200);\n                    },\n                    error: function(){\n                        $('#ajax-event-calendar').html('<p style=\"color:red;\">Fehler beim Laden des Kalenders.<\/p>');\n                    }\n                });\n            }\n\n            \/\/ Aktuellen Monat & Jahr bestimmen\n            const now = new Date();\n            loadCalendar(now.getMonth() + 1, now.getFullYear());\n\n            \/\/ Navigation binden (Delegation)\n            $(document).on('click','.nav-btn', function(e){\n                e.preventDefault();\n                loadCalendar($(this).data('month'), $(this).data('year'));\n            });\n        }\n\n        \/\/ F\u00fcr Astra oder verz\u00f6gertes Rendering\n        $(document).ready(initCalendar);\n        $(document).on('astra-after-content', initCalendar);\n\n        \/\/ Spinner-Animation (CSS-in-JS)\n        $('<style>@keyframes spin {0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}<\/style>').appendTo('head');\n    })(jQuery);\n    <\/script>\n    \n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">    <div class=\"twitch-clips-wrapper\">\n                    <div class=\"twitch-clip\" data-clip-id=\"ColdGoldenPheasantHoneyBadger-8NQQ1UakdX75-F-4\">\n                <div class=\"clip-title\">ECHTE MUSKELMASSE!<\/div>\n                <div class=\"entry-points\">\n                    <span class=\"vote-btn upvote\">&#9650;<\/span>\n                    <span class=\"points-count\">0<\/span>\n                    <span class=\"vote-btn downvote\">&#9660;<\/span>\n                <\/div>\n                <div class=\"clip-iframe\">\n                    <iframe src=\"https:\/\/clips.twitch.tv\/embed?clip=ColdGoldenPheasantHoneyBadger-8NQQ1UakdX75-F-4&parent=jaypre.de\" frameborder=\"0\" allowfullscreen><\/iframe>\n                <\/div>\n            <\/div>\n                    <div class=\"twitch-clip\" data-clip-id=\"DeafFreezingPlumberKAPOW-_FNenbUcDfjDB38M\">\n                <div class=\"clip-title\">PEAK gameplay!<\/div>\n                <div class=\"entry-points\">\n                    <span class=\"vote-btn upvote\">&#9650;<\/span>\n                    <span class=\"points-count\">0<\/span>\n                    <span class=\"vote-btn downvote\">&#9660;<\/span>\n                <\/div>\n                <div class=\"clip-iframe\">\n                    <iframe src=\"https:\/\/clips.twitch.tv\/embed?clip=DeafFreezingPlumberKAPOW-_FNenbUcDfjDB38M&parent=jaypre.de\" frameborder=\"0\" allowfullscreen><\/iframe>\n                <\/div>\n            <\/div>\n                    <div class=\"twitch-clip\" data-clip-id=\"SingleHotGoblinDansGame-S8-Y7M3sBWxaIthH\">\n                <div class=\"clip-title\">Usain Bolt der Handballer!<\/div>\n                <div class=\"entry-points\">\n                    <span class=\"vote-btn upvote\">&#9650;<\/span>\n                    <span class=\"points-count\">0<\/span>\n                    <span class=\"vote-btn downvote\">&#9660;<\/span>\n                <\/div>\n                <div class=\"clip-iframe\">\n                    <iframe src=\"https:\/\/clips.twitch.tv\/embed?clip=SingleHotGoblinDansGame-S8-Y7M3sBWxaIthH&parent=jaypre.de\" frameborder=\"0\" allowfullscreen><\/iframe>\n                <\/div>\n            <\/div>\n                    <div class=\"twitch-clip\" data-clip-id=\"AuspiciousSparklingLemurVoteYea-LIZwnzYqv11hlBZ7\">\n                <div class=\"clip-title\">Gesella<\/div>\n                <div class=\"entry-points\">\n                    <span class=\"vote-btn upvote\">&#9650;<\/span>\n                    <span class=\"points-count\">0<\/span>\n                    <span class=\"vote-btn downvote\">&#9660;<\/span>\n                <\/div>\n                <div class=\"clip-iframe\">\n                    <iframe src=\"https:\/\/clips.twitch.tv\/embed?clip=AuspiciousSparklingLemurVoteYea-LIZwnzYqv11hlBZ7&parent=jaypre.de\" frameborder=\"0\" allowfullscreen><\/iframe>\n                <\/div>\n            <\/div>\n                    <div class=\"twitch-clip\" data-clip-id=\"BelovedHumbleHerbsSmoocherZ-0dwedEvj70NZq9Lv\">\n                <div class=\"clip-title\">Jays Meinung \u00fcber Alex<\/div>\n                <div class=\"entry-points\">\n                    <span class=\"vote-btn upvote\">&#9650;<\/span>\n                    <span class=\"points-count\">0<\/span>\n                    <span class=\"vote-btn downvote\">&#9660;<\/span>\n                <\/div>\n                <div class=\"clip-iframe\">\n                    <iframe src=\"https:\/\/clips.twitch.tv\/embed?clip=BelovedHumbleHerbsSmoocherZ-0dwedEvj70NZq9Lv&parent=jaypre.de\" frameborder=\"0\" allowfullscreen><\/iframe>\n                <\/div>\n            <\/div>\n                    <div class=\"twitch-clip\" data-clip-id=\"CheerfulTemperedNeanderthalKappaClaus-leqbncIWkNsfhqar\">\n                <div class=\"clip-title\">Arschgesichtiger W**hser<\/div>\n                <div class=\"entry-points\">\n                    <span class=\"vote-btn upvote\">&#9650;<\/span>\n                    <span class=\"points-count\">0<\/span>\n                    <span class=\"vote-btn downvote\">&#9660;<\/span>\n                <\/div>\n                <div class=\"clip-iframe\">\n                    <iframe src=\"https:\/\/clips.twitch.tv\/embed?clip=CheerfulTemperedNeanderthalKappaClaus-leqbncIWkNsfhqar&parent=jaypre.de\" frameborder=\"0\" allowfullscreen><\/iframe>\n                <\/div>\n            <\/div>\n            <\/div>\n\n    <style>\n    .twitch-clips-wrapper {\n        display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:24px; justify-content:center;\n    }\n    .twitch-clip {\n        background:#18181b; color:#fff; border-radius:10px; overflow:hidden;\n        box-shadow:0 4px 14px rgba(0,0,0,0.4); transition: transform 0.25s ease, box-shadow 0.25s ease;\n        padding-bottom:12px;\n    }\n    .twitch-clip:hover { transform:translateY(-6px); box-shadow:0 10px 22px rgba(0,0,0,0.6);}\n    .clip-title { padding:12px; background:linear-gradient(90deg,#9147ff,#772ce8); font-weight:600; text-align:center; font-size:0.95rem; }\n    .clip-iframe { position:relative; padding-bottom:56.25%; height:0; }\n    .clip-iframe iframe { position:absolute; width:100%; height:100%; top:0; left:0; border:none;}\n    .entry-points { display:flex; justify-content:center; align-items:center; gap:5px; font-weight:bold; font-size:1.1em; margin:10px 0;}\n    .vote-btn { cursor:pointer; font-size:1.3em; transition:color 0.2s; user-select:none; }\n    .vote-btn.upvote:hover { color:#0f0; }\n    .vote-btn.downvote:hover { color:#f00; }\n    .points-count.flash-up { animation:flashGreen 0.5s ease; }\n    .points-count.flash-down { animation:flashRed 0.5s ease; }\n    @keyframes flashGreen {0%{color:#0f0;transform:scale(1.2);}50%{color:#0f0;transform:scale(1.4);}100%{color:#fff;transform:scale(1);}}\n    @keyframes flashRed {0%{color:#f00;transform:scale(1.2);}50%{color:#f00;transform:scale(1.4);}100%{color:#fff;transform:scale(1);}}\n    <\/style>\n\n    <script>\n    document.addEventListener('DOMContentLoaded',function(){\n        const ajaxData = {ajax_url:'https:\/\/jaypre.de\/wp-admin\/admin-ajax.php', nonce:'9e744bf98c'};\n        document.querySelectorAll('.vote-btn').forEach(btn=>{\n            btn.addEventListener('click', function(){\n                const card=this.closest('.twitch-clip');\n                const clipId=card.dataset.clipId;\n                const type=this.classList.contains('upvote')?'up':'down';\n                const pointsElem=card.querySelector('.points-count');\n                if(!clipId) return;\n                fetch(ajaxData.ajax_url,{\n                    method:'POST',\n                    headers:{'Content-Type':'application\/x-www-form-urlencoded'},\n                    body:'action=vote_clip&clip_id='+clipId+'&type='+type+'&nonce='+ajaxData.nonce\n                }).then(r=>r.json()).then(data=>{\n                    if(data.success && data.data && typeof data.data.points!=='undefined'){\n                        pointsElem.textContent=data.data.points;\n                        if(type==='up') pointsElem.classList.add('flash-up'); else pointsElem.classList.add('flash-down');\n                        pointsElem.addEventListener('animationend',()=>{pointsElem.classList.remove('flash-up','flash-down');},{once:true});\n                    }\n                }).catch(err=>console.error('AJAX Fehler:',err));\n            });\n        });\n    });\n    <\/script>\n    \n<\/div>\n<\/div>\n\n\n\n<div style=\"height:126px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><\/figure><div class=\"wp-block-media-text__content\">\n<p>Aktueller Uploadplan<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading alignwide has-text-align-left\">Vergangene Events<\/h2>\n\n\n\n<div style=\"height:68px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<ul class=\"wp-block-latest-posts__list has-dates alignleft wp-block-latest-posts\"><\/ul>\n\n\n<p><\/p>\n\n\n    <div id=\"twitch-now\" style=\"min-height:200px; display:flex; justify-content:center; align-items:center; color:#ccc;\">\n        <div class=\"loading-spinner\" style=\"text-align:center;\">\n            <div class=\"spinner\" style=\"width:40px; height:40px; border:4px solid rgba(255,255,255,0.2); border-top:4px solid #9147ff; border-radius:50%; margin:auto; animation:spin 1s linear infinite;\"><\/div>\n            <p style=\"margin-top:10px;\">Pr\u00fcfe Streamstatus...<\/p>\n        <\/div>\n    <\/div>\n\n    <script>\n    (function($){\n        function loadNowPlaying(){\n            $.ajax({\n                url: 'https:\/\/jaypre.de\/wp-admin\/admin-ajax.php',\n                type: 'POST',\n                data: { action: 'load_twitch_now' },\n                success: function(res){\n                    $('#twitch-now').hide().html(res).fadeIn(200);\n                },\n                error: function(){\n                    $('#twitch-now').html('<p style=\"color:red;\">Fehler beim Laden.<\/p>');\n                }\n            });\n        }\n\n        $(document).ready(loadNowPlaying);\n        $(document).on('astra-after-content', loadNowPlaying);\n        $('<style>@keyframes spin {0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}<\/style>').appendTo('head');\n    })(jQuery);\n    <\/script>\n    \n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aktueller Uploadplan Vergangene Events<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jaypre.de\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jaypre.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jaypre.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jaypre.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jaypre.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":22,"href":"https:\/\/jaypre.de\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":49,"href":"https:\/\/jaypre.de\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/49"}],"wp:attachment":[{"href":"https:\/\/jaypre.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}