File size: 15,072 Bytes
4e638dd
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!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>