MRKT / index.html
baobuiquang's picture
Upload 2 files
4e638dd verified
raw
history blame
15.1 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Crypto Market</title>
<link rel="icon" href="https://cdn.jsdelivr.net/gh/OneLevelStudio/CORE/STATIC/1LV_LOGO_DARK.png">
<!-- OneLevelStudio/CORE -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/OneLevelStudio/CORE/CORE/CORE.css">
<link rel="stylesheet" href="css/CORE-custom.css">
</head>
<body style="overflow: hidden;">
<div class="row">
<div class="col-4">
<div style="height: calc(100svh + 32px);">
<div style="height: 140px; width: 35px; position: absolute; bottom: 0; left: 0; z-index: 999; background: #00808033; background: transparent;"></div>
<!-- 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/heatmap/crypto/" rel="noopener nofollow" target="_blank"><span class="blue-text">Crypto Heatmap</span></a><span class="trademark"> by TradingView</span></div>
<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-crypto-coins-heatmap.js" async>
{
"dataSource": "Crypto",
"blockSize": "24h_vol_cmc",
"blockColor": "24h_close_change|5",
"locale": "en",
"symbolUrl": "https://www.tradingview.com/support/solutions/43000614331-technical-ratings/",
"colorTheme": "dark",
"hasTopBar": true,
"isDataSetEnabled": true,
"isZoomEnabled": true,
"hasSymbolTooltip": true,
"isMonoSize": false,
"width": "100%",
"height": "100%"
}
</script>
</div>
<!-- TradingView Widget END -->
</div>
</div>
<div class="col-6" style="border-right: solid 1px rgba(128, 128, 128, 0.5);">
<div style="height: calc(100svh + 72px);">
<!-- 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/markets/cryptocurrencies/prices-all/" rel="noopener nofollow" target="_blank"><span class="blue-text">Crypto markets</span></a><span class="trademark"> by TradingView</span></div>
<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-screener.js" async>
{
"defaultColumn": "overview",
"screener_type": "crypto_mkt",
"displayCurrency": "USD",
"colorTheme": "dark",
"isTransparent": true,
"locale": "en",
"largeChartUrl": "https://www.tradingview.com/support/solutions/43000614331-technical-ratings/",
"width": "100%",
"height": "100%"
}
</script>
</div>
<!-- TradingView Widget END -->
</div>
</div>
<div class="col-4">
<div style="height: 100svh;">
<div style="position: relative;">
<div style="height: 32px; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 999; background: #00808033; background: var(--color-bg);"></div>
<div style="height: 80px; width: 45px; position: absolute; bottom: 0; left: 0; z-index: 999; background: #00808033; background: var(--color-bg);"></div>
<!-- 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/symbols/BTCUSD/?exchange=CRYPTO" rel="noopener nofollow" target="_blank"><span class="blue-text">Bitcoin price</span></a><span class="trademark">&nbsp;by TradingView</span></div>
<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-symbol-overview.js" async>
{
"lineWidth": 2,
"lineType": 0,
"chartType": "area",
"showVolume": false,
"fontColor": "rgb(106, 109, 120)",
"gridLineColor": "rgba(255, 255, 255, 0.1)",
"volumeUpColor": "rgba(34, 171, 148, 0.5)",
"volumeDownColor": "rgba(247, 82, 95, 0.5)",
"backgroundColor": "rgba(15, 15, 15, 0)",
"widgetFontColor": "rgba(255, 255, 255, 1)",
"upColor": "#22ab94",
"downColor": "#f7525f",
"borderUpColor": "#22ab94",
"borderDownColor": "#f7525f",
"wickUpColor": "#22ab94",
"wickDownColor": "#f7525f",
"colorTheme": "dark",
"isTransparent": true,
"locale": "en",
"chartOnly": false,
"scalePosition": "right",
"scaleMode": "Normal",
"fontFamily": "-apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif",
"valuesTracking": "1",
"changeMode": "percent-only",
"symbols": [
[
"BTC",
"CRYPTO:BTCUSD|1M"
]
],
"dateRanges": [
"1d|1",
"1w|15",
"1m|30",
"3m|60",
"12m|1D",
"60m|1W",
"ytd|1D",
"all|1M"
],
"fontSize": "10",
"headerFontSize": "medium",
"autosize": true,
"dateFormat": "MMM dd, yyyy",
"timeHoursFormat": "24-hours",
"width": "100%",
"height": "450",
"noTimeScale": false,
"hideDateRanges": false,
"hideMarketStatus": false,
"hideSymbolLogo": true
}
</script>
</div>
<!-- TradingView Widget END -->
</div>
<div style="position: relative;">
<div style="height: 32px; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 999; background: #00808033; background: var(--color-bg);"></div>
<div style="height: 80px; width: 40px; position: absolute; bottom: 0; right: 0; z-index: 999; background: #00808033; background: var(--color-bg);"></div>
<!-- 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/symbols/BTCUSD/?exchange=CRYPTO" rel="noopener nofollow" target="_blank"><span class="blue-text">BTCUSD analysis</span></a><span class="trademark"> by TradingView</span></div>
<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-technical-analysis.js" async>
{
"colorTheme": "dark",
"displayMode": "single",
"isTransparent": true,
"locale": "en",
"interval": "15m",
"disableInterval": false,
"largeChartUrl": "https://www.tradingview.com/support/solutions/43000614331-technical-ratings/",
"width": "100%",
"height": "450",
"symbol": "CRYPTO:BTCUSD",
"showIntervalTabs": true
}
</script>
</div>
<!-- TradingView Widget END -->
</div>
</div>
</div>
</div>
<!-- OneLevelStudio/CORE -->
<script src="https://cdn.jsdelivr.net/gh/OneLevelStudio/CORE/CORE/CORE.js"></script>
</body>
</html>