Hugging Face's logo

Spaces:
onelevelstudio
/
MRKT
Running

App Files
baobuiquang commited on
Commit
4e638dd
·
verified ·
1 Parent(s): 65d1ed1

Upload 2 files

Browse files
Files changed (2) hide show
  1. css/CORE-custom.css +50 -0
  2. index.html +169 -0
css/CORE-custom.css ADDED
@@ -0,0 +1,50 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /* font-family: "Inter"; */
2
+ /* @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=block'); */
3
+ /* font-family: "Geist"; */
4
+ @import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=block');
5
+ /* font-family: "JetBrains Mono"; */
6
+ /* @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=block'); */
7
+
8
+ :root {
9
+ --font-main: "Geist";
10
+ --font-size-1rem: 16px;
11
+ --font-weight: 400;
12
+ --color-bg: hsl(0, 0%, 0%);
13
+ --color-tx: hsl(0, 0%, 90%);
14
+ --color-lk: hsl(0, 0%, 90%);
15
+ --color-lk-hover: hsl(0, 0%, 40%);
16
+ --color-lk-underline: hsl(0, 0%, 30%);
17
+ --color-lk-underline-hover: hsl(0, 0%, 60%);
18
+ --color-text-select-tx: hsl(0, 0%, 10%);
19
+ --color-text-select-bg: hsl(0, 0%, 90%);
20
+ }
21
+
22
+ /* ==================================================================================================== */
23
+
24
+ *,
25
+ *::before,
26
+ *::after {
27
+ font-family: var(--font-main);
28
+ font-size: var(--font-size-1rem);
29
+ font-weight: var(--font-weight);
30
+ }
31
+
32
+ body {
33
+ background: var(--color-bg);
34
+ color: var(--color-tx);
35
+ }
36
+
37
+ ::selection {
38
+ background: var(--color-text-select-bg);
39
+ color: var(--color-text-select-tx);
40
+ }
41
+
42
+ a {
43
+ color: var(--color-lk);
44
+ text-decoration-color: var(--color-lk-underline);
45
+ }
46
+
47
+ a:hover {
48
+ color: var(--color-lk-hover);
49
+ text-decoration-color: var(--color-lk-underline-hover);
50
+ }
index.html ADDED
@@ -0,0 +1,169 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Crypto Market</title>
8
+ <link rel="icon" href="https://cdn.jsdelivr.net/gh/OneLevelStudio/CORE/STATIC/1LV_LOGO_DARK.png">
9
+ <!-- OneLevelStudio/CORE -->
10
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/OneLevelStudio/CORE/CORE/CORE.css">
11
+ <link rel="stylesheet" href="css/CORE-custom.css">
12
+ </head>
13
+
14
+ <body style="overflow: hidden;">
15
+
16
+ <div class="row">
17
+ <div class="col-4">
18
+ <div style="height: calc(100svh + 32px);">
19
+ <div style="height: 140px; width: 35px; position: absolute; bottom: 0; left: 0; z-index: 999; background: #00808033; background: transparent;"></div>
20
+ <!-- TradingView Widget BEGIN -->
21
+ <div class="tradingview-widget-container">
22
+ <div class="tradingview-widget-container__widget"></div>
23
+ <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>
24
+ <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-crypto-coins-heatmap.js" async>
25
+ {
26
+ "dataSource": "Crypto",
27
+ "blockSize": "24h_vol_cmc",
28
+ "blockColor": "24h_close_change|5",
29
+ "locale": "en",
30
+ "symbolUrl": "https://www.tradingview.com/support/solutions/43000614331-technical-ratings/",
31
+ "colorTheme": "dark",
32
+ "hasTopBar": true,
33
+ "isDataSetEnabled": true,
34
+ "isZoomEnabled": true,
35
+ "hasSymbolTooltip": true,
36
+ "isMonoSize": false,
37
+ "width": "100%",
38
+ "height": "100%"
39
+ }
40
+ </script>
41
+ </div>
42
+ <!-- TradingView Widget END -->
43
+ </div>
44
+ </div>
45
+ <div class="col-6" style="border-right: solid 1px rgba(128, 128, 128, 0.5);">
46
+ <div style="height: calc(100svh + 72px);">
47
+ <!-- TradingView Widget BEGIN -->
48
+ <div class="tradingview-widget-container">
49
+ <div class="tradingview-widget-container__widget"></div>
50
+ <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>
51
+ <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-screener.js" async>
52
+ {
53
+ "defaultColumn": "overview",
54
+ "screener_type": "crypto_mkt",
55
+ "displayCurrency": "USD",
56
+ "colorTheme": "dark",
57
+ "isTransparent": true,
58
+ "locale": "en",
59
+ "largeChartUrl": "https://www.tradingview.com/support/solutions/43000614331-technical-ratings/",
60
+ "width": "100%",
61
+ "height": "100%"
62
+ }
63
+ </script>
64
+ </div>
65
+ <!-- TradingView Widget END -->
66
+ </div>
67
+ </div>
68
+ <div class="col-4">
69
+ <div style="height: 100svh;">
70
+ <div style="position: relative;">
71
+ <div style="height: 32px; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 999; background: #00808033; background: var(--color-bg);"></div>
72
+ <div style="height: 80px; width: 45px; position: absolute; bottom: 0; left: 0; z-index: 999; background: #00808033; background: var(--color-bg);"></div>
73
+ <!-- TradingView Widget BEGIN -->
74
+ <div class="tradingview-widget-container">
75
+ <div class="tradingview-widget-container__widget"></div>
76
+ <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>
77
+ <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-symbol-overview.js" async>
78
+ {
79
+ "lineWidth": 2,
80
+ "lineType": 0,
81
+ "chartType": "area",
82
+ "showVolume": false,
83
+ "fontColor": "rgb(106, 109, 120)",
84
+ "gridLineColor": "rgba(255, 255, 255, 0.1)",
85
+ "volumeUpColor": "rgba(34, 171, 148, 0.5)",
86
+ "volumeDownColor": "rgba(247, 82, 95, 0.5)",
87
+ "backgroundColor": "rgba(15, 15, 15, 0)",
88
+ "widgetFontColor": "rgba(255, 255, 255, 1)",
89
+ "upColor": "#22ab94",
90
+ "downColor": "#f7525f",
91
+ "borderUpColor": "#22ab94",
92
+ "borderDownColor": "#f7525f",
93
+ "wickUpColor": "#22ab94",
94
+ "wickDownColor": "#f7525f",
95
+ "colorTheme": "dark",
96
+ "isTransparent": true,
97
+ "locale": "en",
98
+ "chartOnly": false,
99
+ "scalePosition": "right",
100
+ "scaleMode": "Normal",
101
+ "fontFamily": "-apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif",
102
+ "valuesTracking": "1",
103
+ "changeMode": "percent-only",
104
+ "symbols": [
105
+ [
106
+ "BTC",
107
+ "CRYPTO:BTCUSD|1M"
108
+ ]
109
+ ],
110
+ "dateRanges": [
111
+ "1d|1",
112
+ "1w|15",
113
+ "1m|30",
114
+ "3m|60",
115
+ "12m|1D",
116
+ "60m|1W",
117
+ "ytd|1D",
118
+ "all|1M"
119
+ ],
120
+ "fontSize": "10",
121
+ "headerFontSize": "medium",
122
+ "autosize": true,
123
+ "dateFormat": "MMM dd, yyyy",
124
+ "timeHoursFormat": "24-hours",
125
+ "width": "100%",
126
+ "height": "450",
127
+ "noTimeScale": false,
128
+ "hideDateRanges": false,
129
+ "hideMarketStatus": false,
130
+ "hideSymbolLogo": true
131
+ }
132
+ </script>
133
+ </div>
134
+ <!-- TradingView Widget END -->
135
+ </div>
136
+ <div style="position: relative;">
137
+ <div style="height: 32px; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 999; background: #00808033; background: var(--color-bg);"></div>
138
+ <div style="height: 80px; width: 40px; position: absolute; bottom: 0; right: 0; z-index: 999; background: #00808033; background: var(--color-bg);"></div>
139
+ <!-- TradingView Widget BEGIN -->
140
+ <div class="tradingview-widget-container">
141
+ <div class="tradingview-widget-container__widget"></div>
142
+ <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>
143
+ <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-technical-analysis.js" async>
144
+ {
145
+ "colorTheme": "dark",
146
+ "displayMode": "single",
147
+ "isTransparent": true,
148
+ "locale": "en",
149
+ "interval": "15m",
150
+ "disableInterval": false,
151
+ "largeChartUrl": "https://www.tradingview.com/support/solutions/43000614331-technical-ratings/",
152
+ "width": "100%",
153
+ "height": "450",
154
+ "symbol": "CRYPTO:BTCUSD",
155
+ "showIntervalTabs": true
156
+ }
157
+ </script>
158
+ </div>
159
+ <!-- TradingView Widget END -->
160
+ </div>
161
+ </div>
162
+ </div>
163
+ </div>
164
+
165
+ <!-- OneLevelStudio/CORE -->
166
+ <script src="https://cdn.jsdelivr.net/gh/OneLevelStudio/CORE/CORE/CORE.js"></script>
167
+ </body>
168
+
169
+ </html>