{"id":192,"date":"2025-10-08T08:34:08","date_gmt":"2025-10-08T08:34:08","guid":{"rendered":"https:\/\/jay-production.de\/?page_id=192"},"modified":"2025-10-09T07:31:32","modified_gmt":"2025-10-09T07:31:32","slug":"test","status":"publish","type":"page","link":"https:\/\/jay-production.de\/?page_id=192","title":{"rendered":"test"},"content":{"rendered":"    <style>\n        .b45-form { max-width: 650px; margin: 30px auto; padding: 25px; background: #1e1e2f; border-radius: 15px; box-shadow: 0 10px 25px rgba(0,0,0,0.3); color: #fff; font-family: 'Segoe UI', sans-serif; }\n        .b45-form h2 { text-align: center; color: #ff6f61; margin-bottom: 20px; margin-top: 10px; font-size: 34px; }\n        .b45-form h3 { text-align: left; color: #ff6f61; margin-bottom: 5px; font-size: 20px; }\n        .b45-form p { margin-bottom: 15px; }\n        .b45-form input[type=\"text\"], .b45-form textarea { width: 100%; padding: 10px 12px; border-radius: 8px; border: none; margin-top: 5px; font-size: 16px; }\n        .b45-form textarea { resize: vertical; }\n        .b45-form input[type=\"submit\"] { display: block; width: 100%; padding: 12px; background: #ff6f61; border: none; border-radius: 8px; font-size: 18px; color: #fff; cursor: pointer; transition: 0.3s; }\n        .b45-form input[type=\"submit\"]:hover { background: #ff3b2f; }\n        .b45-success { text-align: center; padding: 10px; background: #28a745; border-radius: 8px; margin-bottom: 15px; display: none; }\n    <\/style>\n\n    <form id=\"b45-form\" class=\"b45-form\">\n        <h2>Blind 4 5<\/h2>\n        <p>Thema: <input type=\"text\" name=\"topic\" required><\/p>\n        <p>Beschreibung (1 beste oder 5 beste): <textarea name=\"description\" required><\/textarea><\/p>\n        <p>Dein Name: <input type=\"text\" name=\"name\" required><\/p>\n\n        <h3>5 Ranks<\/h3>\n        <p>1 <input type=\"text\" name=\"item1\" required><\/p>\n        <p>2 <input type=\"text\" name=\"item2\" required><\/p>\n        <p>3 <input type=\"text\" name=\"item3\" required><\/p>\n        <p>4 <input type=\"text\" name=\"item4\" required><\/p>\n        <p>5 <input type=\"text\" name=\"item5\" required><\/p>\n\n        <p><input type=\"submit\" value=\"Speichern\"><\/p>\n        <p class=\"b45-success\"><\/p>\n        <input type=\"hidden\" id=\"nonce\" name=\"nonce\" value=\"4c0217f9f6\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F192\" \/>    <\/form>\n\n    <script>\n    jQuery(document).ready(function($){\n        $('#b45-form').on('submit', function(e){\n            e.preventDefault();\n            var data = $(this).serialize();\n            $.post('https:\/\/jay-production.de\/wp-admin\/admin-ajax.php', data + '&action=b45_save_entry', function(response){\n                if(response.success){\n                    $('.b45-success').text(response.data).fadeIn();\n                    $('#b45-form')[0].reset();\n                } else {\n                    $('.b45-success').text('Fehler beim Speichern.').fadeIn();\n                }\n            });\n        });\n    });\n    <\/script>\n    \n\n\n    <style>\n        .entries-container { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:20px; padding:30px; background:radial-gradient(circle at top left,#101010,#181818); }\n        .entry-card { position:relative; backdrop-filter:blur(10px); background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); border-radius:20px; box-shadow:0 4px 20px rgba(0,0,0,0.3); overflow:hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; }\n        .entry-card:hover { transform:translateY(-5px); box-shadow:0 8px 30px rgba(0,0,0,0.5); }\n        .entry-header { padding:20px; background:linear-gradient(135deg,#007bff,#00c6ff); color:#fff; text-align:center; position:relative; }\n        .entry-header h2 { margin:0; font-size:1.4em; letter-spacing:0.5px; }\n        .entry-header p { margin:5px 0 0; font-size:0.9em; opacity:0.9; }\n        .entry-points { position:absolute; top:20px; right:20px; display:flex; align-items:center; gap:5px; font-weight:bold; font-size:1.1em; }\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        .entry-items { padding:20px; list-style:none; margin:0; color: #e4e4e4ff; }\n        .entry-items li { padding:10px 15px; margin-bottom:8px; background:rgba(255,255,255,0.08); border-radius:10px; transition: background 0.3s ease; }\n        .entry-items li:hover { background:rgba(104, 104, 104, 1); }\n        .entry-description { padding:0 20px 20px; color:#ccc; font-size:0.9em; border-top:1px solid rgba(255,255,255,0.05); }\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        .points-count.flash-up { animation:flashGreen 0.5s ease; }\n        .points-count.flash-down { animation:flashRed 0.5s ease; }\n    <\/style>\n\n    <div class=\"entries-container\">\n                    <div class=\"entry-card\" data-entry-id=\"2\">\n                <div class=\"entry-header\">\n                    <h2>Abfel<\/h2>\n                    <p>von Jacques<\/p>\n                    <div class=\"entry-points\">\n                        <span class=\"vote-btn upvote\">&#9650;<\/span>\n                        <span class=\"points-count\">\n    3<\/span>\n                        <span class=\"vote-btn downvote\">&#9660;<\/span>\n                    <\/div>\n                <\/div>\n                <ul class=\"entry-items\">\n                                            <li>I<\/li>\n                        <li>2<\/li>\n                        <li>3<\/li>\n                        <li>4<\/li>\n                        <li>5<\/li>\n                                    <\/ul>\n                <div class=\"entry-description\">Oben ist oben, unten ist unten <\/div>\n            <\/div>\n                    <div class=\"entry-card\" data-entry-id=\"1\">\n                <div class=\"entry-header\">\n                    <h2>Test<\/h2>\n                    <p>von Kevin<\/p>\n                    <div class=\"entry-points\">\n                        <span class=\"vote-btn upvote\">&#9650;<\/span>\n                        <span class=\"points-count\">\n    2<\/span>\n                        <span class=\"vote-btn downvote\">&#9660;<\/span>\n                    <\/div>\n                <\/div>\n                <ul class=\"entry-items\">\n                                            <li>Item1<\/li>\n                        <li>Item2<\/li>\n                        <li>Item3<\/li>\n                        <li>Item4<\/li>\n                        <li>Item5<\/li>\n                                    <\/ul>\n                <div class=\"entry-description\">Das ist ein Test <\/div>\n            <\/div>\n                    <div class=\"entry-card\" data-entry-id=\"4\">\n                <div class=\"entry-header\">\n                    <h2>Nippel<\/h2>\n                    <p>von Ficken<\/p>\n                    <div class=\"entry-points\">\n                        <span class=\"vote-btn upvote\">&#9650;<\/span>\n                        <span class=\"points-count\">\n    0<\/span>\n                        <span class=\"vote-btn downvote\">&#9660;<\/span>\n                    <\/div>\n                <\/div>\n                <ul class=\"entry-items\">\n                                            <li>apfel<\/li>\n                        <li>stiefel<\/li>\n                        <li>tennis<\/li>\n                        <li>kacka<\/li>\n                        <li>spast<\/li>\n                                    <\/ul>\n                <div class=\"entry-description\">sdfsdf<\/div>\n            <\/div>\n                    <div class=\"entry-card\" data-entry-id=\"3\">\n                <div class=\"entry-header\">\n                    <h2>fghf<\/h2>\n                    <p>von fgh<\/p>\n                    <div class=\"entry-points\">\n                        <span class=\"vote-btn upvote\">&#9650;<\/span>\n                        <span class=\"points-count\">\n    -1<\/span>\n                        <span class=\"vote-btn downvote\">&#9660;<\/span>\n                    <\/div>\n                <\/div>\n                <ul class=\"entry-items\">\n                                            <li>fgh<\/li>\n                        <li>fgh<\/li>\n                        <li>dfg<\/li>\n                        <li>dsf<\/li>\n                        <li>asd<\/li>\n                                    <\/ul>\n                <div class=\"entry-description\">fghfgh<\/div>\n            <\/div>\n            <\/div>\n    <script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const ajaxData = {\n        ajax_url: 'https:\/\/jay-production.de\/wp-admin\/admin-ajax.php',\n        nonce: '39470c7d2e'\n    };\n\n    document.querySelectorAll('.vote-btn').forEach(btn => {\n        btn.addEventListener('click', function() {\n            const card = this.closest('.entry-card');\n            const entryId = card.dataset.entryId;\n            const type = this.classList.contains('upvote') ? 'up' : 'down';\n            const pointsElem = card.querySelector('.points-count');\n\n            if(!entryId) return;\n\n            fetch(ajaxData.ajax_url, {\n                method: 'POST',\n                headers: { 'Content-Type': 'application\/x-www-form-urlencoded' },\n                body: 'action=vote_entry&entry_id=' + entryId + '&type=' + type + '&nonce=' + ajaxData.nonce\n            })\n            .then(response => response.json())\n            .then(data => {\n    if(data.success && data.data && typeof data.data.points !== 'undefined'){\n        pointsElem.textContent = data.data.points; \/\/ Zahl korrekt setzen\n\n        \/\/ Animation\n        if(type === 'up') pointsElem.classList.add('flash-up');\n        else pointsElem.classList.add('flash-down');\n\n        pointsElem.addEventListener('animationend', () => {\n            pointsElem.classList.remove('flash-up','flash-down');\n        }, { once: true });\n    } else {\n        console.error('Voting fehlgeschlagen:', data);\n    }\n})\n            .catch(err => {\n                console.error('AJAX Fehler:', err);\n            });\n        });\n    });\n});\n<\/script>\n\n\n<p>[floating_panels_continuous]<\/p>\n\n\n\n<div style=\"height:284px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<style>\n\n    input[type=\"submit\"] {\n        color:  white;\n        background-color: black;\n        border-color: black;\n    }\n\n<\/style>\n\n    <form method=\"POST\" class=\"mwl-form\" style=\"max-width:400px;\">\n        <label for=\"minecraft_name\">Minecraft-Name:<\/label><br>\n        <input type=\"text\" id=\"minecraft_name\" name=\"minecraft_name\" required><br><br>\n\n        <label for=\"social_link\">Social Media Link:<\/label><br>\n        <input type=\"url\" id=\"social_link\" name=\"social_link\" required><br><br>\n\n        <label for=\"team_name\">Team-Name:<\/label><br>\n        <input type=\"text\" id=\"team_name\" name=\"team_name\" required><br><br>\n\n        <input type=\"submit\" name=\"mwl_submit\" value=\"Eintragen\">\n    <\/form>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","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":"","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-192","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jay-production.de\/index.php?rest_route=\/wp\/v2\/pages\/192","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jay-production.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jay-production.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jay-production.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jay-production.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=192"}],"version-history":[{"count":11,"href":"https:\/\/jay-production.de\/index.php?rest_route=\/wp\/v2\/pages\/192\/revisions"}],"predecessor-version":[{"id":225,"href":"https:\/\/jay-production.de\/index.php?rest_route=\/wp\/v2\/pages\/192\/revisions\/225"}],"wp:attachment":[{"href":"https:\/\/jay-production.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}