{"id":21,"date":"2026-08-17T10:36:21","date_gmt":"2026-08-17T10:36:21","guid":{"rendered":"https:\/\/lab.rwb.my.id\/story\/?page_id=21"},"modified":"2026-08-23T07:11:11","modified_gmt":"2026-08-23T07:11:11","slug":"kontak","status":"publish","type":"page","link":"https:\/\/lab.rwb.my.id\/story\/kontak\/","title":{"rendered":"Kontak"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21\" class=\"elementor elementor-21\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0dc3d7c e-con-full e-flex e-con e-parent\" data-id=\"0dc3d7c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17903d5 elementor-widget elementor-widget-shortcode\" data-id=\"17903d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Bangers&family=Nunito:wght@400;600;700;800;900&display=swap');\r\n\r\n  .kt-contact-hero {\r\n    font-family: 'Nunito', sans-serif;\r\n    position: relative;\r\n    padding: 120px 20px 100px;\r\n    background: #FFF8E1;\r\n    overflow: hidden;\r\n    border-bottom: 6px solid #1A1A1A;\r\n  }\r\n\r\n  .kt-contact-halftone {\r\n    position: absolute; inset: 0;\r\n    background-image: radial-gradient(circle, #1A1A1A 1.5px, transparent 1.5px);\r\n    background-size: 18px 18px;\r\n    opacity: 0.05;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n  }\r\n\r\n  \/* Animasi *\/\r\n  @keyframes ktContactFloat { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-15px) rotate(5deg); } }\r\n  @keyframes ktContactShake { 0%, 100% { transform: rotate(-3deg); } 50% { transform: rotate(3deg); } }\r\n  .kt-anim-contact-float { animation: ktContactFloat 3s ease-in-out infinite; }\r\n  .kt-anim-contact-shake { animation: ktContactShake 2s ease-in-out infinite; }\r\n\r\n  \/* === INTERSECTION OBSERVER === *\/\r\n  .kt-contact-fade1, .kt-contact-fade2, .kt-contact-fade3, .kt-contact-pop {\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n    transition: opacity 0.8s cubic-bezier(0.18, 0.89, 0.32, 1.28), transform 0.8s cubic-bezier(0.18, 0.89, 0.32, 1.28);\r\n  }\r\n  .kt-contact-pop { transform: scale(0.5) translateY(40px); }\r\n  .kt-contact-fade2 { transition-delay: 0.15s; }\r\n  .kt-contact-fade3 { transition-delay: 0.3s; }\r\n  .kt-contact-pop { transition-delay: 0.2s; }\r\n\r\n  .kt-contact-hero.is-active .kt-contact-fade1,\r\n  .kt-contact-hero.is-active .kt-contact-fade2,\r\n  .kt-contact-hero.is-active .kt-contact-fade3 { opacity: 1; transform: translateY(0); }\r\n  .kt-contact-hero.is-active .kt-contact-pop { opacity: 1; transform: scale(1) translateY(0); }\r\n\r\n  \/* === LAYOUT === *\/\r\n  .kt-contact-inner {\r\n    max-width: 1100px; margin: 0 auto;\r\n    display: grid; grid-template-columns: 1fr 1fr;\r\n    gap: 50px; align-items: center; position: relative; z-index: 2;\r\n  }\r\n\r\n  .kt-contact-text { position: relative; text-align: left; }\r\n  .kt-contact-sfx {\r\n    font-family: 'Bangers', cursive; font-size: clamp(24px, 4vw, 32px);\r\n    color: white; background: #EF4444;\r\n    padding: 5px 20px; border: 3px solid #1A1A1A;\r\n    border-radius: 15px 255px 15px 225px \/ 225px 15px 255px 15px;\r\n    box-shadow: 4px 4px 0 #1A1A1A; transform: rotate(-3deg);\r\n    display: inline-block; margin-bottom: 16px;\r\n  }\r\n  .kt-contact-sfx.closed { background: #A8A29E; }\r\n\r\n  .kt-contact-title {\r\n    font-family: 'Bangers', cursive; font-size: clamp(30px, 5vw, 48px);\r\n    color: #1A1A1A; letter-spacing: 0.03em; line-height: 1.1; margin-bottom: 16px;\r\n  }\r\n  .kt-contact-title em { font-style: normal; color: #EF4444; -webkit-text-stroke: 1.5px #1A1A1A; paint-order: stroke fill; }\r\n  \r\n  .kt-contact-desc {\r\n    font-size: 15px; font-weight: 600; color: #57534E; line-height: 1.7; margin-bottom: 30px; max-width: 450px;\r\n    background: white; padding: 20px; border-radius: 20px; border: 2.5px solid #1A1A1A; box-shadow: 4px 4px 0 #1A1A1A;\r\n  }\r\n\r\n  \/* Tombol *\/\r\n  .kt-contact-btn {\r\n    display: inline-flex; align-items: center; gap: 8px; padding: 14px 28px; font-size: 16px;\r\n    font-weight: 800; font-family: 'Nunito', sans-serif; border: 3px solid #1A1A1A; box-shadow: 4px 4px 0 #1A1A1A;\r\n    text-decoration: none; text-transform: uppercase; letter-spacing: 0.05em; cursor: pointer; transition: all 0.15s ease;\r\n    border-radius: 15px 255px 15px 225px \/ 225px 15px 255px 15px;\r\n  }\r\n  .kt-btn-open { color: white; background: #EF4444; }\r\n  .kt-btn-closed { color: #1A1A1A; background: #FBBF24; }\r\n  .kt-contact-btn:hover { transform: translateY(-3px); box-shadow: 6px 6px 0 #1A1A1A; }\r\n\r\n  \/* KANAN: VISUAL *\/\r\n  .kt-contact-visual { position: relative; display: flex; justify-content: center; align-items: center; min-height: 300px; }\r\n  \r\n  .kt-envelope {\r\n    position: relative; width: 300px; height: 200px; background: white; border: 4px solid #1A1A1A;\r\n    border-radius: 12px; box-shadow: 10px 10px 0 #FBBF24; z-index: 2;\r\n  }\r\n  .kt-envelope-flap {\r\n    position: absolute; top: 0; left: 0; width: 100%; height: 50%;\r\n    background: #FFFFFF; border-bottom: 4px solid #1A1A1A; \r\n    clip-path: polygon(0 0, 100% 0, 50% 100%);\r\n  }\r\n  .kt-envelope-letter {\r\n    position: absolute; top: 20px; left: 50%; transform: translateX(-50%);\r\n    width: 80%; height: 60%; background: white; border: 2px solid #1A1A1A; border-radius: 8px;\r\n    display: flex; align-items: center; justify-content: center; font-size: 80px; z-index: 3;\r\n  }\r\n\r\n  .kt-closed-stamp {\r\n    position: absolute; top: -30px; right: -20px; z-index: 10;\r\n    font-family: 'Bangers', cursive; font-size: 32px; color: #EF4444;\r\n    border: 4px solid #EF4444; padding: 5px 20px; border-radius: 8px;\r\n    transform: rotate(15deg); background: white;\r\n    text-shadow: 1px 1px 0 #1A1A1A; box-shadow: 4px 4px 0 rgba(0,0,0,0.2);\r\n  }\r\n\r\n  .kt-contact-deco { position: absolute; z-index: 1; pointer-events: none; }\r\n\r\n  @media (max-width: 860px) {\r\n    .kt-contact-inner { grid-template-columns: 1fr; gap: 60px; }\r\n    .kt-contact-text { text-align: center; }\r\n    .kt-contact-desc { margin-left: auto; margin-right: auto; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"kt-contact-hero\" id=\"ktContactHero\">\r\n  <div class=\"kt-contact-halftone\"><\/div>\r\n\r\n  <div class=\"kt-contact-inner\">\r\n    \r\n    <!-- KIRI: TEKS -->\r\n    <div class=\"kt-contact-text\">\r\n      <div class=\"kt-contact-fade1\">\r\n                  <span class=\"kt-contact-sfx closed\">WADUH, POLOS!<\/span>\r\n              <\/div>\r\n\r\n      <div class=\"kt-contact-fade2\">\r\n                  <h1 class=\"kt-contact-title\">Slot Penulis<br><em>Sudah Penuh!<\/em> \ud83d\uded1<\/h1>\r\n              <\/div>\r\n\r\n      <div class=\"kt-contact-fade3\">\r\n                  <p class=\"kt-contact-desc\">Tim penulis kita udah penuh buat tahun ini. Tapi tenang, slot bakal dibuka lagi tahun depan! Sambil nunggu, yuk baca dulu cerita-cerita seru yang udah ada.<\/p>\r\n              <\/div>\r\n\r\n      <div class=\"kt-contact-fade3\">\r\n                  <a href=\"https:\/\/lab.rwb.my.id\/story\/\" class=\"kt-contact-btn kt-btn-closed\">\ud83d\udcd6 Baca Cerita Aja!<\/a>\r\n              <\/div>\r\n    <\/div>\r\n\r\n    <!-- KANAN: VISUAL AMPLOP -->\r\n    <div class=\"kt-contact-visual kt-contact-pop\">\r\n              <div class=\"kt-closed-stamp kt-anim-contact-shake\">CLOSED!<\/div>\r\n      \r\n      <svg class=\"kt-contact-deco kt-anim-contact-float\" style=\"top:10%; right:10%; opacity:0.5;\" width=\"40\" height=\"40\" viewBox=\"0 0 50 50\">\r\n        <polygon points=\"25,0 29,17 50,17 33,27 38,46 25,34 12,46 17,27 0,17 21,17\" fill=\"#EF4444\" stroke=\"#1A1A1A\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\r\n      <\/svg>\r\n\r\n      <div class=\"kt-envelope kt-anim-contact-float\">\r\n        <div class=\"kt-envelope-letter\">\r\n          \ud83d\udd12        <\/div>\r\n        <div class=\"kt-envelope-flap\" style=\"\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  \/\/ === FUNGSI SCROLL MULUS TANPA ANCHOR ===\r\n  function ktScrollToForm() {\r\n    window.scrollBy({\r\n      top: window.innerHeight * 0.8,\r\n      left: 0,\r\n      behavior: 'smooth'\r\n    });\r\n  }\r\n\r\n  document.addEventListener(\"DOMContentLoaded\", function() {\r\n    const section = document.getElementById('ktContactHero');\r\n    if (!section) return;\r\n\r\n    const observer = new IntersectionObserver((entries) => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('is-active');\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.2 });\r\n\r\n    observer.observe(section);\r\n\r\n    \/\/ === SISTEM SAKLAR \"ROBOT TIDUR\" (DORMANT MODE) ===\r\n        \/\/ Kalau pendaftaran ditutup, cari class pembungkus form di bawah, lalu HIDE!\r\n    const targetSection = document.querySelector('.kt-form-section');\r\n    if (targetSection) {\r\n      \/\/ Sembunyikan secara halus\r\n      targetSection.style.display = 'none'; \r\n      console.log('\ud83d\uded1 Form pendaftaran telah dibuat tidur (Dormant).');\r\n    }\r\n      });\r\n<\/script>\r\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9661c26 e-con-full e-flex e-con e-parent\" data-id=\"9661c26\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4fbd68 elementor-widget elementor-widget-html\" data-id=\"a4fbd68\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Bangers&family=Nunito:wght@400;600;700;800&display=swap');\n\n  .kt-form-section {\n    background-color: #FFF8E1;\n    font-family: 'Nunito', sans-serif;\n    padding: 60px 0;\n  }\n  .kt-form-wrap {\n    max-width: 700px;\n    width: 100%;\n    margin: 0 auto;\n    padding: 0 20px;\n  }\n\n  \/* BINGKAI KARTUN BRUTALISM *\/\n  .kt-form-card {\n    background: #FFFFFF;\n    border: 3.5px solid #1A1A1A;\n    border-radius: 255px 15px 225px 15px \/ 15px 225px 15px 255px;\n    box-shadow: 8px 8px 0 #1A1A1A;\n    padding: 50px 30px 30px 30px;\n    position: relative;\n  }\n\n  \/* LAKBAN STEKER DI ATAS *\/\n  .kt-form-tape {\n    position: absolute;\n    top: -15px;\n    left: 50%;\n    transform: translateX(-50%) rotate(-3deg);\n    width: 160px;\n    height: 35px;\n    background: rgba(167, 243, 208, 0.6);\n    border-left: 2px dashed rgba(255, 255, 255, 0.5);\n    border-right: 2px dashed rgba(255, 255, 255, 0.5);\n    box-shadow: 1px 2px 4px rgba(0,0,0,0.1);\n    z-index: 3;\n  }\n\n  \/* JUDUL FORM *\/\n  .kt-form-title-box {\n    text-align: center;\n    margin-bottom: 30px;\n    border-bottom: 3px dashed #1A1A1A;\n    padding-bottom: 20px;\n  }\n  .kt-form-title {\n    font-family: 'Bangers', cursive;\n    font-size: clamp(2rem, 5vw, 3rem);\n    color: #EF4444;\n    -webkit-text-stroke: 1.5px #1A1A1A;\n    paint-order: stroke fill;\n    margin: 0;\n    line-height: 1.1;\n  }\n  .kt-form-desc {\n    font-size: 14px;\n    font-weight: 600;\n    color: #57534E;\n    margin: 10px 0 0 0;\n  }\n\n  \/* GROUPING FIELD *\/\n  .kt-form-group {\n    margin-bottom: 25px;\n  }\n  .kt-group-title {\n    font-family: 'Bangers', cursive;\n    font-size: 1.2rem;\n    color: #1A1A1A;\n    background: #FBBF24;\n    display: inline-block;\n    padding: 5px 15px;\n    border: 2px solid #1A1A1A;\n    border-radius: 255px 15px 225px 15px \/ 15px 225px 15px 255px;\n    margin-bottom: 15px;\n  }\n\n  \/* LABEL & INPUT *\/\n  .kt-field {\n    margin-bottom: 15px;\n  }\n  .kt-field label {\n    display: block;\n    font-size: 13px;\n    font-weight: 800;\n    color: #1A1A1A;\n    margin-bottom: 5px;\n  }\n  .kt-field label span {\n    color: #EF4444;\n  }\n  .kt-input, .kt-textarea, .kt-select {\n    width: 100%;\n    padding: 12px 15px;\n    font-size: 14px;\n    font-weight: 600;\n    font-family: 'Nunito', sans-serif;\n    color: #1A1A1A;\n    background: #FFF8E1;\n    border: 2.5px solid #1A1A1A;\n    border-radius: 15px 255px 15px 225px \/ 225px 15px 255px 15px;\n    box-shadow: 3px 3px 0 #1A1A1A;\n    outline: none;\n    transition: all 0.2s ease;\n    box-sizing: border-box;\n  }\n  .kt-input:focus, .kt-textarea:focus, .kt-select:focus {\n    background: #FFFFFF;\n    transform: translate(-2px, -2px);\n    box-shadow: 5px 5px 0 #1A1A1A;\n  }\n  .kt-textarea {\n    resize: vertical;\n    min-height: 80px;\n    border-radius: 15px;\n  }\n  \n  \/* File Input Custom *\/\n  .kt-file-input { display: none; }\n  .kt-file-upload { cursor: pointer; display: block; }\n  .kt-file-box {\n    border: 2.5px dashed #1A1A1A;\n    border-radius: 15px;\n    padding: 20px;\n    text-align: center;\n    background: #FFF8E1;\n    transition: border-color 0.3s ease, background-color 0.3s ease;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n    box-shadow: 3px 3px 0 #1A1A1A;\n  }\n  .kt-file-box svg { width: 28px; height: 28px; color: #1A1A1A; margin-bottom: 4px; }\n  .kt-file-box span { font-size: 0.8rem; font-weight: 700; color: #1A1A1A; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n  .kt-file-box small { font-size: 0.68rem; color: #57534E; }\n  .kt-file-box:hover { border-color: #EF4444; background: #FFF; }\n  .kt-file-box.file-selected { border-color: #22C55E; background: rgba(34, 197, 94, 0.1); }\n  .kt-file-box.file-selected svg { color: #22C55E; }\n\n  \/* Checkbox *\/\n  .kt-checkbox-wrap {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    margin-top: 20px;\n    background: #FFF8E1;\n    padding: 15px;\n    border: 2.5px solid #1A1A1A;\n    border-radius: 15px;\n  }\n  .kt-checkbox-wrap input {\n    width: 20px;\n    height: 20px;\n    margin-top: 2px;\n    cursor: pointer;\n    accent-color: #EF4444;\n  }\n  .kt-checkbox-wrap label {\n    font-size: 13px;\n    font-weight: 700;\n    color: #1A1A1A;\n    line-height: 1.4;\n  }\n\n  \/* Tombol Submit *\/\n  .kt-submit-btn {\n    width: 100%;\n    margin-top: 30px;\n    padding: 15px;\n    font-family: 'Bangers', cursive;\n    font-size: 1.5rem;\n    color: #FFF;\n    background: #EF4444;\n    border: 3px solid #1A1A1A;\n    border-radius: 15px 255px 15px 225px \/ 225px 15px 255px 15px;\n    box-shadow: 5px 5px 0 #1A1A1A;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n  }\n  .kt-submit-btn:hover {\n    transform: translate(-3px, -3px);\n    box-shadow: 8px 8px 0 #1A1A1A;\n  }\n  .kt-submit-btn:active {\n    transform: translate(2px, 2px);\n    box-shadow: 2px 2px 0 #1A1A1A;\n  }\n  .kt-submit-btn:disabled { opacity: 0.7; cursor: not-allowed; transform: none; box-shadow: 5px 5px 0 #1A1A1A; }\n  @keyframes ktSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\n\n  \/* === POPUP NOTIF SUCCESS === *\/\n  .kt-success-overlay {\n    display: none;\n    position: fixed;\n    inset: 0;\n    background: rgba(26, 26, 26, 0.7);\n    z-index: 9999;\n    align-items: center;\n    justify-content: center;\n    padding: 20px;\n    backdrop-filter: blur(4px);\n  }\n  .kt-success-overlay.kt-show { display: flex; animation: ktFadeIn 0.3s; }\n  @keyframes ktFadeIn { from { opacity: 0; } to { opacity: 1; } }\n\n  .kt-success-card {\n    background: #FFF8E1;\n    border: 3.5px solid #1A1A1A;\n    border-radius: 20px 255px 20px 225px \/ 225px 20px 255px 20px;\n    box-shadow: 8px 8px 0 #1A1A1A;\n    max-width: 400px;\n    width: 100%;\n    padding: 40px 30px;\n    text-align: center;\n    position: relative;\n    animation: ktPopIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n  }\n  @keyframes ktPopIn { 0% { transform: scale(0.5); opacity: 0; } 100% { transform: scale(1); opacity: 1; } }\n  .kt-success-icon { font-size: 4rem; margin-bottom: 15px; display: block; animation: ktBounce 1.5s infinite; }\n  @keyframes ktBounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }\n  .kt-success-title { font-family: 'Bangers', cursive; font-size: 2rem; color: #EF4444; -webkit-text-stroke: 1.5px #1A1A1A; paint-order: stroke fill; margin-bottom: 15px; }\n  .kt-success-text { font-size: 14px; font-weight: 700; color: #1A1A1A; line-height: 1.6; margin-bottom: 25px; }\n  .kt-close-btn { background: #1A1A1A; color: #FFF; border: 3px solid #1A1A1A; border-radius: 15px 255px 15px 225px \/ 225px 15px 255px 15px; box-shadow: 4px 4px 0 #EF4444; padding: 12px 25px; font-family: 'Bangers', cursive; font-size: 1.1rem; cursor: pointer; transition: all 0.2s ease; }\n  .kt-close-btn:hover { transform: translateY(-3px); box-shadow: 6px 6px 0 #EF4444; }\n\n  \/* === POPUP ERROR === *\/\n  .kt-error-overlay {\n    display: none;\n    position: fixed;\n    inset: 0;\n    background: rgba(26, 26, 26, 0.7);\n    z-index: 9999;\n    align-items: center;\n    justify-content: center;\n    padding: 20px;\n    backdrop-filter: blur(4px);\n  }\n  .kt-error-overlay.kt-show { display: flex; animation: ktFadeIn 0.3s; }\n  .kt-error-card {\n    background: #FBCFE8; \/* Pink kasih tau error *\/\n    border: 3.5px solid #1A1A1A;\n    border-radius: 20px 255px 20px 225px \/ 225px 20px 255px 20px;\n    box-shadow: 8px 8px 0 #1A1A1A;\n    max-width: 400px;\n    width: 100%;\n    padding: 40px 30px;\n    text-align: center;\n    animation: ktPopIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n  }\n  .kt-error-btn { background: #EF4444; color: #FFF; border: 3px solid #1A1A1A; border-radius: 15px 255px 15px 225px \/ 225px 15px 255px 15px; box-shadow: 4px 4px 0 #1A1A1A; padding: 12px 25px; font-family: 'Bangers', cursive; font-size: 1.1rem; cursor: pointer; }\n<\/style>\n\n<div class=\"kt-form-section\">\n  <div class=\"kt-form-wrap\">\n    <div class=\"kt-form-card\">\n      <div class=\"kt-form-tape\"><\/div>\n      \n      <div class=\"kt-form-title-box\">\n        <h2 class=\"kt-form-title\">\ud83d\udcdd GABUNG JADI PENULIS<\/h2>\n        <p class=\"kt-form-desc\">Isi form di bawah ini ya! Data kamu aman sama Redaksi CeritaBoom. \ud83d\udee1\ufe0f<\/p>\n      <\/div>\n\n      <form id=\"ktAuthorForm\" onsubmit=\"ktSubmitAuthorForm(event)\">\n        <!-- Hidden inputs untuk nampung file base64 -->\n        <input type=\"hidden\" id=\"dataFileFoto\" value=\"\">\n        <input type=\"hidden\" id=\"dataFileCerita\" value=\"\">\n\n        <!-- BAGIAN 1: DATA DIRI -->\n        <div class=\"kt-form-group\">\n          <span class=\"kt-group-title\">\ud83d\udc64 Data Diri<\/span>\n          \n          <div class=\"kt-field\">\n            <label>Nama Asli & Nama Pena <span>*<\/span><\/label>\n            <input type=\"text\" id=\"ktNama\" class=\"kt-input\" placeholder=\"Misal: Budi Sutejo (Kang Budi Dongeng)\" required>\n          <\/div>\n          <div class=\"kt-field\">\n            <label>Alamat Email <span>*<\/span><\/label>\n            <input type=\"email\" id=\"ktEmail\" class=\"kt-input\" placeholder=\"emailkamu@gmail.com\" required>\n          <\/div>\n          <div class=\"kt-field\">\n            <label>Nomor WhatsApp <span>*<\/span><\/label>\n            <input type=\"tel\" id=\"ktWa\" class=\"kt-input\" placeholder=\"0812xxxxxxx\" required>\n          <\/div>\n          <div class=\"kt-field\">\n            <label>Umur \/ Profesi (Opsional)<\/label>\n            <input type=\"text\" id=\"ktProfesi\" class=\"kt-input\" placeholder=\"Misal: Guru SD \/ Mahasiswa\">\n          <\/div>\n        <\/div>\n\n        <!-- BAGIAN 2: PROFIL PENULIS -->\n        <div class=\"kt-form-group\">\n          <span class=\"kt-group-title\">\ud83e\uddb8 Profil Penulis<\/span>\n          \n          <div class=\"kt-field\">\n            <label>Bio Singkat (2-3 Kalimat) <span>*<\/span><\/label>\n            <textarea id=\"ktBio\" class=\"kt-textarea\" placeholder=\"Misal: Bapak guru SD yang suka bikin dongeng kancil saat jam kosong.\" required><\/textarea>\n          <\/div>\n\n          <div class=\"kt-field\">\n            <label>Upload Foto Profil (Max 2MB - JPG\/PNG) <span>*<\/span><\/label>\n            <label class=\"kt-file-upload\">\n              <input type=\"file\" class=\"kt-file-input\" id=\"inputFileFoto\" accept=\"image\/jpeg, image\/png\" required>\n              <div class=\"kt-file-box\" id=\"boxFileFoto\">\n                 <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg>\n                 <span>Pilih File Foto<\/span>\n                 <small>Maksimal ukuran 2MB<\/small>\n              <\/div>\n            <\/label>\n          <\/div>\n        <\/div>\n\n        <!-- BAGIAN 3: DATA KARYA -->\n        <div class=\"kt-form-group\">\n          <span class=\"kt-group-title\">\ud83d\udcda Data Karya<\/span>\n          \n          <div class=\"kt-field\">\n            <label>Judul Contoh Cerita <span>*<\/span><\/label>\n            <input type=\"text\" id=\"ktJudul\" class=\"kt-input\" placeholder=\"Misal: Kancil dan Buaya\" required>\n          <\/div>\n          <div class=\"kt-field\">\n            <label>Kategori Cerita <span>*<\/span><\/label>\n            <select id=\"ktKategori\" class=\"kt-select\" required>\n              <option value=\"\" disabled selected>-- Pilih Kategori --<\/option>\n              <option value=\"Petualangan\">\ud83e\uddb8 Petualangan<\/option>\n              <option value=\"Cerita Malam\">\ud83d\ude34 Cerita Malam<\/option>\n              <option value=\"Komedi\">\ud83d\ude04 Komedi<\/option>\n              <option value=\"Sci-Fi\">\ud83d\ude80 Sci-Fi<\/option>\n              <option value=\"Fabel\">\ud83e\udd81 Fabel<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"kt-field\">\n            <label>Upload File Cerita (PDF\/Docx - Max 2MB) <span>*<\/span><\/label>\n            <label class=\"kt-file-upload\">\n              <input type=\"file\" class=\"kt-file-input\" id=\"inputFileCerita\" accept=\".pdf, .doc, .docx\" required>\n              <div class=\"kt-file-box\" id=\"boxFileCerita\">\n                 <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg>\n                 <span>Pilih File Cerita<\/span>\n                 <small>Format PDF\/Word, Max 2MB<\/small>\n              <\/div>\n            <\/label>\n          <\/div>\n        <\/div>\n\n        <!-- PERSETUJUAN -->\n        <div class=\"kt-checkbox-wrap\">\n          <input type=\"checkbox\" id=\"ktAgree\" required>\n          <label for=\"ktAgree\">Saya bersedia cerita saya diedit oleh Redaksi CeritaBoom, dan saya menyetujui <a href=\"https:\/\/lab.rwb.my.id\/story\/terms-conditions\/\" style=\"color:#EF4444; text-decoration:underline;\">Syarat & Ketentuan<\/a> yang berlaku.<\/label>\n        <\/div>\n\n        <!-- TOMBOL KIRIM -->\n        <button type=\"submit\" class=\"kt-submit-btn\" id=\"ktSubmitBtn\">\n          <svg id=\"ktBtnIcon\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg>\n          KIRIM PENDAFTARAN \ud83d\ude80\n        <\/button>\n      <\/form>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- POPUP SUKSES -->\n<div class=\"kt-success-overlay\" id=\"ktSuccessOverlay\">\n  <div class=\"kt-success-card\">\n    <span class=\"kt-success-icon\">\ud83c\udf89<\/span>\n    <h2 class=\"kt-success-title\">PENDAFTARAN DITERIMA!<\/h2>\n    <p class=\"kt-success-text\">\n      Data kamu udah masuk ke meja Redaksi CeritaBoom! \ud83d\udcec<br><br>\n      Tim kita akan me-review ceritamu. Hasilnya akan dikirim ke email\/WhatsApp kamu dalam <strong>3-4 hari kerja<\/strong>.<br><br>\n      Ditunggu ya! \ud83d\ude80\n    <\/p>\n    <button class=\"kt-close-btn\" onclick=\"ktClosePopup('ktSuccessOverlay')\">Makasih yaa...<\/button>\n  <\/div>\n<\/div>\n\n<!-- POPUP ERROR (BUAT NGETES DOANG) -->\n<div class=\"kt-error-overlay\" id=\"ktErrorOverlay\">\n  <div class=\"kt-error-card\">\n    <span class=\"kt-success-icon\">\u26a0\ufe0f<\/span>\n    <h2 class=\"kt-success-title\">GAGAL KIRIM!<\/h2>\n    <p class=\"kt-success-text\">\n      Form depannya <strong>Berhasil Berfungsi<\/strong>!<br>\n      Tapi data gagal terkirim karena <strong>URL Google Script masih kosong<\/strong>.<br><br>\n      Lanjut ke Tahap 2 ya sob! \ud83d\udee0\ufe0f\n    <\/p>\n    <button class=\"kt-error-btn\" onclick=\"ktClosePopup('ktErrorOverlay')\">Mengerti<\/button>\n  <\/div>\n<\/div>\n\n<script>\n  \/\/ ==========================================================\n  \/\/ KONFIGURASI URL GOOGLE SCRIPT (MASIH KOSONG)\n  \/\/ ==========================================================\n  var googleScriptURL = 'https:\/\/script.google.com\/macros\/s\/AKfycbyHOw_IJtAw2U9-RJKpY4qgGA6lAc_fflag8ZA774Q-e4j1fDMWJ74-oG2U_fllH2ya\/exec'; \/\/ <--- NANTI URL DARI TAHAP 2 DI PASTE DI SINI\n\n  \/\/ 1. LOGIC FILE UPLOAD & BASE64\n  document.querySelectorAll('.kt-file-input').forEach(function(input) {\n    input.addEventListener('change', function(e) {\n      var file = e.target.files[0];\n      var box = e.target.nextElementSibling;\n      if(file) {\n        if(file.size > 2000000) {\n          alert('Ukuran file terlalu besar! Maksimal 2MB.');\n          e.target.value = \"\";\n          return;\n        }\n        box.classList.add('file-selected');\n        box.querySelector('span').textContent = file.name;\n        box.querySelector('small').textContent = \"File siap diunggah \u2713\";\n\n        var reader = new FileReader();\n        reader.onload = function(ev) {\n          var base64 = ev.target.result.split(',')[1];\n          if(e.target.id === 'inputFileFoto') document.getElementById('dataFileFoto').value = base64;\n          if(e.target.id === 'inputFileCerita') document.getElementById('dataFileCerita').value = base64;\n        };\n        reader.readAsDataURL(file);\n      } else {\n        box.classList.remove('file-selected');\n        box.querySelector('span').textContent = 'Pilih File';\n        box.querySelector('small').textContent = 'Maksimal ukuran 2MB';\n      }\n    });\n  });\n\n  \/\/ 2. LOGIC SUBMIT FORM\n  function ktSubmitAuthorForm(e) {\n    e.preventDefault();\n    if(!document.getElementById('ktAgree').checked) {\n      alert('Anda harus menyetujui syarat & ketentuan.');\n      return false;\n    }\n\n    var btn = document.getElementById('ktSubmitBtn');\n    var btnIcon = document.getElementById('ktBtnIcon');\n    btn.disabled = true;\n    btn.innerHTML = '<svg style=\"animation: ktSpin 1s linear infinite;\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 12a9 9 0 1 1-6.219-8.56\"\/><\/svg> Mengunggah Data...';\n\n    \/\/ Kumpulkan Data Form Penulis\n    var formData = {\n      nama: document.getElementById('ktNama').value,\n      email: document.getElementById('ktEmail').value,\n      wa: document.getElementById('ktWa').value,\n      profesi: document.getElementById('ktProfesi').value || \"-\",\n      bio: document.getElementById('ktBio').value,\n      judulCerita: document.getElementById('ktJudul').value,\n      kategori: document.getElementById('ktKategori').value,\n      fileFoto: document.getElementById('dataFileFoto').value,\n      fileCerita: document.getElementById('dataFileCerita').value\n    };\n\n    \/\/ CEK URL MASIH KOSONG ATAU NGGA (Buat ngetes Tahap 1)\n    if(googleScriptURL === 'MASUKIN_URL_DISINI') {\n      setTimeout(function() {\n        document.getElementById('ktErrorOverlay').classList.add('kt-show');\n        document.body.style.overflow = 'hidden';\n        \/\/ Reset tombol\n        btn.disabled = false;\n        btn.innerHTML = '<svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg> KIRIM PENDAFTARAN \ud83d\ude80';\n      }, 1500); \/\/ Simulasi loading 1.5 detik\n      return false;\n    }\n\n    \/\/ KIRIM DATA ASLI KE GOOGLE SCRIPT (AKTIF DI TAHAP 3)\n    fetch(googleScriptURL, {\n      method: 'POST',\n      body: JSON.stringify(formData)\n    })\n    .then(res => res.json())\n    .then(data => {\n      document.getElementById('ktSuccessOverlay').classList.add('kt-show');\n      document.body.style.overflow = 'hidden';\n      document.getElementById('ktAuthorForm').reset();\n      document.querySelectorAll('.kt-file-box').forEach(function(box){\n        box.classList.remove('file-selected');\n        box.querySelector('span').textContent = 'Pilih File';\n      });\n    })\n    .catch(error => {\n      alert('Gagal mengirim. Periksa koneksi atau URL Script.');\n    })\n    .finally(() => {\n      btn.disabled = false;\n      btn.innerHTML = '<svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg> KIRIM PENDAFTARAN \ud83d\ude80';\n    });\n\n    return false;\n  }\n\n  \/\/ 3. FUNGSI TUTUP POPUP\n  function ktClosePopup(id) {\n    document.getElementById(id).classList.remove('kt-show');\n    document.body.style.overflow = 'auto';\n  }\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ae3501d e-con-full e-flex e-con e-parent\" data-id=\"ae3501d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-725dd01 elementor-widget elementor-widget-html\" data-id=\"725dd01\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  .kt-farewell-section {\n    background-color: #FFF8E1;\n    font-family: 'Nunito', sans-serif;\n    padding: 80px 20px 40px;\n    position: relative;\n    overflow: hidden;\n    border-top: 6px solid #1A1A1A;\n    text-align: center;\n  }\n\n  \/* Pola titik-titik halftone di background *\/\n  .kt-farewell-halftone {\n    position: absolute; inset: 0;\n    background-image: radial-gradient(circle, #1A1A1A 1.5px, transparent 1.5px);\n    background-size: 22px 22px;\n    opacity: 0.05;\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  .kt-farewell-inner {\n    position: relative;\n    z-index: 2;\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  \/* Balon kata raksasa *\/\n  .kt-farewell-bubble {\n    background: #FFFFFF;\n    border: 3.5px solid #1A1A1A;\n    border-radius: 255px 15px 225px 15px \/ 15px 225px 15px 255px;\n    box-shadow: 8px 8px 0 #1A1A1A;\n    padding: 40px 30px;\n    margin-bottom: 50px;\n    position: relative;\n    display: inline-block;\n    transform: rotate(-2deg);\n  }\n\n  \/* Ekor balon kata (segitiga di bawah) *\/\n  .kt-farewell-bubble::after {\n    content: '';\n    position: absolute;\n    bottom: -20px;\n    left: 50px;\n    width: 0; height: 0;\n    border-left: 20px solid transparent;\n    border-right: 20px solid transparent;\n    border-top: 30px solid #1A1A1A;\n  }\n  .kt-farewell-bubble::before {\n    content: '';\n    position: absolute;\n    bottom: -12px;\n    left: 55px;\n    width: 0; height: 0;\n    border-left: 15px solid transparent;\n    border-right: 15px solid transparent;\n    border-top: 25px solid #FFFFFF;\n    z-index: 1;\n  }\n\n  .kt-farewell-sfx {\n    font-family: 'Bangers', cursive;\n    font-size: clamp(2rem, 6vw, 4rem);\n    color: #EF4444;\n    -webkit-text-stroke: 2px #1A1A1A;\n    paint-order: stroke fill;\n    margin: 0;\n    letter-spacing: 0.03em;\n    line-height: 1;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .kt-farewell-text {\n    font-size: 15px;\n    font-weight: 700;\n    color: #1A1A1A;\n    margin: 0;\n    line-height: 1.5;\n  }\n\n  \/* Tombol Pamit (Memicu Popup) *\/\n  .kt-pamit-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background: #EF4444;\n    color: #FFFFFF;\n    font-family: 'Bangers', cursive;\n    font-size: 1.4rem;\n    text-decoration: none;\n    padding: 15px 35px;\n    border: 3px solid #1A1A1A;\n    border-radius: 15px 255px 15px 225px \/ 225px 15px 255px 15px;\n    box-shadow: 5px 5px 0 #1A1A1A;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    letter-spacing: 0.05em;\n    margin-bottom: 60px;\n  }\n  .kt-pamit-btn:hover {\n    transform: translate(-3px, -3px);\n    box-shadow: 8px 8px 0 #1A1A1A;\n    background: #1A1A1A;\n    color: #FFF;\n  }\n  .kt-pamit-btn:active {\n    transform: translate(2px, 2px);\n    box-shadow: 2px 2px 0 #1A1A1A;\n  }\n\n  \/* Mini Footer Brutalist *\/\n  .kt-mini-footer {\n    border-top: 3px dashed #1A1A1A;\n    padding-top: 30px;\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    align-items: center;\n  }\n\n  \/* Maskot Row (Pengganti Sosmed) *\/\n  .kt-mascot-row {\n    display: flex;\n    gap: 20px;\n  }\n  .kt-mascot {\n    width: 50px;\n    height: 50px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #FFF;\n    border: 2.5px solid #1A1A1A;\n    border-radius: 10px;\n    box-shadow: 3px 3px 0 #1A1A1A;\n    font-size: 26px;\n    transition: all 0.15s ease;\n    animation: ktMascotWiggle 2.5s ease-in-out infinite;\n  }\n  .kt-mascot:nth-child(1) { background: #86EFAC; }\n  .kt-mascot:nth-child(2) { background: #FBCFE8; animation-delay: 0.4s; }\n  .kt-mascot:nth-child(3) { background: #C4B5FD; animation-delay: 0.8s; }\n  \n  \/* Animasi Goyang Maskot *\/\n  @keyframes ktMascotWiggle {\n    0%, 100% { transform: rotate(0deg); }\n    25% { transform: rotate(-6deg); }\n    75% { transform: rotate(6deg); }\n  }\n  \n  .kt-copyright {\n    font-family: 'Nunito', sans-serif; \n    font-size: 14px;\n    font-weight: 800;\n    color: #1A1A1A;\n    background: #FBBF24;\n    padding: 8px 20px;\n    border: 2px solid #1A1A1A;\n    border-radius: 15px;\n    box-shadow: 3px 3px 0 #1A1A1A;\n  }\n\n  \/* === POPUP KOMIK FAREWELL === *\/\n  .kt-farewell-popup-overlay {\n    display: none;\n    position: fixed;\n    inset: 0;\n    background: rgba(26, 26, 26, 0.75);\n    z-index: 9999;\n    align-items: center;\n    justify-content: center;\n    padding: 20px;\n  }\n  .kt-farewell-popup-overlay.kt-show { display: flex; animation: ktFadeIn 0.3s; }\n  @keyframes ktFadeIn { from { opacity: 0; } to { opacity: 1; } }\n\n  .kt-farewell-popup-card {\n    background: #FFF8E1;\n    border: 4px solid #1A1A1A;\n    border-radius: 255px 15px 225px 15px \/ 15px 225px 15px 255px;\n    box-shadow: 8px 8px 0 #EF4444;\n    max-width: 400px;\n    width: 100%;\n    padding: 50px 30px;\n    text-align: center;\n    position: relative;\n    animation: ktPopIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    transform: rotate(-2deg);\n  }\n  @keyframes ktPopIn { 0% { transform: scale(0.5) rotate(-2deg); opacity: 0; } 100% { transform: scale(1) rotate(-2deg); opacity: 1; } }\n\n  .kt-farewell-popup-close {\n    position: absolute;\n    top: 12px;\n    right: 12px;\n    width: 36px;\n    height: 36px;\n    background: #EF4444;\n    color: white;\n    border: 2.5px solid #1A1A1A;\n    border-radius: 50%;\n    font-size: 18px;\n    font-weight: 800;\n    cursor: pointer;\n    box-shadow: 2px 2px 0 #1A1A1A;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 0;\n  }\n  \n  .kt-farewell-popup-sfx {\n    display: inline-block;\n    font-family: 'Bangers', cursive;\n    font-size: 3rem;\n    color: #1A1A1A;\n    background: #86EFAC;\n    padding: 10px 25px;\n    border: 3px solid #1A1A1A;\n    border-radius: 50%;\n    box-shadow: 4px 4px 0 #1A1A1A;\n    margin-bottom: 20px;\n    transform: rotate(5deg);\n    animation: ktBounce 1.5s infinite;\n  }\n  @keyframes ktBounce { 0%, 100% { transform: rotate(5deg) translateY(0); } 50% { transform: rotate(5deg) translateY(-8px); } }\n\n  .kt-farewell-popup-text {\n    font-size: 16px;\n    font-weight: 800;\n    color: #1A1A1A;\n    line-height: 1.6;\n    margin-bottom: 30px;\n  }\n  \n  .kt-farewell-popup-btn {\n    background: #1A1A1A;\n    color: #FFF;\n    border: 3px solid #1A1A1A;\n    border-radius: 15px 255px 15px 225px \/ 225px 15px 255px 15px;\n    box-shadow: 4px 4px 0 #EF4444;\n    padding: 12px 30px;\n    font-family: 'Bangers', cursive;\n    font-size: 1.2rem;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    letter-spacing: 0.03em;\n  }\n  .kt-farewell-popup-btn:hover {\n    transform: translate(-2px, -2px);\n    box-shadow: 6px 6px 0 #EF4444;\n  }\n\n  \/* Animasi muncul balon saat scroll *\/\n  @keyframes ktBounceIn {\n    0% { transform: scale(0.5) rotate(-2deg); opacity: 0; }\n    60% { transform: scale(1.05) rotate(-2deg); opacity: 1; }\n    100% { transform: scale(1) rotate(-2deg); }\n  }\n  .kt-farewell-show { animation: ktBounceIn 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28) forwards; }\n<\/style>\n\n<section class=\"kt-farewell-section\">\n  <div class=\"kt-farewell-halftone\"><\/div>\n  \n  <div class=\"kt-farewell-inner\">\n    \n    <div class=\"kt-farewell-bubble kt-farewell-animate\">\n      <span class=\"kt-farewell-sfx\">SAMPAI JUMPA! \ud83d\udc4b<\/span>\n      <p class=\"kt-farewell-text\">\n        Makasih banyak udah mampir ke dunia cerita kita!<br>\n        Jangan lupa mampir lagi lain waktu ya, masih banyak <br>\n        cerita seru yang nunggu buat kamu baca! \ud83d\udcd6 \n      <\/p>\n    <\/div>\n\n    <div>\n      <button class=\"kt-pamit-btn\" onclick=\"ktShowFarewellPopup()\">\n        <svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\n        PAMIT DULU!\n      <\/button>\n    <\/div>\n\n    <div class=\"kt-mini-footer\">\n      <!-- 3 Maskot Pengganti Sosmed -->\n      <div class=\"kt-mascot-row\">\n        <div class=\"kt-mascot\">\ud83d\udc09<\/div>\n        <div class=\"kt-mascot\">\ud83d\udc30<\/div>\n        <div class=\"kt-mascot\">\u2601\ufe0f<\/div>\n      <\/div>\n      \n      <div class=\"kt-copyright\">\n        Dibuat dengan \u2764\ufe0f imajinasi tanpa batas \n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- POPUP PAMIT KOMIK -->\n<div class=\"kt-farewell-popup-overlay\" id=\"ktFarewellPopup\" onclick=\"ktCloseFarewellPopup(event)\">\n  <div class=\"kt-farewell-popup-card\" onclick=\"event.stopPropagation()\">\n    <button class=\"kt-farewell-popup-close\" onclick=\"ktCloseFarewellPopup(event)\">\u2715<\/button>\n    <div class=\"kt-farewell-popup-sfx\">POW!<\/div>\n    <p class=\"kt-farewell-popup-text\">\n      I hope you come back someday... <br>\n      see you later! \ud83d\udc4b\u2728\n    <\/p>\n    <button class=\"kt-farewell-popup-btn\" onclick=\"ktCloseFarewellPopup(event)\">SEE YOU! \u270c\ufe0f<\/button>\n  <\/div>\n<\/div>\n\n<script>\n  \/\/ Fungsi Buka Popup Pamit\n  function ktShowFarewellPopup() {\n    const popup = document.getElementById('ktFarewellPopup');\n    popup.classList.add('kt-show');\n    document.body.style.overflow = 'hidden'; \/\/ Lock scroll\n  }\n\n  \/\/ Fungsi Tutup Popup Pamit\n  function ktCloseFarewellPopup(event) {\n    if (event.target.classList.contains('kt-farewell-popup-overlay') || event.target.classList.contains('kt-farewell-popup-close') || event.target.closest('.kt-farewell-popup-close') || event.target.classList.contains('kt-farewell-popup-btn')) {\n      document.getElementById('ktFarewellPopup').classList.remove('kt-show');\n      document.body.style.overflow = 'auto'; \/\/ Buka scroll lagi\n    }\n  }\n\n  \/\/ Animasi balon kata pas di-scroll\n  document.addEventListener(\"DOMContentLoaded\", function() {\n    const farewelEl = document.querySelector('.kt-farewell-bubble');\n    if (!farewelEl) return;\n\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('kt-farewell-show');\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.3 });\n\n    observer.observe(farewelEl);\n  });\n<\/script>\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>\ud83d\udcdd GABUNG JADI PENULIS Isi form di bawah ini ya! Data kamu aman sama Redaksi CeritaBoom. \ud83d\udee1\ufe0f \ud83d\udc64 Data Diri Nama Asli &#038; Nama Pena * Alamat Email * Nomor WhatsApp * Umur \/ Profesi (Opsional) \ud83e\uddb8 Profil Penulis Bio Singkat (2-3 Kalimat) * Upload Foto Profil (Max 2MB &#8211; JPG\/PNG) * Pilih File Foto [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lab.rwb.my.id\/story\/wp-json\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lab.rwb.my.id\/story\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lab.rwb.my.id\/story\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lab.rwb.my.id\/story\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lab.rwb.my.id\/story\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":31,"href":"https:\/\/lab.rwb.my.id\/story\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":611,"href":"https:\/\/lab.rwb.my.id\/story\/wp-json\/wp\/v2\/pages\/21\/revisions\/611"}],"wp:attachment":[{"href":"https:\/\/lab.rwb.my.id\/story\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}