/
index.html
324 lines (278 loc) · 16.2 KB
/
index.html
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
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
<html>
<head>
<title>DEEPSPACE (DPS) Token Stats Client</title>
<meta http-equiv="Pragma" content="no-cache">
<base target="_blank">
<script type="text/javascript" src="https://d3js.org/d3.v7.min.js"></script>
<script type="text/javascript">
let xhr = new XMLHttpRequest();
xhr.open('GET', "https://token.deepspace.game/api");
xhr.send();
var respond;
var tokenName = "";
var tokenSymbol = "";
var tokenContract = "";
var totalBurned = "";
var launchDate = "";
var price ="";
var avgMarketPrice = "";
var volume = "";
var holders = "";
var totalTaxFee = "";
var receivers = "";
var totalSupply = "";
var marketCap = "";
var followers = "";
var maximumSupply = "";
var circulatingSupply = "";
var totalLiquidity = "";
var totalLiquidityBNB = "";
var liquidityRatio = "";
var totalTransactions = "";
var dailyAvgTransactions = "";
var medianTransfer = "";
var averageTransfer = "";
var totalTransfer = "";
var daysActive = "";
var senders = "";
var firstDayActive = "";
var lastDayActive = "";
var divisor = "";
var shortDesc = "";
var longDesc = "";
var lastUpdated = "";
var logoList = "";
var keyWalletListList = "";
var marketList = "";
var burnAddress = "";
var explorerLink = "";
var launchPrice = "";
var attrsList = "";
largeFormat = d3.format(",.0f");
largeFormatDecimal = d3.format(",.2f");
largeFormatPercentage = d3.format(",.4f");
smallFormatPercentage = d3.format(",.0f");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
var data = xhr.response;
tokenData = JSON.parse(data);
console.log(tokenData);
tokenName = tokenData["name"];
document.getElementById('name').innerHTML = "Token Name: " + tokenName;
tokenSymbol = tokenData["symbol"];
document.getElementById('symbol').innerHTML = "Token Symbol: " + tokenSymbol;
tokenContract = tokenData["contract"];
explorerLink = tokenData["explorer_link"];
document.getElementById('contract').innerHTML = "Token Contract: <a href=\"" + explorerLink + "\">" + tokenContract + "</a>";
launchDate = tokenData["launch_date"];
document.getElementById('launchDate').innerHTML = "Launch Date: " + launchDate;
totalBurned = tokenData["burned"];
document.getElementById('burned').innerHTML = "Total Burned: " + largeFormat(totalBurned);
tokenPrice = tokenData["price"];
document.getElementById('price').innerHTML = "Price: $" + tokenPrice;
//avgMarketPrice = tokenData["average_market_price"];
//document.getElementById('avgMarketPrice').innerHTML = "Average Market Price: $" + avgMarketPrice;
holders = tokenData["holders"];
document.getElementById('holders').innerHTML = "Holders: " + largeFormat(holders);
receivers = tokenData["receivers"];
document.getElementById('receivers').innerHTML = "Receivers: " + largeFormat(receivers);
marketCap = tokenData["market_cap"];
document.getElementById('marketCap').innerHTML = "Market Cap: $" + largeFormatDecimal(marketCap);
volume = tokenData["volume"];
document.getElementById('volume').innerHTML = "Volume: $" + largeFormatDecimal(volume);
totalSupply = tokenData["total_supply"];
document.getElementById('totalSupply').innerHTML = "Total Supply: " + largeFormat(totalSupply);
followers = tokenData["social_score"];
document.getElementById('followers').innerHTML = "Followers: " + largeFormat(followers);
maximumSupply = tokenData["maximum_supply"];
document.getElementById('maximumSupply').innerHTML = "Maximum Supply: " + largeFormat(maximumSupply);
circulatingSupply = tokenData["circulating_supply"];
document.getElementById('circulatingSupply').innerHTML = "Circulating Supply: " + largeFormat(circulatingSupply);
totalLiquidity = tokenData["total_liquidity"];
document.getElementById('totalLiquidity').innerHTML = "Total Liquidity: $" + largeFormatDecimal(totalLiquidity);
totalLiquidityBNB = tokenData["total_liquidity_bnb"];
document.getElementById('totalLiquidityBNB').innerHTML = "Total Liquidity BNB: " + largeFormatDecimal(totalLiquidityBNB);
liquidityRatio = tokenData["liquidity_ratio"];
document.getElementById('liquidityRatio').innerHTML = "Liquidity Ratio: " + largeFormatPercentage(liquidityRatio) + "%";
totalTaxFee = tokenData["total_tax_fee"];
document.getElementById('totalTaxFee').innerHTML = "Total Tax Fee: " + smallFormatPercentage(totalTaxFee) + "%";
totalTransactions = tokenData["total_transactions"];
document.getElementById('totalTransactions').innerHTML = "Total Transactions: " + largeFormat(totalTransactions);
dailyAvgTransactions = tokenData["daily_average_transactions"];
document.getElementById('dailyAvgTransactions').innerHTML = "Daily Average Transactions: " + largeFormat(dailyAvgTransactions);
medianTransfer = tokenData["median_transfer"];
document.getElementById('medianTransfer').innerHTML = "Median Transferred Amount: $" + largeFormatDecimal(medianTransfer);
averageTransfer = tokenData["average_transfer"];
document.getElementById('averageTransfer').innerHTML = "Average Transferred Amount: $" + largeFormatDecimal(averageTransfer);
totalTransfer = tokenData["total_transfer"];
document.getElementById('totalTransfer').innerHTML = "Total Transferred Amount: $" + largeFormatDecimal(totalTransfer);
daysActive = tokenData["days_active"];
document.getElementById('daysActive').innerHTML = "Days Active Trading: " + largeFormat(daysActive);
senders = tokenData["senders"];
document.getElementById('senders').innerHTML = "Total Senders: " + largeFormat(senders);
launchPrice = tokenData["launch_price"];
document.getElementById('launchPrice').innerHTML = "Launch Price: $" + largeFormatDecimal(launchPrice);
firstDayActive = tokenData["first_day_active"];
document.getElementById('firstDayActive').innerHTML = "First Day Traded: " + firstDayActive;
lastDayActive = tokenData["last_day_active"];
document.getElementById('lastDayActive').innerHTML = "Most Recent Day Traded: " + lastDayActive;
divisor = tokenData["divisor"];
document.getElementById('divisor').innerHTML = "Divisor: " + divisor;
shortDesc = tokenData["short_description"];
document.getElementById('shortDesc').innerHTML = "Short Description:<br>" + shortDesc;
summaryDesc = tokenData["summary_description"];
document.getElementById('summaryDesc').innerHTML = "Summary Description:<br>" + summaryDesc;
longDesc = tokenData["long_description"];
document.getElementById('longDesc').innerHTML = "Long Description:<br>" + longDesc.replace(/\n/g, "<br>");
logoList = tokenData["logo_list"];
document.getElementById('logoList').innerHTML = "Logo List:<br>";
/*
for (let i = 0; i < logoList.length; i++) {
logoSize = logoList[i]["logo_size"];
logoUrl = logoList[i]["logo_url"];
document.getElementById('logoList').innerHTML += "(" + logoSize + ") <a href=\"" + logoUrl + "\"><img src=\"" + logoUrl + "\" alt=\"" + tokenName + " - " + logoSize + " size logo\" />" + logoUrl + "</a><br>";
}
*/
keyWalletListList = tokenData["key_wallet_list"];
document.getElementById('keyWalletList').innerHTML = "Key Wallet List:<br><br>";
/*
for (let i = 0; i < keyWalletListList.length; i++) {
walletAddress = keyWalletListList[i]["address"];
walletTag = keyWalletListList[i]["tag"];
walletOwner = keyWalletListList[i]["owner"];
walletStatus = keyWalletListList[i]["status"];
excludeCirculatingSupply = keyWalletListList[i]["exclude_circulating_supply"];
walletBalance = keyWalletListList[i]["balance"];
percentageNetwork = keyWalletListList[i]["percentage"];
walletLink = keyWalletListList[i]["explorer_link"];
document.getElementById('keyWalletList').innerHTML += "Wallet Address: <a href=\"" + walletLink + "\">" + walletAddress + "</a><br>";
document.getElementById('keyWalletList').innerHTML += "Wallet Tag: " + walletTag + "<br>";
document.getElementById('keyWalletList').innerHTML += "Wallet Owner: " + walletOwner + "<br>";
document.getElementById('keyWalletList').innerHTML += "Wallet Status: " + walletStatus + "<br>";
document.getElementById('keyWalletList').innerHTML += "Exclude From Circulating Supply: " + excludeCirculatingSupply + "<br>";
document.getElementById('keyWalletList').innerHTML += "Wallet Balance (DPS): " + largeFormatDecimal(walletBalance) + "<br>";
document.getElementById('keyWalletList').innerHTML += "Percentage: " + largeFormatPercentage(percentageNetwork) + "%<br><br>";
}
*/
// marketsList = tokenData["markets_list"];
// document.getElementById('marketsList').innerHTML = "Markets List:<br><br>";
//
// for (let i = 0; i < marketsList.length; i++) {
// //marketName = marketsList[i]["market_name"];
// marketNickname = marketsList[i]["market_nickname"];
// marketTarget = marketsList[i]["market_target"];
// marketPrice = marketsList[i]["market_price"];
// marketLogo = marketsList[i]["market_logo"];
// marketLink = marketsList[i]["market_link"];
// marketListed = marketsList[i]["market_listed"];
// marketCountry = marketsList[i]["market_country"];
// marketTokenomics = marketsList[i]["market_tokenomics"];
//
// //document.getElementById('marketsList').innerHTML += "Market Name: " + marketName + "<br>";
// document.getElementById('marketsList').innerHTML += "<img src=\"" + marketLogo + "\" height=\25px\" width=\"25px\"><br>";
// document.getElementById('marketsList').innerHTML += "Market Name: <a href=\"" + marketLink + "\">" + marketNickname + "</a><br>";
// document.getElementById('marketsList').innerHTML += "Market Target: " + marketTarget + "<br>";
// document.getElementById('marketsList').innerHTML += "Market Price: $" + marketPrice + "<br>";
// document.getElementById('marketsList').innerHTML += "Market Listed: " + marketListed + "<br>";
// document.getElementById('marketsList').innerHTML += "Market Country: " + marketCountry + "<br>";
// document.getElementById('marketsList').innerHTML += "Market Tokenomics Supported: " + marketTokenomics + "<br><br>";
// }
attrsList = tokenData["contract_attributes"];
document.getElementById('attrsList').innerHTML = "Contract Attributes List:<br><br>";
/*
for (let i = 0; i < attrsList.length; i++) {
attrName = attrsList[i]["attribute_name"];
attrValue = attrsList[i]["attribute_value"];
document.getElementById('attrsList').innerHTML += "Attribute Name: " + attrName + "<br>";
document.getElementById('attrsList').innerHTML += "Attribute Value: " + attrValue + "<br><br>";
}
*/
burnAddress = tokenData["burn_address"];
document.getElementById('burnAddress').innerHTML = "Burn Address: " + burnAddress;
lastUpdated = tokenData["last_updated"];
document.getElementById('lastUpdated').innerHTML = "Last Updated: " + lastUpdated;
}
}
</script>
</head>
<body>
<h1>DEEPSPACE (DPS) Token Client Stats</h1>
<h2>About DEEPSPACE</h2>
<p><b>Welcome to the DEEPSPACE Metaverse!</b><br/>
DEEPSPACE is a Play-to-Earn space multiverse exploration strategy game!<br/>
Earn passive income from holding $DPS, trading NFTs, and taking risks as you explore DEEPSPACE with your fleet of ships!<br/>
Prepare to explore, harvest, and fight your way through the DEEPSPACE universe!<br/>
Learn more at: <a href="https://deepspace.game">https://deepspace.game</a><br/>
Buy DEEPSPACE (DPS) at: <a href="https://app.deepspace.game">https://app.deepspace.game</a>
</p>
<p><i>Tip: Check the console log for the full JSON response from the token stat server</i></p>
<p><i>Tip: Check out the Token Client Stats Dashboard: <a href="https://token.deepspace.game/dash">https://token.deepspace.game/dash</a></i></p>
<p>Pro Tip: Command Supported: <a href="https://token.deepspace.game/api/totalsupply">https://token.deepspace.game/api/totalsupply</a></p>
<p>Pro Tip: Command Supported: <a href="https://token.deepspace.game/api/circulatingsupply">https://token.deepspace.game/api/circulatingsupply</a></p>
<p>Pro Tip: Command Supported: <a href="https://token.deepspace.game/api/burned">https://token.deepspace.game/api/burned</a></p>
<p>Pro Tip: Command Supported: <a href="https://token.deepspace.game/api/maximumsupply">https://token.deepspace.game/api/maximumsupply</a></p>
<p>Pro Tip: Command Supported: <a href="https://token.deepspace.game/api/holders">https://token.deepspace.game/api/holders</a></p>
<p>Pro Tip: Command Supported: <a href="https://token.deepspace.game/api/volume">https://token.deepspace.game/api/volume</a></p>
<p>Pro Tip: Command Supported: <a href="https://token.deepspace.game/api/price">https://token.deepspace.game/api/price</a></p>
<p>Pro Tip: Command Supported: <a href="https://token.deepspace.game/api/tax">https://token.deepspace.game/api/tax</a></p>
<p>Pro Tip: Command Supported: <a href="https://token.deepspace.game/api/marketcap">https://token.deepspace.game/api/marketcap</a></p>
<p>Pro Tip: Command Supported: <a href="https://token.deepspace.game/api/markets">https://token.deepspace.game/api/markets</a></p>
<p>Pro Tip: Command Supported: <a href="https://token.deepspace.game/api/summary">https://token.deepspace.game/api/summary</a></p>
<p>Pro Tip: DEEPSPACE (DPS) Token API Endpoint: <a href="https://token.deepspace.game/api">https://token.deepspace.game/api</a></p>
<p>Pro Tip: DEEPSPACE (DPS) Price API Endpoint: <a href="https://token.deepspace.game/price">https://token.deepspace.game/price</a></p>
<p>Pro Tip: OPEN SOURCE on GitHub: <a href="https://github.com/deepspace-game/token-site">https://github.com/deepspace-game/token-site</a></p>
<p>Partner Pro Tip: Thanks to <a href="https://dps.fyi/moonscan">MoonScan</a>, see your wallet and reflections!</p>
<p>Partner Pro Tip: Thanks to <a href="https://dps.fyi/moonscan">MoonScan</a>, see your wallet and reflections via API with: https://api-frontend.moonscan.net/blockchain/balance/0xf275e1ac303a4c9d987a2c48b8e555a77fec3f1c/walletaddress/latest</p>
<br/>
<p>Partner Data Provided by:</p>
<ul>
<li><a href="https://bitquery.io/">BitQuery</a></li>
<li><a href="https://dps.space/bscscan">bscscan</a></li>
<li><a href="https://dps.space/coinmarketcap">CoinMarketCap</a></li>
<li><a href="https://dps.space/lunarcrush">LunarCRUSH</a></li>
<li><a href="https://dps.space/moonscan">MoonScan</a></li>
</ul>
<br/>
<br><div id="name">Token Name: N/A</div>
<br><div id="symbol">Token Symbol: N/A</div>
<br><div id="contract">Token Contract: N/A</div>
<br><div id="divisor">Divisor: N/A</div>
<br><div id="burned">Total Burned: N/A</div>
<br><div id="price">Price: N/A</div>
<br><div id="totalTaxFee">Total Tax Fee: N/A</div>
<br><div id="volume">Volume: N/A</div>
<br><div id="holders">Holders: N/A</div>
<br><div id="marketCap">Market Cap: N/A</div>
<br><div id="totalSupply">Total Supply: N/A</div>
<br><div id="followers">Followers: N/A</div>
<br><div id="maximumSupply">Maximum Supply: N/A</div>
<br><div id="circulatingSupply">Circulating Supply: N/A</div>
<br><div id="totalLiquidity">Total Liqudity: N/A</div>
<br><div id="totalLiquidityBNB">Total Liqudity BNB: N/A</div>
<br><div id="liquidityRatio">Liquidity Ratio: N/A</div>
<br><div id="totalTransactions">Total Transactions: N/A</div>
<br><div id="dailyAvgTransactions">Daily Average Transactions: N/A</div>
<br><div id="medianTransfer">Total Median Transferred: N/A</div>
<br><div id="averageTransfer">Total Average Transferred: N/A</div>
<br><div id="totalTransfer">Total Transferred: N/A</div>
<br><div id="daysActive">Days Actives: N/A</div>
<br><div id="senders">Total Senders: N/A</div>
<br><div id="receivers">Receivers: N/A</div>
<br><div id="firstDayActive">First Day Traded: N/A</div>
<br><div id="lastDayActive">Most Recent Day Traded: N/A</div>
<br><div id="launchDate">Launch Date: N/A</div>
<br><div id="launchPrice">Launch Price: N/A</div>
<!--<br><div id="avgMarketPrice">Average Market Price: N/A</div>-->
<!--<br><div id="marketsList">Markets List - N/A</div>-->
<br><div id="shortDesc">Short Description: N/A</div>
<br><div id="summaryDesc">Summary Description: N/A</div>
<br><div id="longDesc">Long Description: N/A</div>
<br>
<br><div id="logoList">Logo List - N/A</div>
<br>
<br><div id="keyWalletList">Key Wallet List - N/A</div>
<br><div id="attrsList">Contract Attributes List - N/A</div>
<div id="burnAddress">Burn Address: N/A</div>
<br><div id="lastUpdated">Last Updated: N/A</div>
</body>
</html>