File size: 2,943 Bytes
a38a635 fbffbd6 a38a635 9c0d831 ece1448 9c0d831 75ec1f0 9c0d831 ece1448 75ec1f0 28f0fb1 ece1448 9c0d831 75ec1f0 28f0fb1 9c0d831 75ec1f0 9c0d831 75ec1f0 9c0d831 ece1448 75ec1f0 9c0d831 75ec1f0 3b94ff4 9c0d831 a38a635 ece1448 fbffbd6 a38a635 fbffbd6 a38a635 fbffbd6 a38a635 fbffbd6 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>TradingView Widgets + News</title>
<style>
body {
background-color: #0f0f0f;
color: white;
font-family: sans-serif;
text-align: center;
}
.section {
margin: 30px auto;
}
</style>
</head>
<body>
<h1>TradingView Dashboard</h1>
<!-- Widget 2: Market Overview -->
<div class="section">
<h2>Market Overview</h2>
<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
<div class="tradingview-widget-container__widget"></div>
<div class="tradingview-widget-copyright"><a href="https://www.tradingview.com/" rel="noopener nofollow" target="_blank"><span class="blue-text">Track all markets on TradingView</span></a></div>
<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-ticker-tape.js" async>
{
"symbols": [
{
"proName": "FOREXCOM:SPXUSD",
"title": "S&P 500 Index"
},
{
"description": "DJI",
"proName": "FOREXCOM:DJI"
},
{
"description": "NASDAQ",
"proName": "FOREXCOM:NSXUSD"
},
{
"description": "BITCOIN",
"proName": "INDEX:BTCUSD"
},
{
"description": "GOLD",
"proName": "CAPITALCOM:GOLD"
},
{
"description": "VIX",
"proName": "FXOPEN:VIX"
}
],
"showSymbolLogo": true,
"isTransparent": false,
"displayMode": "compact",
"colorTheme": "dark",
"locale": "en"
}
</script>
</div>
<!-- TradingView Widget END -->
<!-- Widget 1: Market Events -->
<div class="section">
<h2>Market Events</h2>
<div class="tradingview-widget-container">
<div class="tradingview-widget-container__widget"></div>
<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-events.js" async>
{
"colorTheme": "dark",
"isTransparent": false,
"width": "400",
"height": "550",
"locale": "en",
"importanceFilter": "-1,0,1",
"countryFilter": "us"
}
</script>
</div>
</div>
<!-- Widget 3: News (Darqube) -->
<div class="section">
<h2>Market News</h2>
<iframe style="border: none; width:330px; height: 990px;" data-widget-name="NewsWidget" src="https://widget.darqube.com/news-widget?token=67f8a39726dbae650324011d" id="NewsWidget-fb0s45k"></iframe>
<script>
window.top.addEventListener("message", function(msg) {
const widget = document.getElementById('NewsWidget-fb0s45k');
if (!widget) return;
const styles = msg.data?.styles;
const token = msg.data?.token;
const urlToken = new URL(widget.src)?.searchParams?.get?.('token');
if (styles && token === urlToken) {
Object.keys(styles).forEach(key => widget.style.setProperty(key, styles[key]))
}
});
</script>
</div>
</body>
</html> |