{"id":33,"date":"2026-08-03T16:23:16","date_gmt":"2026-08-03T16:23:16","guid":{"rendered":"https:\/\/jegold.jejakaemastrading.com\/?page_id=33"},"modified":"2026-08-03T16:33:32","modified_gmt":"2026-08-03T16:33:32","slug":"tv-display","status":"publish","type":"page","link":"https:\/\/jegold.jejakaemastrading.com\/?page_id=33","title":{"rendered":"TV Display"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <meta http-equiv=\"refresh\" content=\"60\">\n    <title>JE GOLD PRICE &#8211; TV Display<\/title>\n    <style>\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n        body {\n            font-family: 'Arial Black', Arial, sans-serif;\n            background: linear-gradient(135deg, #1a1a2e 0%, #0d1117 100%);\n            color: #fff;\n            height: 100vh;\n            overflow: hidden;\n            display: flex;\n            flex-direction: column;\n        }\n        \n        .tv-container {\n            width: 100%;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            padding: 15px;\n        }\n        \n        .row {\n            display: flex;\n            gap: 10px;\n            margin-bottom: 15px;\n            flex-wrap: wrap;\n        }\n        \n        .col-1-60, .col-2-40 {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            text-align: center;\n            padding: 10px;\n            border-radius: 8px;\n        }\n        \n        .col-1-60 { flex: 0 0 60%; min-width: 300px; }\n        .col-2-40 { flex: 0 0 40%; min-width: 200px; }\n        \n        .title-je {\n            font-size: 2.8rem;\n            background: linear-gradient(45deg, #ffd700, #d4af37);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            text-shadow: 0 0 15px rgba(212, 175, 55, 0.5);\n            animation: glow 2s ease-in-out infinite alternate;\n        }\n        \n        @keyframes glow {\n            from { filter: drop-shadow(0 0 15px rgba(212, 175, 55, 0.5)); }\n            to { filter: drop-shadow(0 0 30px rgba(212, 175, 55, 0.8)); }\n        }\n        \n        .date-time {\n            font-size: 1.5rem;\n            color: #aaa;\n        }\n        \n        .date-val { font-size: 1.3rem; font-weight: 700; color: #ffd700; }\n        .time-val { font-size: 1.8rem; font-weight: 800; color: #fff; }\n        \n        .row-2 { flex: 1 0 auto; }\n        .video-player { flex: 0 0 60%; min-width: 300px; }\n        .video-wrapper { position: relative; width: 100%; max-width: 700px; aspect-ratio: 16\/9; }\n        .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: 8px; }\n        \n        .gold-types { flex: 0 0 40%; min-width: 200px; padding: 10px 0; }\n        .gold-types h3 { color: #d4af37; margin-bottom: 15px; text-align: center; font-size: 1.3rem; }\n        .gold-item { display: flex; justify-content: space-between; align-items: center; padding: 8px 15px; margin: 5px 0; background: rgba(255,255,255,0.08); border-radius: 5px; font-size: 0.9rem; }\n        .gold-name { color: #fff; }\n        .gold-price { color: #FFD700; font-weight: 700; font-size: 1.1rem; }\n        \n        .row-3 { flex: 0 0 auto; }\n        .waktu-solat-wrapper { flex: 0 0 80%; min-width: 300px; }\n        .tael-price-wrapper { flex: 0 0 20%; min-width: 150px; display: flex; justify-content: center; align-items: center; }\n        \n        .waktu-solat h3 { color: #d4af37; margin-bottom: 15px; text-align: center; }\n        .time-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }\n        .time-item { background: rgba(0,0,0,0.3); padding: 8px 12px; border-radius: 6px; min-width: 80px; text-align: center; }\n        .time-label { font-size: 0.7rem; color: #888; }\n        .time-value { font-size: 1.1rem; font-weight: 700; color: #ffd700; margin-top: 3px; }\n        \n        .tael-main { text-align: center; padding: 15px; background: rgba(212,175,55,0.2); border-radius: 10px; }\n        .tael-main .label { font-size: 0.9rem; color: #aaa; }\n.tael-main .value { font-size: 2.5rem; font-weight: 900; color: #fff; margin: 5px 0; text-shadow: 0 0 15px rgba(255,215,0,0.7); }\n        \n        @media (max-width: 768px) {\n            .col-1-60, .col-2-40, .video-player, .gold-types, .waktu-solat-wrapper, .tael-price-wrapper { flex: 0 0 auto; width: 100%; min-width: auto; }\n            .title-je { font-size: 2rem; }\n            .tael-main .value { font-size: 4rem; }\n            .gold-rm { font-size: 1.5rem; }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"tv-container\">\n        <!-- Row 1: Title and Date\/Time -->\n        <div class=\"row row-1\">\n            <div class=\"col-1-60\">\n                <h1 class=\"title-je\">JE GOLD PRICE<\/h1>\n            <\/div>\n            <div class=\"col-2-40\">\n                <div class=\"date-time\">\n                    <div class=\"date-val\" id=\"date-day\">Mon 03 Aug 2026<\/div>\n                    <div class=\"time-val\" id=\"time-now\">04:58:00<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- Row 2: Video and Gold Types -->\n        <div class=\"row row-2\">\n            <div class=\"video-player\">\n                <div class=\"video-wrapper\">\n                    <iframe src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ?autoplay=0&#038;controls=0&#038;loop=1&#038;playlist=dQw4w9WgXcQ&#038;mute=1\" title=\"Gold Prices Video\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\n                <\/div>\n            <\/div>\n            \n            <div class=\"gold-types\">\n                <h3>\ud83d\udcb0 Buyback Prices<\/h3>\n                <div class=\"gold-item\">\n                    <span class=\"gold-name\">Gold 999.9 (24K)<\/span>\n                    <span class=\"gold-price\" id=\"price-9999\">&#8212;<\/span>\n                <\/div>\n                <div class=\"gold-item\">\n                    <span class=\"gold-name\">Gold 999 (24K)<\/span>\n                    <span class=\"gold-price\" id=\"price-999\">&#8212;<\/span>\n                <\/div>\n                <div class=\"gold-item\">\n                    <span class=\"gold-name\">Gold 916 (22K)<\/span>\n                    <span class=\"gold-price\" id=\"price-916\">&#8212;<\/span>\n                <\/div>\n                <div class=\"gold-item\">\n                    <span class=\"gold-name\">Gold Paun<\/span>\n                    <span class=\"gold-price\" id=\"price-paun\">&#8212;<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- Row 3: Waktu Solat and Tael Price -->\n        <div class=\"row row-3\">\n            <div class=\"waktu-solat-wrapper\">\n                <h3>\ud83d\udd4c Waktu Solat<\/h3>\n                <div class=\"time-grid\">\n                    <div class=\"time-item\"><div class=\"time-label\">Subuh<\/div><div class=\"time-value\" id=\"subuh\">&#8211;:&#8211;<\/div><\/div>\n                    <div class=\"time-item\"><div class=\"time-label\">Zuhur<\/div><div class=\"time-value\" id=\"zuhur\">&#8211;:&#8211;<\/div><\/div>\n                    <div class=\"time-item\"><div class=\"time-label\">Asar<\/div><div class=\"time-value\" id=\"asar\">&#8211;:&#8211;<\/div><\/div>\n                    <div class=\"time-item\"><div class=\"time-label\">Maghrib<\/div><div class=\"time-value\" id=\"maghrib\">&#8211;:&#8211;<\/div><\/div>\n                    <div class=\"time-item\"><div class=\"time-label\">Isyak<\/div><div class=\"time-value\" id=\"isyak\">&#8211;:&#8211;<\/div><\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"tael-price-wrapper\">\n                <div class=\"tael-main\">\n                    <div class=\"label\">Tael Price (USD)<\/div>\n                    <div class=\"value\" id=\"tael-value\">&#8212;<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        function updateDateTime() {\n            const now = new Date();\n            const options = { weekday: 'short', day: '2-digit', month: 'short', year: 'numeric' };\n            document.getElementById('date-day').textContent = now.toLocaleDateString('en-US', options);\n            document.getElementById('time-now').textContent = now.toTimeString().slice(0, 8);\n        }\n        \n        function setWaktuSolat() {\n            const now = new Date();\nconst t = now.getHours().toString().padStart(2, '0') + ':' + now.getMinutes().toString().padStart(2, '0');\n            document.getElementById('subuh').textContent = t;\n            document.getElementById('zuhur').textContent = t;\n            document.getElementById('asar').textContent = t;\n            document.getElementById('maghrib').textContent = t;\n            document.getElementById('isyak').textContent = t;\n        }\n        \n        async function updatePrices() {\n            try {\n                const r = await fetch('https:\/\/api.oneworksc.com\/buybackemas\/mks-price?tolak=450');\n                const t = await r.text();\n                for (const l of t.split('\\n')) {\n                    if (l.startsWith('data:')) {\n                        const d = JSON.parse(l.substring(5).trim());\n                        if (d.tael || d.price_tael) {\n                            const v = d.tael || d.price_tael;\n                            const b = v \/ 37.8;\n                            document.getElementById('tael-value').textContent = v.toLocaleString();\n                            document.getElementById('price-9999').textContent = `RM ${(b * 1.00).toFixed(2)}`;\n                            document.getElementById('price-999').textContent = `RM ${(b * 0.98).toFixed(2)}`;\n                            document.getElementById('price-916').textContent = `RM ${(b * 0.90).toFixed(2)}`;\n                            document.getElementById('price-paun').textContent = `RM ${(b * 0.75).toFixed(2)}`;\n                            break;\n                        }\n                    }\n                }\n            } catch(e) {}\n        }\n        \n        updateDateTime();\n        setWaktuSolat();\n        updatePrices();\n        setInterval(() => { updateDateTime(); setWaktuSolat(); updatePrices(); }, 60000);\n    <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>JE GOLD PRICE &#8211; TV Display JE GOLD PRICE Mon 03 Aug 2026 04:58:00 \ud83d\udcb0 Buyback Prices Gold 999.9 (24K) &#8212; Gold 999 (24K) &#8212; Gold 916 (22K) &#8212; Gold Paun &#8212; \ud83d\udd4c Waktu Solat Subuh &#8211;:&#8211; Zuhur &#8211;:&#8211; Asar &#8211;:&#8211; Maghrib &#8211;:&#8211; Isyak &#8211;:&#8211; Tael Price (USD) &#8212;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-33","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/jegold.jejakaemastrading.com\/index.php?rest_route=\/wp\/v2\/pages\/33","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jegold.jejakaemastrading.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jegold.jejakaemastrading.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jegold.jejakaemastrading.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jegold.jejakaemastrading.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=33"}],"version-history":[{"count":2,"href":"https:\/\/jegold.jejakaemastrading.com\/index.php?rest_route=\/wp\/v2\/pages\/33\/revisions"}],"predecessor-version":[{"id":35,"href":"https:\/\/jegold.jejakaemastrading.com\/index.php?rest_route=\/wp\/v2\/pages\/33\/revisions\/35"}],"wp:attachment":[{"href":"https:\/\/jegold.jejakaemastrading.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}