Upload index.html
Browse files- index.html +133 -0
index.html
ADDED
|
@@ -0,0 +1,133 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<title>TradingView Widgets</title>
|
| 7 |
+
<style>
|
| 8 |
+
body {
|
| 9 |
+
background-color: #0f0f0f;
|
| 10 |
+
color: white;
|
| 11 |
+
font-family: sans-serif;
|
| 12 |
+
text-align: center;
|
| 13 |
+
}
|
| 14 |
+
.section {
|
| 15 |
+
margin: 30px auto;
|
| 16 |
+
}
|
| 17 |
+
</style>
|
| 18 |
+
</head>
|
| 19 |
+
<body>
|
| 20 |
+
|
| 21 |
+
<h1>TradingView Dashboard</h1>
|
| 22 |
+
|
| 23 |
+
<!-- Widget 1: Market Events -->
|
| 24 |
+
<div class="section">
|
| 25 |
+
<h2>Market Events</h2>
|
| 26 |
+
<div class="tradingview-widget-container">
|
| 27 |
+
<div class="tradingview-widget-container__widget"></div>
|
| 28 |
+
<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-events.js" async>
|
| 29 |
+
{
|
| 30 |
+
"colorTheme": "dark",
|
| 31 |
+
"isTransparent": false,
|
| 32 |
+
"width": "400",
|
| 33 |
+
"height": "550",
|
| 34 |
+
"locale": "en",
|
| 35 |
+
"importanceFilter": "-1,0,1",
|
| 36 |
+
"countryFilter": "us"
|
| 37 |
+
}
|
| 38 |
+
</script>
|
| 39 |
+
</div>
|
| 40 |
+
</div>
|
| 41 |
+
|
| 42 |
+
<!-- Widget 2: Market Overview -->
|
| 43 |
+
<div class="section">
|
| 44 |
+
<h2>Market Overview</h2>
|
| 45 |
+
<div class="tradingview-widget-container">
|
| 46 |
+
<div class="tradingview-widget-container__widget"></div>
|
| 47 |
+
<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-market-overview.js" async>
|
| 48 |
+
{
|
| 49 |
+
"colorTheme": "dark",
|
| 50 |
+
"dateRange": "1D",
|
| 51 |
+
"showChart": true,
|
| 52 |
+
"locale": "en",
|
| 53 |
+
"largeChartUrl": "",
|
| 54 |
+
"isTransparent": false,
|
| 55 |
+
"showSymbolLogo": true,
|
| 56 |
+
"showFloatingTooltip": false,
|
| 57 |
+
"width": "400",
|
| 58 |
+
"height": "550",
|
| 59 |
+
"plotLineColorGrowing": "rgba(41, 98, 255, 1)",
|
| 60 |
+
"plotLineColorFalling": "rgba(41, 98, 255, 1)",
|
| 61 |
+
"gridLineColor": "rgba(152, 152, 152, 0)",
|
| 62 |
+
"scaleFontColor": "rgba(219, 219, 219, 1)",
|
| 63 |
+
"belowLineFillColorGrowing": "rgba(41, 98, 255, 0.12)",
|
| 64 |
+
"belowLineFillColorFalling": "rgba(41, 98, 255, 0.12)",
|
| 65 |
+
"belowLineFillColorGrowingBottom": "rgba(41, 98, 255, 0)",
|
| 66 |
+
"belowLineFillColorFallingBottom": "rgba(41, 98, 255, 0)",
|
| 67 |
+
"symbolActiveColor": "rgba(41, 98, 255, 0.12)",
|
| 68 |
+
"tabs": [
|
| 69 |
+
{
|
| 70 |
+
"title": "Indices",
|
| 71 |
+
"symbols": [
|
| 72 |
+
{ "s": "CBOT_MINI:MYM1!", "d": "MYM1!" },
|
| 73 |
+
{ "s": "CME_MINI:ESM2025" }
|
| 74 |
+
],
|
| 75 |
+
"originalTitle": "Indices"
|
| 76 |
+
},
|
| 77 |
+
{
|
| 78 |
+
"title": "Forex",
|
| 79 |
+
"symbols": [
|
| 80 |
+
{ "s": "FX:EURUSD", "d": "EUR to USD" },
|
| 81 |
+
{ "s": "FX:GBPUSD", "d": "GBP to USD" },
|
| 82 |
+
{ "s": "FX:USDJPY", "d": "USD to JPY" },
|
| 83 |
+
{ "s": "FX:USDCHF", "d": "USD to CHF" },
|
| 84 |
+
{ "s": "FX:AUDUSD", "d": "AUD to USD" },
|
| 85 |
+
{ "s": "FX:USDCAD", "d": "USD to CAD" }
|
| 86 |
+
],
|
| 87 |
+
"originalTitle": "Forex"
|
| 88 |
+
},
|
| 89 |
+
{
|
| 90 |
+
"title": "Futures",
|
| 91 |
+
"symbols": [
|
| 92 |
+
{ "s": "CME_MINI:ES1!", "d": "S&P 500 Futures (Front)" },
|
| 93 |
+
{ "s": "CME_MINI:NQ1!", "d": "Nasdaq 100 Futures (Front)" },
|
| 94 |
+
{ "s": "CME_MINI:YM1!", "d": "Dow Futures (Front)" }
|
| 95 |
+
],
|
| 96 |
+
"originalTitle": "Futures"
|
| 97 |
+
},
|
| 98 |
+
{
|
| 99 |
+
"title": "Bonds",
|
| 100 |
+
"symbols": [
|
| 101 |
+
{ "s": "EUREX:FGBL1!", "d": "Euro Bund" },
|
| 102 |
+
{ "s": "EUREX:FBTP1!", "d": "Euro BTP" },
|
| 103 |
+
{ "s": "EUREX:FGBM1!", "d": "Euro BOBL" }
|
| 104 |
+
],
|
| 105 |
+
"originalTitle": "Bonds"
|
| 106 |
+
}
|
| 107 |
+
]
|
| 108 |
+
}
|
| 109 |
+
</script>
|
| 110 |
+
</div>
|
| 111 |
+
</div>
|
| 112 |
+
|
| 113 |
+
<!-- Widget 3: Timeline -->
|
| 114 |
+
<div class="section">
|
| 115 |
+
<h2>Market Timeline</h2>
|
| 116 |
+
<div class="tradingview-widget-container">
|
| 117 |
+
<div class="tradingview-widget-container__widget"></div>
|
| 118 |
+
<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-timeline.js" async>
|
| 119 |
+
{
|
| 120 |
+
"feedMode": "all_symbols",
|
| 121 |
+
"isTransparent": false,
|
| 122 |
+
"displayMode": "regular",
|
| 123 |
+
"width": 400,
|
| 124 |
+
"height": 550,
|
| 125 |
+
"colorTheme": "dark",
|
| 126 |
+
"locale": "en"
|
| 127 |
+
}
|
| 128 |
+
</script>
|
| 129 |
+
</div>
|
| 130 |
+
</div>
|
| 131 |
+
|
| 132 |
+
</body>
|
| 133 |
+
</html>
|