{"id":2,"date":"2026-09-01T10:18:33","date_gmt":"2026-09-01T10:18:33","guid":{"rendered":"https:\/\/isra-panel.com\/?page_id=2"},"modified":"2026-09-06T02:02:17","modified_gmt":"2026-09-06T02:02:17","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/isra-panel.com\/","title":{"rendered":""},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-center\">\u05e1\u05e4\u05d5\u05d8 VS \u05e4\u05d9\u05d5\u05e6&#8217;\u05e8\u05e1<\/h3>\n\n\n\n<style>\n  .crypto-card {\n    width: 100%;\n    max-width: 520px;\n    background: #1e222d;\n    padding: 18px;\n    border-radius: 10px;\n    color: #ffffff;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    direction: ltr;\n    box-sizing: border-box;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n    margin: 0 auto;\n    overflow: hidden;\n  }\n  .price-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding-bottom: 12px;\n    margin-bottom: 12px;\n    border-bottom: 1px solid #2a2e39;\n  }\n  .btc-title {\n    font-size: 16px;\n    font-weight: bold;\n    color: #f7931a;\n  }\n  .btc-price-val {\n    font-size: 18px;\n    font-weight: bold;\n    color: #ffffff;\n  }\n  .oi-val-txt {\n    font-size: 12px;\n    color: #787b86;\n  }\n  .density-header {\n    display: flex;\n    justify-content: space-between;\n    font-size: 13px;\n    font-weight: bold;\n    margin-bottom: 8px;\n  }\n  .spot-text { color: #00c076; }\n  .futures-text { color: #f6465d; }\n  .progress-bar-bg {\n    width: 100%;\n    height: 14px;\n    background-color: #2a2e39;\n    border-radius: 7px;\n    overflow: hidden;\n    display: flex;\n    margin-bottom: 16px;\n  }\n  .spot-bar { height: 100%; background-color: #00c076; transition: width 0.6s ease; }\n  .futures-bar { height: 100%; background-color: #f6465d; transition: width 0.6s ease; }\n\n  .density-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 13px;\n    text-align: left;\n    table-layout: fixed;\n  }\n  .density-table th {\n    color: #787b86;\n    font-weight: 500;\n    padding-bottom: 8px;\n    border-bottom: 1px solid #2a2e39;\n    white-space: nowrap;\n  }\n  .density-table td {\n    padding: 8px 0;\n    border-bottom: 1px solid #2a2e39;\n    vertical-align: middle;\n    white-space: nowrap;\n  }\n  .density-table tr:last-child td {\n    border-bottom: none;\n  }\n\n  .days-container {\n    display: flex;\n    gap: 3px;\n    justify-content: flex-end;\n    align-items: center;\n    direction: ltr;\n    overflow-x: auto;\n    white-space: nowrap;\n    padding-bottom: 2px;\n    -webkit-overflow-scrolling: touch;\n  }\n  .days-container::-webkit-scrollbar { display: none; }\n  .day-tag {\n    background: #2a2e39;\n    padding: 3px 4px;\n    border-radius: 4px;\n    font-size: 9.5px;\n    color: #d1d4dc;\n    flex-shrink: 0;\n  }\n  .day-tag.latest {\n    background: rgba(0, 192, 118, 0.2);\n    color: #00c076;\n    font-weight: bold;\n    border: 1px solid #00c076;\n  }\n\n  @media (max-width: 480px) {\n    .crypto-card { padding: 12px; }\n    .btc-price-val { font-size: 15px; }\n    .density-header { font-size: 12px; }\n    .density-table { font-size: 11px; }\n    .day-tag { font-size: 8px; padding: 2px 3px; }\n    .days-container { gap: 2px; }\n  }\n<\/style>\n\n<div class=\"crypto-card\">\n  <!-- \u05de\u05d7\u05d9\u05e8 \u05d1\u05d9\u05d8\u05e7\u05d5\u05d9\u05df + Open Interest -->\n  <div class=\"price-header\">\n    <div>\n      <span class=\"btc-title\">BTC\/USDT<\/span>\n      <div class=\"oi-val-txt\">OI: <span id=\"oi-usd-val\">$&#8211;B<\/span><\/div>\n    <\/div>\n    <div class=\"btc-price-val\" id=\"btc-price\">$&#8211;,&#8212;<\/div>\n  <\/div>\n\n  <!-- \u05e1\u05e8\u05d2\u05dc \u05d0\u05d7\u05d5\u05d6\u05d9\u05dd \u05e2\u05dc\u05d9\u05d5\u05df -->\n  <div class=\"density-header\">\n    <span class=\"spot-text\">Spot: <span class=\"spot-val-txt\">&#8212;<\/span>%<\/span>\n    <span class=\"futures-text\">Futures: <span class=\"futures-val-txt\">&#8212;<\/span>%<\/span>\n  <\/div>\n  <div class=\"progress-bar-bg\">\n    <div class=\"spot-bar-elem spot-bar\" style=\"width: 0%;\"><\/div>\n    <div class=\"futures-bar-elem futures-bar\" style=\"width: 0%;\"><\/div>\n  <\/div>\n\n  <!-- \u05d8\u05d1\u05dc\u05ea \u05e0\u05ea\u05d5\u05e0\u05d9\u05dd -->\n  <table class=\"density-table\">\n    <thead>\n      <tr>\n        <th style=\"width: 20%;\">\u05e9\u05d5\u05e7<\/th>\n        <th style=\"width: 25%;\">\u05e0\u05e4\u05d7 24h<\/th>\n        <th style=\"width: 15%;\">\u05d9\u05d7\u05e1<\/th>\n        <th style=\"width: 40%; text-align: center;\">Spot (10d)<\/th>\n      <\/tr>\n    <\/thead>\n    <tbody>\n      <tr>\n        <td class=\"spot-text\" style=\"font-weight: bold;\">Spot<\/td>\n        <td id=\"spot-vol-usd\">$&#8211;<\/td>\n        <td id=\"spot-pct-td\">&#8211;%<\/td>\n        <td rowspan=\"2\" style=\"text-align: center;\">\n          <div class=\"days-container\" id=\"10d-values-container\">\n            <span class=\"day-tag\">&#8211;%<\/span>\n          <\/div>\n        <\/td>\n      <\/tr>\n      <tr>\n        <td class=\"futures-text\" style=\"font-weight: bold;\">Futures<\/td>\n        <td id=\"futures-vol-usd\">$&#8211;<\/td>\n        <td id=\"futures-pct-td\">&#8211;%<\/td>\n      <\/tr>\n    <\/tbody>\n  <\/table>\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    var spot24Url = \"https:\/\/api.binance.com\/api\/v3\/ticker\/24hr?symbol=BTCUSDT\";\n    var futures24Url = \"https:\/\/fapi.binance.com\/fapi\/v1\/ticker\/24hr?symbol=BTCUSDT\";\n    var spotKlinesUrl = \"https:\/\/api.binance.com\/api\/v3\/klines?symbol=BTCUSDT&interval=1d&limit=10\";\n    var futuresKlinesUrl = \"https:\/\/fapi.binance.com\/fapi\/v1\/klines?symbol=BTCUSDT&interval=1d&limit=10\";\n    var oiUrl = \"https:\/\/fapi.binance.com\/fapi\/v1\/openInterest?symbol=BTCUSDT\";\n\n    Promise.all([\n        fetch(spot24Url).then(r => r.json()),\n        fetch(futures24Url).then(r => r.json()),\n        fetch(spotKlinesUrl).then(r => r.json()),\n        fetch(futuresKlinesUrl).then(r => r.json()),\n        fetch(oiUrl).then(r => r.json())\n    ]).then(function(results) {\n        var spot24 = results[0];\n        var futures24 = results[1];\n        var spotKlines = results[2];\n        var futuresKlines = results[3];\n        var oiData = results[4];\n\n        \/\/ 1. \u05de\u05d7\u05d9\u05e8 \u05d1\u05d9\u05d8\u05e7\u05d5\u05d9\u05df \u05d5\u05e0\u05e4\u05d7\u05d9\u05dd\n        if (spot24 && spot24.lastPrice && spot24.quoteVolume && futures24 && futures24.quoteVolume) {\n            var price = parseFloat(spot24.lastPrice);\n            document.getElementById('btc-price').innerText = '$' + price.toLocaleString('en-US', {minimumFractionDigits: 2, maximumFractionDigits: 2});\n\n            var spotVol = parseFloat(spot24.quoteVolume);\n            var futuresVol = parseFloat(futures24.quoteVolume);\n            var totalVol = spotVol + futuresVol;\n\n            if (totalVol > 0) {\n                var spotPct = Math.round((spotVol \/ totalVol) * 100);\n                var futuresPct = 100 - spotPct;\n\n                document.querySelectorAll('.spot-val-txt').forEach(el => el.innerText = spotPct);\n                document.querySelectorAll('.futures-val-txt').forEach(el => el.innerText = futuresPct);\n                document.querySelectorAll('.spot-bar-elem').forEach(el => el.style.width = spotPct + '%');\n                document.querySelectorAll('.futures-bar-elem').forEach(el => el.style.width = futuresPct + '%');\n\n                document.getElementById('spot-pct-td').innerText = spotPct + '%';\n                document.getElementById('futures-pct-td').innerText = futuresPct + '%';\n                document.getElementById('spot-vol-usd').innerText = '$' + (spotVol \/ 1e9).toFixed(2) + 'B';\n                document.getElementById('futures-vol-usd').innerText = '$' + (futuresVol \/ 1e9).toFixed(2) + 'B';\n            }\n\n            \/\/ \u05d7\u05d9\u05e9\u05d5\u05d1 Open Interest \u05d1\u05d3\u05d5\u05dc\u05e8\u05d9\u05dd\n            if (oiData && oiData.openInterest) {\n                var oiBtc = parseFloat(oiData.openInterest);\n                var oiUsd = oiBtc * price;\n                document.getElementById('oi-usd-val').innerText = '$' + (oiUsd \/ 1e9).toFixed(2) + 'B';\n            }\n        }\n\n        \/\/ 2. \u05e0\u05ea\u05d5\u05e0\u05d9 10 \u05d9\u05de\u05d9\u05dd\n        if (Array.isArray(spotKlines) && Array.isArray(futuresKlines)) {\n            var dailySpotPct = [];\n            for (var i = 0; i < Math.min(spotKlines.length, futuresKlines.length); i++) {\n                var sVol = parseFloat(spotKlines[i][7]);\n                var fVol = parseFloat(futuresKlines[i][7]);\n                var tVol = sVol + fVol;\n                if (tVol > 0) {\n                    dailySpotPct.push(Math.round((sVol \/ tVol) * 100));\n                }\n            }\n\n            if (dailySpotPct.length > 0) {\n                var container = document.getElementById('10d-values-container');\n                container.innerHTML = '';\n                \n                dailySpotPct.forEach(function(pct, index) {\n                    var span = document.createElement('span');\n                    span.className = 'day-tag' + (index === dailySpotPct.length - 1 ? ' latest' : '');\n                    span.innerText = pct + '%';\n                    container.appendChild(span);\n                });\n            }\n        }\n    }).catch(function(err) {\n        console.error(\"Data fetch error:\", err);\n    });\n});\n<\/script>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><strong><a href=\"https:\/\/www.coinglass.com\/pro\/i\/spot-vs-futures-trading-volume\" target=\"_blank\" rel=\"noopener\">COIN GLASS<\/a><\/strong><\/p>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\"><strong>\u05e4\u05d9\u05d5\u05e6&#8217;\u05e8\u05e1 \u05d2\u05d1\u05d5\u05d4\u05d4 (\u05de\u05e2\u05dc 80-85%):<\/strong> \u05de\u05e2\u05d9\u05d3\u05d4 \u05e2\u05dc \u05e9\u05d5\u05e7 \u05e9\u05de\u05e0\u05d5\u05d4\u05dc \u05e2\u05dc-\u05d9\u05d3\u05d9 \u05de\u05de\u05d5\u05e0\u05e4\u05d9\u05dd <br>\u05d5\u05e1\u05d5\u05d7\u05e8\u05d9\u05dd \u05dc\u05d8\u05d5\u05d5\u05d7 \u05e7\u05e6\u05e8<br>\u05d4\u05e1\u05e4\u05d5\u05d8 \u05de\u05e2\u05dc 15%-20% &#8211; \u05e7\u05d5\u05e0\u05d9\u05dd \u05d0\u05de\u05d9\u05ea\u05d9\u05d9\u05dd \u05e0\u05db\u05e0\u05e1\u05d9\u05dd \u05dc\u05e9\u05d5\u05e7 \u05dc\u05dc\u05d0 \u05de\u05d9\u05e0\u05d5\u05e3<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-center\">\u05d7\u05d5\u05d6\u05d9\u05dd \u05e4\u05ea\u05d5\u05d7\u05d9\u05dd<\/h3>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><a href=\"https:\/\/coinalyze.net\/bitcoin\/open-interest\/\"><strong>BTC OI<\/strong><\/a> <br><br>\u05e2\u05d5\u05dc\u05d4 + \u05de\u05d7\u05d9\u05e8 \u05e2\u05d5\u05dc\u05d4 &#8211; \u05db\u05e1\u05e3 \u05d7\u05d3\u05e9 \u05e0\u05db\u05e0\u05e1 \u05d1\u05dc\u05d5\u05e0\u05d2<br> \u05e2\u05d5\u05dc\u05d4 + \u05de\u05d7\u05d9\u05e8 \u05d9\u05d5\u05e8\u05d3 &#8211; \u05db\u05e1\u05e3 \u05d7\u05d3\u05e9 \u05e0\u05db\u05e0\u05e1 \u05d1\u05e9\u05d5\u05e8\u05d8<br> \u05d9\u05d5\u05e8\u05d3+ \u05de\u05d7\u05d9\u05e8 \u05e2\u05d5\u05dc\u05d4 &#8211; \u05e9\u05d5\u05e8\u05d8\u05d9\u05e1\u05d8\u05d9\u05dd \u05e1\u05d5\u05d2\u05e8\u05d9\u05dd \u05e4\u05d5\u05d6\u05d9\u05e6\u05d9\u05d5\u05ea \u05e0\u05d6\u05d9\u05dc\u05d5\u05ea \u05d0\u05d5 \u05de\u05d9\u05de\u05d5\u05e9 \u05e8\u05d5\u05d5\u05d7\u05d9\u05dd<br>\u05d9\u05d5\u05e8\u05d3+ \u05de\u05d7\u05d9\u05e8 \u05d9\u05d5\u05e8\u05d3- \u05dc\u05d5\u05e0\u05d2\u05d9\u05e1\u05d8\u05d9\u05dd \u05e1\u05d5\u05d2\u05e8\u05d9\u05dd \u05e4\u05d5\u05d6\u05d9\u05e6\u05d9\u05d5\u05ea \u05d0\u05d5 \u05d4\u05e0\u05d6\u05dc\u05d5\u05ea &#8211; \u05d4\u05d5\u05df \u05d9\u05d5\u05e6\u05d0 \u05de\u05d4\u05e9\u05d5\u05e7<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u05e1\u05e4\u05d5\u05d8 VS \u05e4\u05d9\u05d5\u05e6&#8217;\u05e8\u05e1 BTC\/USDT OI: $&#8211;B $&#8211;,&#8212; Spot: &#8212;% Futures: &#8212;% \u05e9\u05d5\u05e7 \u05e0\u05e4\u05d7 24h \u05d9\u05d7\u05e1 Spot (10d) Spot $&#8211; &#8211;% &#8211;% Futures $&#8211; &#8211;% COIN GLASS \u05e4\u05d9\u05d5\u05e6&#8217;\u05e8\u05e1 \u05d2\u05d1\u05d5\u05d4\u05d4 (\u05de\u05e2\u05dc 80-85%): \u05de\u05e2\u05d9\u05d3\u05d4 \u05e2\u05dc \u05e9\u05d5\u05e7 \u05e9\u05de\u05e0\u05d5\u05d4\u05dc \u05e2\u05dc-\u05d9\u05d3\u05d9 \u05de\u05de\u05d5\u05e0\u05e4\u05d9\u05dd \u05d5\u05e1\u05d5\u05d7\u05e8\u05d9\u05dd \u05dc\u05d8\u05d5\u05d5\u05d7 \u05e7\u05e6\u05e8\u05d4\u05e1\u05e4\u05d5\u05d8 \u05de\u05e2\u05dc 15%-20% &#8211; \u05e7\u05d5\u05e0\u05d9\u05dd \u05d0\u05de\u05d9\u05ea\u05d9\u05d9\u05dd \u05e0\u05db\u05e0\u05e1\u05d9\u05dd \u05dc\u05e9\u05d5\u05e7 \u05dc\u05dc\u05d0 \u05de\u05d9\u05e0\u05d5\u05e3 \u05d7\u05d5\u05d6\u05d9\u05dd \u05e4\u05ea\u05d5\u05d7\u05d9\u05dd BTC OI \u05e2\u05d5\u05dc\u05d4 + \u05de\u05d7\u05d9\u05e8 &#8230; <a title=\"\" class=\"read-more\" href=\"https:\/\/isra-panel.com\/\" aria-label=\"Read more about \">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2","page","type-page","status-publish"],"acf":{"spot_percentage":10,"futures_percentage":90},"_links":{"self":[{"href":"https:\/\/isra-panel.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/isra-panel.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/isra-panel.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/isra-panel.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/isra-panel.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":4,"href":"https:\/\/isra-panel.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":44,"href":"https:\/\/isra-panel.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/44"}],"wp:attachment":[{"href":"https:\/\/isra-panel.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}