{"id":54724,"date":"2026-09-29T13:40:15","date_gmt":"2026-09-29T06:40:15","guid":{"rendered":"https:\/\/ykaki.org\/?page_id=54724"},"modified":"2026-09-29T14:01:58","modified_gmt":"2026-09-29T07:01:58","slug":"pohon-harapan","status":"publish","type":"page","link":"https:\/\/ykaki.org\/en\/pohon-harapan\/","title":{"rendered":"Pohon Harapan"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"54724\" class=\"elementor elementor-54724\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fe90739 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fe90739\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3d6a227\" data-id=\"3d6a227\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6cb1121 elementor-widget elementor-widget-html\" data-id=\"6cb1121\" 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<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2canvas\/1.4.1\/html2canvas.min.js\"><\/script>\r\n<style>\r\n    :root {\r\n        --primary-color: #2e7d32;\r\n        --accent-color: #81c784;\r\n        --bg-color: #f4f9f4;\r\n        --card-bg: #ffffff;\r\n    }\r\n    .pohon-wrapper { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: var(--bg-color); padding: 15px; border-radius: 16px; max-width: 600px; margin: 0 auto; color: #333; display: flex; flex-direction: column; align-items: center; box-sizing: border-box; }\r\n    h1 { color: var(--primary-color); margin-bottom: 5px; font-size: 1.8rem; text-align: center; }\r\n    .subtitle { color: #666; font-size: 0.95rem; margin-bottom: 15px; text-align: center; }\r\n    .counter-group { display: flex; gap: 10px; margin-bottom: 20px; flex-wrap: wrap; justify-content: center; }\r\n    .counter-badge { background: linear-gradient(135deg, #43a047, #66bb6a); color: white; padding: 8px 15px; border-radius: 30px; font-weight: bold; font-size: 0.9rem; box-shadow: 0 4px 10px rgba(67, 160, 71, 0.3); }\r\n    \r\n    \/* Area Pohon Full Utuh dengan Background \/pohon.jpeg *\/\r\n    .tree-container { \r\n        position: relative; \r\n        width: 100%; \r\n        height: 480px; \r\n        background: url('\/pohon.jpeg') no-repeat center center; \r\n        background-size: contain; \r\n        background-color: #ffffff; \r\n        border-radius: 16px; \r\n        box-shadow: 0 8px 20px rgba(0,0,0,0.1); \r\n        overflow: hidden; \r\n        border: 3px solid #c8e6c9; \r\n        margin-bottom: 20px; \r\n    }\r\n\r\n    \/* Catatan Harapan (Sangat Kecil & Rapi seperti Daun) *\/\r\n    .wish-node { \r\n        position: absolute; \r\n        padding: 1.5px 3px; \r\n        border-radius: 3px; \r\n        font-size: 5px; \r\n        line-height: 1.1;\r\n        box-shadow: 0 1px 2px rgba(0,0,0,0.15); \r\n        max-width: 45px; \r\n        max-height: 35px; \r\n        overflow: hidden; \r\n        word-break: break-word; \r\n        overflow-wrap: break-word;\r\n        transform: translate(-50%, -50%); \r\n        font-weight: 500;\r\n        z-index: 5;\r\n    }\r\n    .wish-node strong { display: block; font-size: 5px; margin-bottom: 0px; font-weight: bold; }\r\n    \r\n    \/* Warna-Warni Daun Harapan *\/\r\n    .wish-yellow { background: #fff9c4; border-left: 2px solid #fbc02d; color: #5d4037; }\r\n    .wish-pink { background: #fce4ec; border-left: 2px solid #ec407a; color: #880e4f; }\r\n    .wish-blue { background: #e3f2fd; border-left: 2px solid #2196f3; color: #0d47a1; }\r\n    .wish-green { background: #e8f5e9; border-left: 2px solid #4caf50; color: #1b5e20; }\r\n    .wish-orange { background: #fff3e0; border-left: 2px solid #ff9800; color: #e65100; }\r\n\r\n    .form-card { background: var(--card-bg); padding: 20px; border-radius: 16px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); display: flex; flex-direction: column; gap: 12px; width: 100%; box-sizing: border-box; margin-bottom: 20px; }\r\n    .form-card input, .form-card textarea { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 8px; font-size: 0.95rem; box-sizing: border-box; outline: none; }\r\n    .form-card textarea { resize: vertical; height: 80px; }\r\n    .form-card button { background: var(--primary-color); color: white; border: none; padding: 12px; border-radius: 8px; font-weight: bold; font-size: 1rem; cursor: pointer; }\r\n    .comments-section { background: var(--card-bg); padding: 20px; border-radius: 16px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); width: 100%; box-sizing: border-box; }\r\n    .comments-section h3 { margin-top: 0; font-size: 1.1rem; color: var(--primary-color); border-bottom: 2px solid #f1f1f1; padding-bottom: 8px; }\r\n    .comment-list-container { max-height: 250px; overflow-y: auto; display: flex; flex-direction: column; gap: 10px; }\r\n    .comment-item { background: #f9fbf9; padding: 10px 12px; border-radius: 8px; border-left: 3px solid var(--accent-color); font-size: 0.9rem; }\r\n    .comment-item strong { color: var(--primary-color); }\r\n    .comment-item small { color: #888; float: right; font-size: 0.75rem; }\r\n\r\n    \/* Modal Styling *\/\r\n    .modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); justify-content: center; align-items: center; padding: 15px; box-sizing: border-box; }\r\n    .modal-content-wrap { display: flex; flex-direction: column; align-items: center; gap: 15px; width: 100%; max-width: 380px; max-height: 90vh; overflow-y: auto; background: #fff; padding: 20px; border-radius: 16px; box-shadow: 0 10px 25px rgba(0,0,0,0.3); }\r\n    .step-box { width: 100%; display: flex; flex-direction: column; gap: 12px; align-items: center; }\r\n    \r\n    .card-preview { \r\n        width: 100%; \r\n        aspect-ratio: 3\/4; \r\n        background: url('\/giftcard-bg.png') no-repeat center center; \r\n        background-size: cover; \r\n        border-radius: 12px; \r\n        padding: 95px 35px 45px 35px; \r\n        box-shadow: 0 5px 15px rgba(0,0,0,0.2); \r\n        text-align: center; \r\n        display: flex; \r\n        flex-direction: column; \r\n        justify-content: center; \r\n        box-sizing: border-box; \r\n        position: relative;\r\n    }\r\n    .card-text-content {\r\n        width: 100%;\r\n        max-height: 180px;\r\n        overflow-y: hidden;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        gap: 12px;\r\n        box-sizing: border-box;\r\n        padding: 0 15px;\r\n    }\r\n    #cardMessageText {\r\n        font-family: 'Poppins', 'Segoe UI', Arial, sans-serif; \r\n        font-size: 0.95rem; \r\n        font-weight: 500;\r\n        color: #2c2c2c; \r\n        line-height: 1.5; \r\n        margin: 0; \r\n        text-align: center;\r\n        white-space: pre-wrap;\r\n        word-break: break-word;\r\n        overflow-wrap: break-word;\r\n        max-width: 100%;\r\n    }\r\n    #cardNameText {\r\n        font-family: 'Poppins', 'Segoe UI', Arial, sans-serif;\r\n        font-weight: 600;\r\n        color: #1a4d2e;\r\n    }\r\n    \r\n    .twibbon-box { width: 260px; height: 325px; margin: 0 auto; position: relative; border-radius: 8px; overflow: hidden; background: #222; border: 2px solid #ccc; touch-action: none; }\r\n    .twibbon-box img.user-photo { \r\n        position: absolute; \r\n        cursor: grab; \r\n        user-select: none;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        max-width: none;\r\n        max-height: none;\r\n    }\r\n    .twibbon-box img.user-photo:active { cursor: grabbing; }\r\n    .twibbon-box img.frame-overlay { \r\n        width: 100%; \r\n        height: 100%; \r\n        position: absolute; \r\n        top: 0; \r\n        left: 0; \r\n        z-index: 10; \r\n        pointer-events: none; \r\n    }\r\n\r\n    .card-buttons { display: flex; gap: 8px; width: 100%; }\r\n    .card-buttons button { flex: 1; padding: 10px; border: none; border-radius: 8px; font-weight: bold; cursor: pointer; font-size: 0.85rem; }\r\n    .btn-download { background: #2e7d32; color: white; }\r\n    .btn-share { background: #1976d2; color: white; }\r\n    .btn-next { background: #ff8f00; color: white; width: 100%; padding: 10px; border: none; border-radius: 8px; font-weight: bold; cursor: pointer; }\r\n    .btn-back { background: #757575; color: white; width: 100%; padding: 8px; border: none; border-radius: 8px; font-weight: bold; cursor: pointer; font-size: 0.8rem; }\r\n    .btn-close { background: #d32f2f; color: white; width: 100%; padding: 8px; border: none; border-radius: 8px; font-weight: bold; cursor: pointer; font-size: 0.8rem; }\r\n    .slider-container { width: 100%; display: flex; align-items: center; gap: 10px; font-size: 0.8rem; color: #555; margin-top: 5px; }\r\n    .slider-container input { width: 100%; }\r\n<\/style>\r\n\r\n<div class=\"pohon-wrapper\">\r\n    <h1>\ud83c\udf33 Pohon Harapan Bersama<\/h1>\r\n    <div class=\"subtitle\">Gantungkan impianmu dan abadikan dalam kartu ucapan<\/div>\r\n    \r\n    <div class=\"counter-group\">\r\n        <div class=\"counter-badge\">\ud83c\udf31 Total Harapan: <span id=\"totalCounter\">0<\/span><\/div>\r\n        <div class=\"counter-badge\">\ud83d\uddbc\ufe0f Total Twibbon: <span id=\"totalTwibbonCounter\">0<\/span><\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"tree-container\" id=\"treeContainer\"><\/div>\r\n\r\n    <div class=\"form-card\">\r\n        <form id=\"wishForm\">\r\n            <input type=\"text\" id=\"name\" placeholder=\"Nama \/ Inisial Anda\" required>\r\n            <textarea id=\"message\" placeholder=\"Tuliskan pesan harapanmu di sini...\" required><\/textarea>\r\n            <button type=\"submit\">Kirim Harapan & Buat Kartu<\/button>\r\n        <\/form>\r\n    <\/div>\r\n\r\n    <div class=\"comments-section\">\r\n        <h3>\u2728 Daftar Harapan Terbaru<\/h3>\r\n        <div class=\"comment-list-container\" id=\"commentsList\"><\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- Modal Multi-Step -->\r\n<div class=\"modal\" id=\"cardModal\">\r\n    <div class=\"modal-content-wrap\">\r\n        \r\n        <!-- LANGKAH 1: KARTU UCAPAN -->\r\n        <div class=\"step-box\" id=\"step1\">\r\n            <h3 style=\"margin: 0; color: #2e7d32; font-size: 1rem;\">Langkah 1: Kartu Ucapan Anda<\/h3>\r\n            \r\n            <div class=\"card-preview\" id=\"greetingCard\">\r\n                <div class=\"card-text-content\">\r\n                    <p id=\"cardMessageText\">\"Pesan harapan akan tampil di sini...\"<\/p>\r\n                    <div style=\"font-size: 0.85rem; margin-top: 5px;\">\r\n                        - <span id=\"cardNameText\">Nama Pengirim<\/span>-\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"card-buttons\">\r\n                <button class=\"btn-download\" onclick=\"downloadCard()\">\ud83d\udce5 Unduh<\/button>\r\n                <button class=\"btn-share\" onclick=\"shareToSocialMedia()\">\ud83d\udce4 Bagikan<\/button>\r\n            <\/div>\r\n            <button class=\"btn-next\" onclick=\"goToStep2()\">\u2728 Lanjut Buat Twibbon YKAKI \u2794<\/button>\r\n            <button class=\"btn-close\" onclick=\"closeModal()\">Tutup<\/button>\r\n        <\/div>\r\n\r\n        <!-- LANGKAH 2: TWIBBON -->\r\n        <div class=\"step-box\" id=\"step2\" style=\"display: none;\">\r\n            <h3 style=\"margin: 0; color: #e65100; font-size: 1rem;\">Langkah 2: Twibbon 20 Tahun YKAKI<\/h3>\r\n            <p style=\"margin: 0; font-size: 0.75rem; color: #666; text-align: center;\">Geser foto dengan mouse\/jari atau sesuaikan ukuran.<\/p>\r\n            \r\n            <div class=\"twibbon-box\" id=\"twibbonArea\">\r\n                <span id=\"placeholderText\" style=\"position:absolute; top:45%; left:0; right:0; font-size:11px; color:#aaa; text-align:center; z-index:5;\">Belum ada foto<\/span>\r\n                <img id=\"userPhotoPreview\" class=\"user-photo\" style=\"display:none;\" alt=\"Preview\">\r\n                <img decoding=\"async\" src=\"\/twibbon.png\" class=\"frame-overlay\" alt=\"Twibbon Frame\">\r\n            <\/div>\r\n\r\n            <div class=\"slider-container\">\r\n                <span>Zoom:<\/span>\r\n                <input type=\"range\" id=\"zoomSlider\" min=\"0.2\" max=\"3\" step=\"0.05\" value=\"1\" oninput=\"adjustZoom(this.value)\">\r\n            <\/div>\r\n\r\n            <input type=\"file\" id=\"uploadPhotoInput\" accept=\"image\/*\" style=\"display:none;\" onchange=\"handlePhotoUpload(event)\">\r\n            <button class=\"btn-next\" style=\"background:#ff8f00;\" onclick=\"document.getElementById('uploadPhotoInput').click()\">\ud83d\udcc1 Unggah \/ Ganti Foto<\/button>\r\n            <button class=\"btn-download\" id=\"downloadTwibbonBtn\" style=\"display:none; background:#e65100;\" onclick=\"downloadTwibbon()\">\ud83d\udce5 Unduh Twibbon Jadi<\/button>\r\n            \r\n            <button class=\"btn-back\" onclick=\"goToStep1()\">\u2b05 Kembali ke Kartu Ucapan<\/button>\r\n            <button class=\"btn-close\" onclick=\"closeModal()\">Tutup Halaman<\/button>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    const apiUrl = 'https:\/\/ykaki.org\/pohon-api.php';\r\n    let currentUserName = '';\r\n    \r\n    let isDragging = false;\r\n    let startX = 0, startY = 0;\r\n    let translateX = 0, translateY = 0;\r\n    let currentScale = 1;\r\n\r\n    const colorClasses = ['wish-yellow', 'wish-pink', 'wish-blue', 'wish-green', 'wish-orange'];\r\n\r\n    function loadWishes() {\r\n        fetch(apiUrl + '?action=get')\r\n            .then(res => res.json())\r\n            .then(response => {\r\n                document.getElementById('totalCounter').innerText = response.total;\r\n                document.getElementById('totalTwibbonCounter').innerText = response.total_twibbon;\r\n\r\n                const container = document.getElementById('treeContainer');\r\n                const commentsList = document.getElementById('commentsList');\r\n                \r\n                container.innerHTML = ''; \r\n                commentsList.innerHTML = '';\r\n\r\n                response.wishes.forEach((wish, index) => {\r\n                    const randomColorClass = colorClasses[index % colorClasses.length];\r\n\r\n                    const div = document.createElement('div');\r\n                    div.className = `wish-node ${randomColorClass}`;\r\n                    div.style.left = wish.pos_x + '%';\r\n                    div.style.top = wish.pos_y + '%';\r\n                    div.innerHTML = `<strong>${wish.name}<\/strong>${wish.message}`;\r\n                    container.appendChild(div);\r\n\r\n                    const commentItem = document.createElement('div');\r\n                    commentItem.className = 'comment-item';\r\n                    commentItem.innerHTML = `<strong>${wish.name}<\/strong>: ${wish.message} <small>${wish.created_at}<\/small>`;\r\n                    commentsList.appendChild(commentItem);\r\n                });\r\n            });\r\n    }\r\n\r\n    document.getElementById('wishForm').addEventListener('submit', function(e) {\r\n        e.preventDefault();\r\n        const name = document.getElementById('name').value;\r\n        const message = document.getElementById('message').value;\r\n        currentUserName = name;\r\n\r\n        fetch(apiUrl + '?action=post', {\r\n            method: 'POST',\r\n            headers: { 'Content-Type': 'application\/x-www-form-urlencoded' },\r\n            body: `name=${encodeURIComponent(name)}&message=${encodeURIComponent(message)}`\r\n        })\r\n        .then(res => res.json())\r\n        .then(data => {\r\n            if(data.status === 'success') {\r\n                document.getElementById('cardNameText').innerText = name;\r\n                document.getElementById('cardMessageText').innerText = `\"${message}\"`;\r\n                \r\n                goToStep1();\r\n                document.getElementById('userPhotoPreview').style.display = 'none';\r\n                document.getElementById('placeholderText').style.display = 'block';\r\n                document.getElementById('downloadTwibbonBtn').style.display = 'none';\r\n                document.getElementById('uploadPhotoInput').value = '';\r\n\r\n                document.getElementById('cardModal').style.display = 'flex';\r\n                document.getElementById('wishForm').reset();\r\n                loadWishes();\r\n            } else {\r\n                alert(data.message);\r\n            }\r\n        });\r\n    });\r\n\r\n    function goToStep2() {\r\n        document.getElementById('step1').style.display = 'none';\r\n        document.getElementById('step2').style.display = 'flex';\r\n    }\r\n\r\n    function goToStep1() {\r\n        document.getElementById('step2').style.display = 'none';\r\n        document.getElementById('step1').style.display = 'flex';\r\n    }\r\n\r\n    function handlePhotoUpload(event) {\r\n        const file = event.target.files[0];\r\n        if (file) {\r\n            const reader = new FileReader();\r\n            reader.onload = function(e) {\r\n                const photo = document.getElementById('userPhotoPreview');\r\n                photo.src = e.target.result;\r\n                photo.style.display = 'block';\r\n                document.getElementById('placeholderText').style.display = 'none';\r\n                document.getElementById('downloadTwibbonBtn').style.display = 'block';\r\n                \r\n                translateX = 0; \r\n                translateY = 0; \r\n                currentScale = 1;\r\n                document.getElementById('zoomSlider').value = 1;\r\n                updatePhotoTransform();\r\n\r\n                fetch(apiUrl + '?action=twibbon_post', {\r\n                    method: 'POST',\r\n                    headers: { 'Content-Type': 'application\/x-www-form-urlencoded' },\r\n                    body: `name=${encodeURIComponent(currentUserName || 'Partisipan')}`\r\n                })\r\n                .then(res => res.json())\r\n                .then(() => loadWishes());\r\n            }\r\n            reader.readAsDataURL(file);\r\n        }\r\n    }\r\n\r\n    const twibbonBox = document.getElementById('twibbonArea');\r\n    const photo = document.getElementById('userPhotoPreview');\r\n\r\n    function updatePhotoTransform() {\r\n        photo.style.transform = `translate(calc(-50% + ${translateX}px), calc(-50% + ${translateY}px)) scale(${currentScale})`;\r\n    }\r\n\r\n    twibbonBox.addEventListener('mousedown', (e) => {\r\n        isDragging = true;\r\n        startX = e.clientX - translateX;\r\n        startY = e.clientY - translateY;\r\n        e.preventDefault();\r\n    });\r\n\r\n    window.addEventListener('mousemove', (e) => {\r\n        if (!isDragging) return;\r\n        translateX = e.clientX - startX;\r\n        translateY = e.clientY - startY;\r\n        updatePhotoTransform();\r\n    });\r\n\r\n    window.addEventListener('mouseup', () => { isDragging = false; });\r\n\r\n    twibbonBox.addEventListener('touchstart', (e) => {\r\n        isDragging = true;\r\n        startX = e.touches[0].clientX - translateX;\r\n        startY = e.touches[0].clientY - translateY;\r\n    });\r\n\r\n    window.addEventListener('touchmove', (e) => {\r\n        if (!isDragging) return;\r\n        translateX = e.touches[0].clientX - startX;\r\n        translateY = e.touches[0].clientY - startY;\r\n        updatePhotoTransform();\r\n    });\r\n\r\n    window.addEventListener('touchend', () => { isDragging = false; });\r\n\r\n    function adjustZoom(val) {\r\n        currentScale = parseFloat(val);\r\n        updatePhotoTransform();\r\n    }\r\n\r\n    function downloadCard() {\r\n        html2canvas(document.getElementById('greetingCard'), { scale: 2, useCORS: true }).then(canvas => {\r\n            const link = document.createElement('a');\r\n            link.download = 'pesan-harapan-ykaki.png';\r\n            link.href = canvas.toDataURL('image\/png');\r\n            link.click();\r\n        });\r\n    }\r\n\r\n    function downloadTwibbon() {\r\n        html2canvas(twibbonBox, { scale: 3, useCORS: true }).then(canvas => {\r\n            const link = document.createElement('a');\r\n            link.download = 'twibbon-ykaki-20-tahun.png';\r\n            link.href = canvas.toDataURL('image\/png');\r\n            link.click();\r\n        });\r\n    }\r\n\r\n    function shareToSocialMedia() {\r\n        const message = document.getElementById('cardMessageText').innerText;\r\n        const name = document.getElementById('cardNameText').innerText;\r\n        const shareText = `Harapanku di Pohon Harapan YKAKI: ${message} (${name}). Yuk buat harapanmu juga!`;\r\n\r\n        if (navigator.share) {\r\n            navigator.share({ title: 'Pohon Harapan', text: shareText, url: window.location.href });\r\n        } else {\r\n            window.open(`https:\/\/api.whatsapp.com\/send?text=${encodeURIComponent(shareText + ' ' + window.location.href)}`, '_blank');\r\n        }\r\n    }\r\n\r\n    function closeModal() {\r\n        document.getElementById('cardModal').style.display = 'none';\r\n    }\r\n\r\n    loadWishes();\r\n<\/script>\t\t\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<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83c\udf33 Pohon Harapan Bersama Gantungkan impianmu dan abadikan dalam kartu ucapan \ud83c\udf31 Total Harapan: 0 \ud83d\uddbc\ufe0f Total Twibbon: 0 Kirim Harapan &#038; Buat Kartu \u2728 Daftar Harapan Terbaru Langkah 1: Kartu Ucapan Anda &#8220;Pesan harapan akan tampil di sini&#8230;&#8221; &#8211; Nama Pengirim- \ud83d\udce5 Unduh \ud83d\udce4 Bagikan \u2728 Lanjut Buat Twibbon YKAKI \u2794 Tutup Langkah 2: [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","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":"disabled","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-54724","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ykaki.org\/en\/wp-json\/wp\/v2\/pages\/54724","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ykaki.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ykaki.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ykaki.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ykaki.org\/en\/wp-json\/wp\/v2\/comments?post=54724"}],"version-history":[{"count":16,"href":"https:\/\/ykaki.org\/en\/wp-json\/wp\/v2\/pages\/54724\/revisions"}],"predecessor-version":[{"id":54744,"href":"https:\/\/ykaki.org\/en\/wp-json\/wp\/v2\/pages\/54724\/revisions\/54744"}],"wp:attachment":[{"href":"https:\/\/ykaki.org\/en\/wp-json\/wp\/v2\/media?parent=54724"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}