{"id":8,"date":"2015-04-28T11:23:23","date_gmt":"2015-04-28T11:23:23","guid":{"rendered":"http:\/\/fmudon.com\/?page_id=8"},"modified":"2026-08-27T13:58:02","modified_gmt":"2026-08-27T06:58:02","slug":"home","status":"publish","type":"page","link":"https:\/\/www.fmudon.com\/defiant\/","title":{"rendered":"\u0e2b\u0e19\u0e49\u0e32\u0e41\u0e23\u0e01"},"content":{"rendered":"\n<div style=\"display: flex; flex-wrap: wrap; min-height: 80vh; background-color: #ffffff; font-family: sans-serif; box-sizing: border-box;\">\n  \n  <!-- \u0e41\u0e17\u0e47\u0e01\u0e40\u0e2a\u0e35\u0e22\u0e07\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2a\u0e15\u0e23\u0e35\u0e21\u0e27\u0e34\u0e17\u0e22\u0e38 -->\n  <audio id=\"radioPlayer\" src=\"https:\/\/media.thaismarthost.com\/stream\/kwprfm9450\"><\/audio>\n\n  <!-- \u0e1d\u0e31\u0e48\u0e07\u0e0b\u0e49\u0e32\u0e22: \u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e2a\u0e35\u0e14\u0e33 -->\n  <div id=\"blackContainer\" style=\"flex: 1; min-width: 320px; background-color: #0d0d0d; color: #ffffff; padding: 40px; display: flex; flex-direction: column; justify-content: space-between; position: relative; overflow: hidden; box-sizing: border-box;\">\n    <div>\n      <!-- \u0e2a\u0e16\u0e32\u0e19\u0e30\u0e2d\u0e2d\u0e01\u0e2d\u0e32\u0e01\u0e32\u0e28\u0e2a\u0e14 -->\n      <div style=\"display: flex; align-items: center; gap: 8px; font-size: 14px; color: #9ca3af; margin-bottom: 25px;\">\n        <span style=\"display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: #facc15;\"><\/span>\n        <span>\u0e2d\u0e2d\u0e01\u0e2d\u0e32\u0e01\u0e32\u0e28\u0e2a\u0e14 24 \u0e0a\u0e21.<\/span>\n      <\/div>\n\n      <!-- \u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e2b\u0e25\u0e31\u0e01 -->\n      <div style=\"min-height: 150px; position: relative;\">\n        <h1 id=\"runawayTitle\" style=\"font-size: 64px; font-weight: 900; text-transform: uppercase; line-height: 1.05; margin: 0 0 15px 0; display: inline-block; position: relative; transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1); cursor: default; user-select: none;\">\n          <span style=\"color: #facc15;\">\u0e04\u0e19<\/span><br>\n          <span style=\"color: #ffffff;\">\u0e01\u0e38\u0e21\u0e20<\/span><span style=\"color: #facc15;\">\u0e27\u0e32\u0e1b\u0e35<\/span>\n        <\/h1>\n      <\/div>\n      \n      <!-- \u0e04\u0e25\u0e37\u0e48\u0e19\u0e04\u0e27\u0e32\u0e21\u0e16\u0e35\u0e48 -->\n      <div style=\"font-size: 32px; font-weight: bold; color: #facc15; margin-bottom: 15px;\">\n        FM 94.5 <span style=\"font-size: 18px; color: #6b7280; font-weight: normal;\">MHz <\/span>\n      <\/div>\n\n      <!-- \u0e04\u0e33\u0e42\u0e1b\u0e23\u0e22 -->\n      <p style=\"color: #9ca3af; font-size: 15px; line-height: 1.6; max-width: 400px; margin: 0;\">\n        \u0e2a\u0e16\u0e32\u0e19\u0e35\u0e27\u0e34\u0e17\u0e22\u0e38\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1e\u0e35\u0e48\u0e19\u0e49\u0e2d\u0e07\u0e0a\u0e32\u0e27\u0e01\u0e38\u0e21\u0e20\u0e27\u0e32\u0e1b\u0e35\u0e41\u0e25\u0e30\u0e43\u0e01\u0e25\u0e49\u0e40\u0e04\u0e35\u0e22\u0e07 \u0e02\u0e48\u0e32\u0e27\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19 \u0e40\u0e1e\u0e25\u0e07\u0e25\u0e39\u0e01\u0e17\u0e38\u0e48\u0e07 \u0e15\u0e25\u0e2d\u0e14 24 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07\n      <\/p>\n    <\/div>\n\n    <div>\n      <!-- \u0e1b\u0e38\u0e48\u0e21\u0e01\u0e14\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07\u0e0b\u0e49\u0e32\u0e22 -->\n      <div style=\"display: flex; gap: 15px; margin-top: 30px; flex-wrap: wrap;\">\n        <button onclick=\"toggleRadio()\" style=\"background-color: #facc15; color: #000000; font-weight: bold; font-size: 15px; padding: 12px 24px; border-radius: 10px; border: none; cursor: pointer; display: flex; align-items: center; gap: 8px;\">\n          <span id=\"btnIconLeft\">\u25b6<\/span> <span id=\"btnTextLeft\">\u0e1f\u0e31\u0e07\u0e2a\u0e14<\/span>\n        <\/button>\n        <button onclick=\"window.open('https:\/\/www.fmudon.com\/defiant\/?page_id=20', '_blank')\" style=\"background-color: #18181b; color: #ffffff; border: 1px solid #27272a; font-weight: 600; font-size: 15px; padding: 12px 24px; border-radius: 10px; cursor: pointer; display: flex; align-items: center; gap: 8px;\">\n          <span>\ud83d\udcc5<\/span> \u0e1c\u0e31\u0e07\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u0e1d\u0e31\u0e48\u0e07\u0e02\u0e27\u0e32: \u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e2a\u0e35\u0e02\u0e32\u0e27 (\u0e2a\u0e48\u0e27\u0e19\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e40\u0e25\u0e48\u0e19\u0e41\u0e25\u0e30\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e41\u0e1a\u0e1a Realtime) -->\n  <div style=\"flex: 1; min-width: 320px; background-color: #ffffff; padding: 40px; display: flex; flex-direction: column; justify-content: center; box-sizing: border-box;\">\n    \n    <!-- \u0e01\u0e25\u0e48\u0e2d\u0e07 On Air Now (\u0e14\u0e36\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1c\u0e31\u0e07\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23 Realtime) -->\n    <div style=\"border: 1px solid #e5e7eb; border-radius: 16px; padding: 24px; position: relative; margin-bottom: 24px; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);\">\n      <span style=\"position: absolute; top: -12px; left: 24px; background-color: #facc15; color: #000000; font-size: 11px; font-weight: bold; padding: 4px 10px; text-transform: uppercase; border-radius: 4px;\">\n        On Air Now\n      <\/span>\n\n      <div style=\"display: flex; justify-content: space-between; align-items: flex-start; margin-top: 5px; margin-bottom: 16px;\">\n        <div>\n          <h2 id=\"currentShowTitle\" style=\"font-size: 20px; font-weight: bold; color: #111827; margin: 0 0 4px 0;\">\u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14&#8230;<\/h2>\n          <p id=\"currentShowHost\" style=\"font-size: 14px; color: #6b7280; margin: 0;\">&#8211;<\/p>\n        <\/div>\n        <span style=\"background-color: #000000; color: #ffffff; font-size: 11px; font-weight: bold; padding: 4px 8px; border-radius: 4px; display: flex; align-items: center; gap: 6px;\">\n          <span style=\"width: 6px; height: 6px; border-radius: 50%; background-color: #ef4444; display: inline-block;\"><\/span> LIVE\n        <\/span>\n      <\/div>\n\n      <!-- \u0e41\u0e2b\u0e25\u0e48\u0e07\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e13 \/ \u0e2a\u0e16\u0e32\u0e19\u0e30\u0e04\u0e27\u0e32\u0e21\u0e16\u0e35\u0e48 -->\n      <div style=\"background-color: #f9fafb; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 12px; margin-bottom: 20px;\">\n        <div style=\"background-color: #000000; color: #facc15; padding: 10px; border-radius: 8px;\">\ud83d\udcfb<\/div>\n        <div>\n          <div style=\"font-size: 11px; color: #9ca3af;\">\u0e2a\u0e16\u0e32\u0e19\u0e35\u0e27\u0e34\u0e17\u0e22\u0e38\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e04\u0e19\u0e01\u0e38\u0e21\u0e20\u0e27\u0e32\u0e1b\u0e35<\/div>\n          <div id=\"currentShowTime\" style=\"font-size: 13px; font-weight: 600; color: #1f2937;\">FM 94.50 MHz<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- \u0e41\u0e16\u0e1a\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e40\u0e2a\u0e35\u0e22\u0e07 -->\n      <div style=\"display: flex; align-items: center; gap: 12px;\">\n        <button onclick=\"toggleRadio()\" style=\"background-color: #000000; color: #facc15; border: none; padding: 10px 14px; border-radius: 10px; cursor: pointer;\">\n          <span id=\"btnIconRight\">\u25b6<\/span>\n        <\/button>\n        <span style=\"color: #9ca3af; font-size: 14px;\">\ud83d\udd0a<\/span>\n        <input type=\"range\" id=\"volumeControl\" min=\"0\" max=\"1\" step=\"0.01\" value=\"0.8\" oninput=\"changeVolume(this.value)\" style=\"flex: 1; accent-color: #000000; cursor: pointer;\">\n        <span id=\"volumeValue\" style=\"font-size: 12px; color: #6b7280; font-weight: 600; min-width: 24px;\">80<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- \u0e2a\u0e48\u0e27\u0e19 Coming Up (\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e16\u0e31\u0e14\u0e44\u0e1b\u0e41\u0e1a\u0e1a Realtime) -->\n    <div style=\"border: 1px solid #e5e7eb; border-radius: 16px; padding: 24px;\">\n      <div style=\"display: flex; justify-content: space-between; align-items: center; color: #9ca3af; font-size: 11px; font-weight: bold; text-transform: uppercase; margin-bottom: 16px;\">\n        <span>Coming Up (\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e16\u0e31\u0e14\u0e44\u0e1b)<\/span>\n        <span>\u23f0<\/span>\n      <\/div>\n\n      <div id=\"comingUpList\">\n        <!-- \u0e41\u0e2a\u0e14\u0e07\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e16\u0e31\u0e14\u0e44\u0e1b 2 \u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e1c\u0e48\u0e32\u0e19 JavaScript -->\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n<!-- \u0e2a\u0e04\u0e23\u0e34\u0e1b\u0e15\u0e4c\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19 -->\n<script>\n  const radio = document.getElementById('radioPlayer');\n  const btnIconLeft = document.getElementById('btnIconLeft');\n  const btnTextLeft = document.getElementById('btnTextLeft');\n  const btnIconRight = document.getElementById('btnIconRight');\n  const volumeValue = document.getElementById('volumeValue');\n\n  function toggleRadio() {\n    if (radio.paused) {\n      radio.play().then(() => {\n        btnIconLeft.textContent = '\u23f8';\n        btnTextLeft.textContent = '\u0e2b\u0e22\u0e38\u0e14\u0e1f\u0e31\u0e07';\n        btnIconRight.textContent = '\u23f8';\n      }).catch(err => {\n        console.error(\"\u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e25\u0e48\u0e19\u0e44\u0e1f\u0e25\u0e4c\u0e40\u0e2a\u0e35\u0e22\u0e07\u0e44\u0e14\u0e49:\", err);\n      });\n    } else {\n      radio.pause();\n      btnIconLeft.textContent = '\u25b6';\n      btnTextLeft.textContent = '\u0e1f\u0e31\u0e07\u0e2a\u0e14';\n      btnIconRight.textContent = '\u25b6';\n    }\n  }\n\n  function changeVolume(val) {\n    radio.volume = val;\n    volumeValue.textContent = Math.round(val * 100);\n  }\n\n  \/* --- \u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1c\u0e31\u0e07\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23 FM 94.50 MHz (\u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e43\u0e2b\u0e21\u0e48\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14) --- *\/\n  const masterSchedule = [\n    { start: 0, end: 120, days: 'all', title: '\u0e21\u0e19\u0e15\u0e4c\u0e23\u0e31\u0e01 \u0e25\u0e39\u0e01\u0e17\u0e38\u0e48\u0e07', host: '\u0e2a\u0e16\u0e32\u0e19\u0e35\u0e27\u0e34\u0e17\u0e22\u0e38\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e04\u0e19\u0e01\u0e38\u0e21\u0e20\u0e27\u0e32\u0e1b\u0e35', timeStr: '00:00 - 02:00' },\n    { start: 120, end: 240, days: 'all', title: '\u0e42\u0e23\u0e07\u0e25\u0e30\u0e04\u0e23\u0e2b\u0e19\u0e49\u0e32\u0e44\u0e21\u0e04\u0e4c', host: '\u0e2a\u0e16\u0e32\u0e19\u0e35\u0e27\u0e34\u0e17\u0e22\u0e38\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e04\u0e19\u0e01\u0e38\u0e21\u0e20\u0e27\u0e32\u0e1b\u0e35', timeStr: '02:00 - 04:00' },\n    { start: 240, end: 300, days: 'all', title: '\u0e18\u0e23\u0e23\u0e21\u0e30 \u0e23\u0e31\u0e1a\u0e2d\u0e23\u0e38\u0e13', host: '\u0e2a\u0e16\u0e32\u0e19\u0e35\u0e27\u0e34\u0e17\u0e22\u0e38\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e04\u0e19\u0e01\u0e38\u0e21\u0e20\u0e27\u0e32\u0e1b\u0e35', timeStr: '04:00 - 05:00' },\n    { start: 300, end: 360, days: 'all', title: '\u0e01\u0e32\u0e42\u0e19\u0e48\u0e25\u0e39\u0e01\u0e17\u0e38\u0e48\u0e07\u0e44\u0e17\u0e22', host: '\u0e2a\u0e16\u0e32\u0e19\u0e35\u0e27\u0e34\u0e17\u0e22\u0e38\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e04\u0e19\u0e01\u0e38\u0e21\u0e20\u0e27\u0e32\u0e1b\u0e35', timeStr: '05:00 - 06:00' },\n    { start: 360, end: 420, days: 'all', title: '\u0e1a\u0e2d\u0e01\u0e01\u0e25\u0e48\u0e32\u0e27 \u0e40\u0e25\u0e48\u0e32\u0e2d\u0e32\u0e0a\u0e35\u0e1e', host: '\u0e42\u0e14\u0e22\u0e14\u0e35\u0e40\u0e08 \u0e2b\u0e19\u0e38\u0e48\u0e21\u0e16\u0e19\u0e2d\u0e21\u0e0a\u0e31\u0e22', timeStr: '06:00 - 07:00' },\n    { start: 420, end: 480, days: 'weekday', title: '\u0e02\u0e48\u0e32\u0e27\u0e08\u0e32\u0e01\u0e2a\u0e16\u0e32\u0e19\u0e35\u0e27\u0e34\u0e17\u0e22\u0e38\u0e41\u0e2b\u0e48\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22', host: '\u0e2a\u0e16\u0e32\u0e19\u0e35\u0e27\u0e34\u0e17\u0e22\u0e38\u0e41\u0e2b\u0e48\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22', timeStr: '07:00 - 08:00' },\n    { start: 420, end: 480, days: 'weekend', title: '\u0e22\u0e34\u0e49\u0e21\u0e41\u0e22\u0e49\u0e21 \u0e41\u0e01\u0e49\u0e21\u0e43\u0e2a', host: '\u0e2a\u0e16\u0e32\u0e19\u0e35\u0e27\u0e34\u0e17\u0e22\u0e38\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e04\u0e19\u0e01\u0e38\u0e21\u0e20\u0e27\u0e32\u0e1b\u0e35', timeStr: '07:00 - 08:00' },\n    { start: 480, end: 540, days: 'all', title: '\u0e25\u0e39\u0e01\u0e17\u0e38\u0e48\u0e07\u0e1f\u0e31\u0e07\u0e2a\u0e1a\u0e32\u0e22 \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e04\u0e19\u0e23\u0e31\u0e01\u0e29\u0e4c\u0e19\u0e32', host: '\u0e2a\u0e16\u0e32\u0e19\u0e35\u0e27\u0e34\u0e17\u0e22\u0e38\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e04\u0e19\u0e01\u0e38\u0e21\u0e20\u0e27\u0e32\u0e1b\u0e35', timeStr: '08:00 - 09:00' },\n    { start: 540, end: 600, days: 'all', title: '\u0e1b\u0e31\u0e14\u0e1d\u0e38\u0e48\u0e19\u0e25\u0e39\u0e01\u0e17\u0e38\u0e48\u0e07\u0e40\u0e01\u0e48\u0e32', host: '\u0e42\u0e14\u0e22\u0e14\u0e35\u0e40\u0e08 \u0e1a\u0e48\u0e32\u0e27\u0e40\u0e15\u0e35\u0e49\u0e22\u0e40\u0e21\u0e37\u0e2d\u0e07\u0e40\u0e01\u0e48\u0e32', timeStr: '09:00 - 10:00' },\n    { start: 600, end: 660, days: 'all', title: '\u0e02\u0e48\u0e32\u0e27\u0e2d\u0e38\u0e14\u0e23\u0e27\u0e31\u0e19\u0e19\u0e35\u0e49', host: '\u0e2a\u0e16\u0e32\u0e19\u0e35\u0e27\u0e34\u0e17\u0e22\u0e38\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e04\u0e19\u0e01\u0e38\u0e21\u0e20\u0e27\u0e32\u0e1b\u0e35', timeStr: '10:00 - 11:00' },\n    { start: 660, end: 780, days: 'all', title: '94.5 \u0e27\u0e32\u0e44\u0e23\u0e15\u0e35\u0e49', host: '\u0e2a\u0e16\u0e32\u0e19\u0e35\u0e27\u0e34\u0e17\u0e22\u0e38\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e04\u0e19\u0e01\u0e38\u0e21\u0e20\u0e27\u0e32\u0e1b\u0e35', timeStr: '11:00 - 13:00' },\n    { start: 780, end: 900, days: 'all', title: '\u0e21\u0e34\u0e27\u0e2a\u0e34\u0e04\u0e2a\u0e40\u0e15\u0e0a\u0e31\u0e48\u0e19', host: '\u0e2a\u0e16\u0e32\u0e19\u0e35\u0e27\u0e34\u0e17\u0e22\u0e38\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e04\u0e19\u0e01\u0e38\u0e21\u0e20\u0e27\u0e32\u0e1b\u0e35', timeStr: '13:00 - 15:00' },\n    { start: 900, end: 960, days: 'all', title: '\u0e40\u0e1e\u0e25\u0e07\u0e40\u0e01\u0e48\u0e32\u0e25\u0e37\u0e21\u0e44\u0e21\u0e48\u0e25\u0e07 Song to Remember', host: '\u0e42\u0e14\u0e22\u0e14\u0e35\u0e40\u0e08 \u0e40\u0e2d\u0e1b\u0e31\u0e19', timeStr: '15:00 - 16:00' },\n    { start: 960, end: 1020, days: 'weekday', title: '\u0e22\u0e34\u0e49\u0e21\u0e41\u0e22\u0e49\u0e21 \u0e41\u0e01\u0e49\u0e21\u0e43\u0e2a', host: '\u0e2a\u0e16\u0e32\u0e19\u0e35\u0e27\u0e34\u0e17\u0e22\u0e38\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e04\u0e19\u0e01\u0e38\u0e21\u0e20\u0e27\u0e32\u0e1b\u0e35', timeStr: '16:00 - 17:00' },\n    { start: 960, end: 1020, days: 'weekend', title: '\u0e21\u0e34\u0e27\u0e2a\u0e34\u0e04\u0e2a\u0e40\u0e15\u0e0a\u0e31\u0e48\u0e19', host: '\u0e2a\u0e16\u0e32\u0e19\u0e35\u0e27\u0e34\u0e17\u0e22\u0e38\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e04\u0e19\u0e01\u0e38\u0e21\u0e20\u0e27\u0e32\u0e1b\u0e35', timeStr: '16:00 - 17:00' },\n    { start: 1020, end: 1140, days: 'all', title: '\u0e25\u0e39\u0e01\u0e17\u0e38\u0e48\u0e07\u0e04\u0e19\u0e01\u0e38\u0e21\u0e20\u0e27\u0e32 94.5', host: '\u0e2a\u0e16\u0e32\u0e19\u0e35\u0e27\u0e34\u0e17\u0e22\u0e38\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e04\u0e19\u0e01\u0e38\u0e21\u0e20\u0e27\u0e32\u0e1b\u0e35', timeStr: '17:00 - 19:00' },\n    { start: 1140, end: 1170, days: 'all', title: '\u0e02\u0e48\u0e32\u0e27\u0e08\u0e32\u0e01\u0e2a\u0e16\u0e32\u0e19\u0e35\u0e27\u0e34\u0e17\u0e22\u0e38\u0e41\u0e2b\u0e48\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22', host: '\u0e2a\u0e16\u0e32\u0e19\u0e35\u0e27\u0e34\u0e17\u0e22\u0e38\u0e41\u0e2b\u0e48\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22', timeStr: '19:00 - 19:30' },\n    { start: 1170, end: 1200, days: '1', title: '\u0e28\u0e32\u0e25\u0e1b\u0e01\u0e04\u0e23\u0e2d\u0e07\u0e1e\u0e1a\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e0a\u0e19', host: '\u0e2a\u0e32\u0e23\u0e30\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49', timeStr: '19:30 - 20:00' },\n    { start: 1170, end: 1200, days: '2', title: '\u0e01\u0e01\u0e15.\u0e17\u0e2d\u0e25\u0e4c\u0e04', host: '\u0e2a\u0e32\u0e23\u0e30\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49', timeStr: '19:30 - 20:00' },\n    { start: 1170, end: 1200, days: '3,4', title: '\u0e04\u0e25\u0e37\u0e48\u0e19\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22 \u0e20\u0e32\u0e23\u0e01\u0e34\u0e08\u0e1e\u0e34\u0e0a\u0e34\u0e15\u0e42\u0e01\u0e07(\u0e1b\u0e1b\u0e17)', host: '\u0e2a\u0e32\u0e23\u0e30\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49', timeStr: '19:30 - 20:00' },\n    { start: 1170, end: 1200, days: '5', title: '\u0e1b.\u0e1b.\u0e0a. \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14 \u0e02\u0e08\u0e31\u0e14\u0e42\u0e01\u0e07', host: '\u0e2a\u0e32\u0e23\u0e30\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49', timeStr: '19:30 - 20:00' },\n    { start: 1170, end: 1200, days: '0,6', title: '\u0e40\u0e1e\u0e25\u0e07\u0e2e\u0e34\u0e15\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07', host: '\u0e2a\u0e16\u0e32\u0e19\u0e35\u0e27\u0e34\u0e17\u0e22\u0e38\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e04\u0e19\u0e01\u0e38\u0e21\u0e20\u0e27\u0e32\u0e1b\u0e35', timeStr: '19:30 - 20:00' },\n    { start: 1200, end: 1230, days: 'all', title: '\u0e02\u0e48\u0e32\u0e27\u0e43\u0e19\u0e1e\u0e23\u0e30\u0e23\u0e32\u0e0a\u0e2a\u0e33\u0e19\u0e31\u0e01', host: '\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e1e\u0e23\u0e30\u0e23\u0e32\u0e0a\u0e27\u0e31\u0e07', timeStr: '20:00 - 20:30' },\n    { start: 1230, end: 1260, days: 'all', title: '\u0e40\u0e1e\u0e25\u0e07\u0e2e\u0e34\u0e15\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07', host: '\u0e2a\u0e16\u0e32\u0e19\u0e35\u0e27\u0e34\u0e17\u0e22\u0e38\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e04\u0e19\u0e01\u0e38\u0e21\u0e20\u0e27\u0e32\u0e1b\u0e35', timeStr: '20:30 - 21:00' },\n    { start: 1260, end: 1380, days: 'all', title: '\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e40\u0e25\u0e48\u0e32\u0e0a\u0e32\u0e27\u0e40\u0e01\u0e29\u0e15\u0e23', host: '\u0e1c\u0e39\u0e49\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23: \u0e01\u0e19\u0e01\u0e1e\u0e07\u0e28\u0e4c | \u0e1c\u0e39\u0e49\u0e01\u0e33\u0e01\u0e31\u0e1a: \u0e1e\u0e35\u0e48\u0e22\u0e32', timeStr: '21:00 - 23:00' },\n    { start: 1380, end: 1440, days: 'all', title: '\u0e15\u0e33\u0e19\u0e32\u0e19\u0e40\u0e1e\u0e25\u0e07\u0e40\u0e01\u0e48\u0e32 \u0e40\u0e25\u0e48\u0e32\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e2d\u0e14\u0e35\u0e15', host: '\u0e2a\u0e16\u0e32\u0e19\u0e35\u0e27\u0e34\u0e17\u0e22\u0e38\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e04\u0e19\u0e01\u0e38\u0e21\u0e20\u0e27\u0e32\u0e1b\u0e35', timeStr: '23:00 - 24:00' }\n  ];\n\n  \/* --- \u0e23\u0e30\u0e1a\u0e1a\u0e04\u0e33\u0e19\u0e27\u0e13\u0e41\u0e25\u0e30\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25 On Air Now \/ Coming Up --- *\/\n  function updateRealtimeSchedule() {\n    const now = new Date();\n    const currentMinutes = now.getHours() * 60 + now.getMinutes();\n    const dayOfWeek = now.getDay();\n    const isWeekend = (dayOfWeek === 0 || dayOfWeek === 6);\n\n    const todaysSchedule = masterSchedule.filter(item => {\n      if (item.days === 'all') return true;\n      if (item.days === 'weekday' && !isWeekend) return true;\n      if (item.days === 'weekend' && isWeekend) return true;\n      if (item.days.includes(dayOfWeek.toString())) return true;\n      return false;\n    }).sort((a, b) => a.start - b.start);\n\n    let currentIndex = todaysSchedule.findIndex(item => currentMinutes >= item.start && currentMinutes < item.end);\n    if (currentIndex === -1) currentIndex = 0;\n\n    const currentShow = todaysSchedule[currentIndex];\n\n    document.getElementById('currentShowTitle').textContent = currentShow.title;\n    document.getElementById('currentShowHost').textContent = currentShow.host;\n    document.getElementById('currentShowTime').textContent = `\u0e0a\u0e48\u0e27\u0e07\u0e40\u0e27\u0e25\u0e32\u0e2d\u0e2d\u0e01\u0e2d\u0e32\u0e01\u0e32\u0e28: ${currentShow.timeStr} \u0e19.`;\n\n    const nextShow1 = todaysSchedule[(currentIndex + 1) % todaysSchedule.length];\n    const nextShow2 = todaysSchedule[(currentIndex + 2) % todaysSchedule.length];\n\n    const comingUpContainer = document.getElementById('comingUpList');\n    comingUpContainer.innerHTML = `\n      <div style=\"display: flex; align-items: center; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #f3f4f6;\">\n        <div style=\"display: flex; gap: 16px; align-items: center;\">\n          <span style=\"font-size: 13px; font-weight: bold; color: #f59e0b; min-width: 85px;\">${nextShow1.timeStr.split(' - ')[0]} \u0e19.<\/span>\n          <div>\n            <div style=\"font-size: 13px; font-weight: bold; color: #111827;\">${nextShow1.title}<\/div>\n            <div style=\"font-size: 11px; color: #6b7280;\">${nextShow1.host}<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div style=\"display: flex; align-items: center; justify-content: space-between; padding-top: 10px;\">\n        <div style=\"display: flex; gap: 16px; align-items: center;\">\n          <span style=\"font-size: 13px; font-weight: bold; color: #9ca3af; min-width: 85px;\">${nextShow2.timeStr.split(' - ')[0]} \u0e19.<\/span>\n          <div>\n            <div style=\"font-size: 13px; font-weight: bold; color: #111827;\">${nextShow2.title}<\/div>\n            <div style=\"font-size: 11px; color: #6b7280;\">${nextShow2.host}<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    `;\n  }\n\n  updateRealtimeSchedule();\n  setInterval(updateRealtimeSchedule, 10000);\n\n  \/* --- \u0e23\u0e30\u0e1a\u0e1a\u0e2b\u0e19\u0e35\u0e40\u0e21\u0e32\u0e2a\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a \"\u0e04\u0e19\u0e01\u0e38\u0e21\u0e20\u0e27\u0e32\u0e1b\u0e35\" --- *\/\n  const runawayTitle = document.getElementById('runawayTitle');\n  const blackContainer = document.getElementById('blackContainer');\n\n  function dodgeMouse(e) {\n    const rect = runawayTitle.getBoundingClientRect();\n    const centerX = rect.left + rect.width \/ 2;\n    const centerY = rect.top + rect.height \/ 2;\n\n    const deltaX = e.clientX - centerX;\n    const deltaY = e.clientY - centerY;\n\n    const distanceThreshold = 100;\n    const distance = Math.hypot(deltaX, deltaY);\n\n    if (distance < distanceThreshold) {\n      const angle = Math.atan2(deltaY, deltaX);\n      const pushDistance = 70;\n\n      const moveX = -Math.cos(angle) * pushDistance;\n      const moveY = -Math.sin(angle) * pushDistance;\n\n      runawayTitle.style.transform = `translate(${moveX}px, ${moveY}px)`;\n    }\n  }\n\n  runawayTitle.addEventListener('mousemove', dodgeMouse);\n  runawayTitle.addEventListener('mouseenter', dodgeMouse);\n\n  blackContainer.addEventListener('mouseleave', () => {\n    runawayTitle.style.transform = 'translate(0px, 0px)';\n  });\n<\/script>\n\n\n\n<!-- \u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e41\u0e16\u0e1a\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e27\u0e34\u0e48\u0e07\u0e2a\u0e35\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e07 -->\n<div style=\"background-color: #facc15; color: #000000; padding: 12px 0; overflow: hidden; white-space: nowrap; width: 100%; font-weight: bold; font-size: 14px; font-family: sans-serif; border-top: 1px solid #eab308; border-bottom: 1px solid #eab308; box-sizing: border-box;\">\n    \n    <div style=\"display: inline-block; animation: scrollText 25s linear infinite; padding-left: 100%;\">\n        <span style=\"margin-right: 48px;\">\u2022 FM 94.5 MHz<\/span>\n        <span style=\"margin-right: 48px;\">\u2022 \u0e02\u0e48\u0e32\u0e27\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19<\/span>\n        <span style=\"margin-right: 48px;\">\u2022 \u0e40\u0e1e\u0e25\u0e07\u0e25\u0e39\u0e01\u0e17\u0e38\u0e48\u0e07<\/span>\n        <span style=\"margin-right: 48px;\">\u2022 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e0a\u0e38\u0e21\u0e0a\u0e19<\/span>\n        <span style=\"margin-right: 48px;\">\u2022 \u0e2d\u0e2d\u0e01\u0e2d\u0e32\u0e01\u0e32\u0e28 24 \u0e0a\u0e21.<\/span>\n        <span style=\"margin-right: 48px;\">\u2022 \u0e27\u0e34\u0e17\u0e22\u0e38\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e04\u0e19\u0e01\u0e38\u0e21\u0e20\u0e27\u0e32\u0e1b\u0e35<\/span>\n    <\/div>\n\n<\/div>\n\n<!-- \u0e2a\u0e48\u0e27\u0e19\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e01\u0e32\u0e23\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e2b\u0e27\u0e14\u0e49\u0e27\u0e22 CSS Animation -->\n<style>\n@keyframes scrollText {\n    0% {\n        transform: translate3d(0, 0, 0);\n    }\n    100% {\n        transform: translate3d(-100%, 0, 0);\n    }\n}\n<\/style>\n\n\n\n<style>\n  \/* \u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23 *\/\n  .station-news-section {\n    font-family: 'Prompt', 'Sarabun', sans-serif;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 20px;\n  }\n\n  \/* \u0e2a\u0e48\u0e27\u0e19\u0e2b\u0e31\u0e27 (Header) *\/\n  .news-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n    margin-bottom: 20px;\n  }\n\n  .news-title-group {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .news-title-indicator {\n    width: 24px;\n    height: 4px;\n    background-color: #121212;\n    border-radius: 2px;\n  }\n\n  .news-main-title {\n    font-size: 1.6rem;\n    font-weight: 700;\n    color: #121212;\n    margin: 0;\n  }\n\n  .news-view-all {\n    color: #121212;\n    text-decoration: none;\n    font-weight: 600;\n    font-size: 0.95rem;\n    border-bottom: 2px solid #121212;\n    padding-bottom: 2px;\n    transition: opacity 0.2s ease;\n  }\n\n  .news-view-all:hover {\n    opacity: 0.7;\n  }\n\n  \/* \u0e15\u0e32\u0e23\u0e32\u0e07\u0e01\u0e32\u0e23\u0e4c\u0e14\u0e02\u0e48\u0e32\u0e27\u0e41\u0e1a\u0e1a\u0e22\u0e37\u0e14\u0e2b\u0e22\u0e38\u0e48\u0e19 (Flexbox Layout) *\/\n  .news-grid-container {\n    display: flex;\n    gap: 16px;\n    min-height: 380px;\n  }\n\n  \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e01\u0e32\u0e23\u0e4c\u0e14\u0e02\u0e48\u0e32\u0e27 *\/\n  .news-card-item {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    background: #ffffff;\n    border-radius: 12px;\n    border: 1px solid #e5e7eb;\n    overflow: hidden;\n    text-decoration: none;\n    color: inherit;\n    transition: flex 0.5s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s ease, border-color 0.3s ease;\n    cursor: pointer;\n    position: relative;\n  }\n\n  \/* \u0e40\u0e2d\u0e1f\u0e40\u0e1f\u0e01\u0e15\u0e4c\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e21\u0e32\u0e2a\u0e4c\u0e0a\u0e35\u0e49: \u0e01\u0e32\u0e23\u0e4c\u0e14\u0e02\u0e22\u0e32\u0e22\u0e01\u0e27\u0e49\u0e32\u0e07\u0e02\u0e36\u0e49\u0e19\u0e41\u0e1a\u0e1a\u0e43\u0e19\u0e04\u0e25\u0e34\u0e1b *\/\n  .news-card-item:hover {\n    flex: 1.6;\n    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);\n    border-color: #ffd700;\n  }\n\n  \/* \u0e01\u0e23\u0e2d\u0e1a\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e02\u0e48\u0e32\u0e27 *\/\n  .news-card-thumb {\n    width: 100%;\n    height: 220px;\n    overflow: hidden;\n    position: relative;\n    background-color: #0f172a;\n  }\n\n  .news-card-thumb img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n  }\n\n  .news-card-item:hover .news-card-thumb img {\n    transform: scale(1.08);\n  }\n\n  \/* \u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23 *\/\n  .news-card-body {\n    padding: 16px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    flex-grow: 1;\n  }\n\n  \/* \u0e1b\u0e49\u0e32\u0e22\u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48 *\/\n  .news-badge {\n    align-self: flex-start;\n    background-color: #0f172a;\n    color: #ffffff;\n    font-size: 0.75rem;\n    font-weight: 600;\n    padding: 4px 10px;\n    border-radius: 6px;\n    margin-bottom: 10px;\n  }\n\n  \/* \u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e02\u0e48\u0e32\u0e27 *\/\n  .news-card-title {\n    font-size: 1.05rem;\n    font-weight: 700;\n    line-height: 1.4;\n    color: #0f172a;\n    margin: 0 0 12px 0;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    transition: color 0.2s ease;\n  }\n\n  .news-card-item:hover .news-card-title {\n    color: #0284c7;\n  }\n\n  \/* \u0e27\u0e31\u0e19\u0e17\u0e35\u0e48\u0e42\u0e1e\u0e2a\u0e15\u0e4c *\/\n  .news-card-date {\n    font-size: 0.8rem;\n    color: #94a3b8;\n  }\n\n  \/* \u0e2a\u0e16\u0e32\u0e19\u0e30\u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14 *\/\n  .news-loading-text {\n    width: 100%;\n    text-align: center;\n    padding: 50px 0;\n    color: #64748b;\n    font-size: 1rem;\n  }\n\n  \/* \u0e1b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e1a\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d *\/\n  @media (max-width: 768px) {\n    .news-grid-container {\n      flex-direction: column;\n    }\n    .news-card-item:hover {\n      flex: 1;\n    }\n  }\n<\/style>\n\n<div class=\"station-news-section\">\n  <!-- Header -->\n  <div class=\"news-header\">\n    <div class=\"news-title-group\">\n      <div class=\"news-title-indicator\"><\/div>\n      <h2 class=\"news-main-title\">\u0e02\u0e48\u0e32\u0e27\u0e08\u0e32\u0e01\u0e2a\u0e16\u0e32\u0e19\u0e35<\/h2>\n    <\/div>\n    <a href=\"\/category\/news\" class=\"news-view-all\">\u0e14\u0e39\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 &rsaquo;<\/a>\n  <\/div>\n\n  <!-- News Cards Container -->\n  <div class=\"news-grid-container\" id=\"wp-latest-news-grid\">\n    <div class=\"news-loading-text\">\u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14&#8230;<\/div>\n  <\/div>\n<\/div>\n\n<script>\n  async function loadWordPressLatestNews() {\n    const container = document.getElementById('wp-latest-news-grid');\n    \n    try {\n      \/\/ \u0e14\u0e36\u0e07\u0e42\u0e1e\u0e2a\u0e15\u0e4c\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14 3 \u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e08\u0e32\u0e01 WordPress REST API\n      const response = await fetch('\/wp-json\/wp\/v2\/posts?per_page=3&_embed');\n      if (!response.ok) throw new Error('Fetch failed');\n      \n      const posts = await response.json();\n      container.innerHTML = ''; \/\/ \u0e40\u0e04\u0e25\u0e35\u0e22\u0e23\u0e4c\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\n\n      const thaiMonths = ['\u0e21.\u0e04.', '\u0e01.\u0e1e.', '\u0e21\u0e35.\u0e04.', '\u0e40\u0e21.\u0e22.', '\u0e1e.\u0e04.', '\u0e21\u0e34.\u0e22.', '\u0e01.\u0e04.', '\u0e2a.\u0e04.', '\u0e01.\u0e22.', '\u0e15.\u0e04.', '\u0e1e.\u0e22.', '\u0e18.\u0e04.'];\n\n      posts.forEach(post => {\n        \/\/ 1. \u0e14\u0e36\u0e07 \u0e23\u0e39\u0e1b\u0e1b\u0e01 (Featured Image)\n        let featuredImg = 'https:\/\/images.unsplash.com\/photo-1585829365295-ab7cd400c167?q=80&w=600';\n        if (post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0]) {\n          featuredImg = post._embedded['wp:featuredmedia'][0].source_url;\n        }\n\n        \/\/ 2. \u0e14\u0e36\u0e07 \u0e0a\u0e37\u0e48\u0e2d\u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48 (Category)\n        let categoryName = '\u0e02\u0e48\u0e32\u0e27\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c';\n        if (post._embedded && post._embedded['wp:term'] && post._embedded['wp:term'][0] && post._embedded['wp:term'][0][0]) {\n          categoryName = post._embedded['wp:term'][0][0].name;\n        }\n\n        \/\/ 3. \u0e41\u0e1b\u0e25\u0e07 \u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 \u0e40\u0e1b\u0e47\u0e19 \u0e1e.\u0e28.\n        const pDate = new Date(post.date);\n        const formattedDate = `${pDate.getDate()} ${thaiMonths[pDate.getMonth()]} ${pDate.getFullYear() + 543}`;\n\n        \/\/ 4. \u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e02\u0e48\u0e32\u0e27 \u0e41\u0e25\u0e30 \u0e25\u0e34\u0e07\u0e01\u0e4c\n        const title = post.title.rendered;\n        const link = post.link;\n\n        \/\/ \u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e4c\u0e14 HTML\n        const cardHTML = `\n          <a href=\"${link}\" class=\"news-card-item\">\n            <div class=\"news-card-thumb\">\n              <img decoding=\"async\" src=\"${featuredImg}\" alt=\"${title}\">\n            <\/div>\n            <div class=\"news-card-body\">\n              <div>\n                <span class=\"news-badge\">${categoryName}<\/span>\n                <h3 class=\"news-card-title\">${title}<\/h3>\n              <\/div>\n              <span class=\"news-card-date\">${formattedDate}<\/span>\n            <\/div>\n          <\/a>\n        `;\n        container.insertAdjacentHTML('beforeend', cardHTML);\n      });\n\n    } catch (error) {\n      console.error('Error fetching WP news:', error);\n      container.innerHTML = '<div class=\"news-loading-text\">\u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23\u0e44\u0e14\u0e49\u0e43\u0e19\u0e02\u0e13\u0e30\u0e19\u0e35\u0e49<\/div>';\n    }\n  }\n\n  \/\/ \u0e40\u0e23\u0e35\u0e22\u0e01\u0e17\u0e33\u0e07\u0e32\u0e19\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e42\u0e2b\u0e25\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e23\u0e49\u0e2d\u0e22\n  document.addEventListener('DOMContentLoaded', loadWordPressLatestNews);\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0e2d\u0e2d\u0e01\u0e2d\u0e32\u0e01\u0e32\u0e28\u0e2a\u0e14 24 \u0e0a\u0e21. \u0e04\u0e19 [&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":"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":"","ast-disable-related-posts":"","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-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.fmudon.com\/defiant\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fmudon.com\/defiant\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.fmudon.com\/defiant\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.fmudon.com\/defiant\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fmudon.com\/defiant\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":92,"href":"https:\/\/www.fmudon.com\/defiant\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":6745,"href":"https:\/\/www.fmudon.com\/defiant\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/6745"}],"wp:attachment":[{"href":"https:\/\/www.fmudon.com\/defiant\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}