-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtokens.html
95 lines (89 loc) · 3.94 KB
/
tokens.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
<!DOCTYPE html>
<html>
<head>
<title>Solana Tokens</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<script src="chart.umd.min.js"></script>
<script src="translations.js"></script>
<script src="scripts.js" defer></script>
<script src="solana-tokens.js"></script>
<script src="lsts.js"></script>
</head>
<body>
<!--Header-->
<div class="header">
<h1 data-translate="solana_tokens">Solana Tokens</h1>
<a href="settings.html" class="settings-icon tooltip">
<i class="fas fa-cog"></i><span class="tooltiptext" data-translate="settings">Settings</span>
</a>
<span class="info-icon tooltip">
<i class="fas fa-info-circle"></i>
<span class="tooltiptext" data-translate="tokens_help">
<p data-translate="lst_info"><b>LST:</b> All LSTs (Liquid Staking Tokens) listed by Sanctum.</p>
<p data-translate="token_info"><b>Token:</b> Ten newest tradeable Solana tokens verified by Jupiter are loaded. Use the search to find other Solana tokens.</p>
<p data-translate="token_disclaimer" class="disclaimer">Note: We are not affiliated with Solana, Jupiter, or Sanctum.</p>
</span>
</span>
<a href="https://t.me/blockbirdchat" target="_blank" class="telegram-icon tooltip">
<i class="fa-brands fa-telegram"></i><span class="tooltiptext" data-translate="contact">Contact</span>
</a>
</div>
<!--Tokens Head-->
<div class="tokens-head">
<span class="tab-bg"></span>
<!--Tab Select-->
<div id="tabs" class="tabs">
<button id="lstButton" class="tab-button" data-translate="lst_button">LST</button>
<button id="tokenButton" class="tab-button" data-translate="token_button">Token</button>
</div>
<!--Token Search-->
<div id="token-search-container" class="token-search" style="display: none;">
<input type="text" id="token-search" data-translate="search_sol_tokens" placeholder="Search all Solana Tokens..." />
</div>
<!-- LST Search -->
<div id="lst-search-container" class="token-search" style="display:none;">
<input type="text" id="lst-search" data-translate="search_sanctum_lsts" placeholder="Search all Sanctum LSTs..." />
<!-- Sorting Dropdown -->
<select id="lst-sort" class="lst-sort">
<option value="" disabled selected data-translate="sort_by">Sort by...</option>
<option value="apy-high" data-translate="apy_high">APY: High to Low</option>
<option value="apy-low" data-translate="apy_low">APY: Low to High</option>
<option value="tvl-high" data-translate="tvl_high">TVL: High to Low</option>
<option value="tvl-low" data-translate="tvl_low">TVL: Low to High</option>
</select>
</div>
</div>
<!--Tokens Content-->
<div id="SolanaTokens" class="content tokens-content tabcontent">
<!--<span class="shadow top-shadow"></span>
<span class="shadow bottom-shadow"></span>-->
<div id="loading" data-translate="loading">Loading...</div>
<div id="token-list" class="flex-list"></div>
</div>
<!--Modal for Historical Performance-->
<div id="performanceModal" class="modal">
<div class="modal-content">
<div class="performanceChart-container">
<span id="closeModal" class="close">×</span>
<canvas id="performanceChart"></canvas>
</div>
</div>
</div>
<!--LST Content-->
<div id="SanctumLSTs" class="content tokens-content tabcontent">
<div id="lst-refresh" class="refresh-icon">
↻ <span id="lst-total" class="lst-total">0</span>
</div>
<div id="lst-progress-container" class="progress-container">
<div id="lst-progress-bar" class="progress-bar"></div>
<span id="lst-progress-text" class="progress-text">0%</span>
</div>
<div id="lst-token-list" class="flex-list"></div>
</div>
<!--Footer-->
<div class="footer">
<div id="nav-container"></div>
</div>
</body>
</html>