dappDirect/index.html at master · HighlanderNetwork/dappDirect · GitHub

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
<!DOCTYPE html>
<html>

<head>
    <title>Dapp Direct - ETC Dapps</title>
    <meta charset="utf8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <meta name="description" content="An index of Ethereum Classic Dapps and statistics.">
    <meta name="keywords" content="ETC Dapps,Ethereum Classic, ETC, Dapps, Immutable Dapps, Dapp Direct">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui/dist/semantic.min.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/alertify.css">
    <link rel="icon" type="image/png" href="img/etc-icon.png">
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.css">
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/responsive/2.2.3/css/responsive.dataTables.min.css">
</head>

<body>
    <div class="ui large inverted stackable menu gradient emerald" style="border-radius:0px !important;">
        <div class="ui container">
            <a class="header item" href="/">
                <img src="img/etc_logo.svg" style="height: 45px;" ui mini image" />
                <h2 class="title">Dapp Direct</h2>
            </a>
            <div class="right menu">
                <div class="item">
                    <div class="opacity">
                        <a href="/poa.html" style="color: white">【 POA Dapps 】</a>
                    </div>
                    <div class="opacity">
                        <strong>
                            <i class="ethereum icon"></i>
                            <span>In Dapps:&nbsp;</span>
                        </strong>
                        <span id="global">Loading</span>
                    </div>
                    <div class="opacity">
                        <strong>
                            <span>ETC Price:&nbsp;</span>
                        </strong>
                        $<span id="price">0.0</span></div>
                </div>
            </div>
        </div>
    </div>

    <div class="ui container margin top two">
        <div class="ui stackable grid">
            <div class="sixteen wide column border right border left" style="background: rgba(58, 150, 139, 0.17);">
                <h3 class="ui header">
                    <div class="content">Ethereum Classic Dapp Index
                        <div class="sub header">A <a href="https://p3c.io" target="_blank">P3C.io</a> community project. <a href="https://github.com/p3c-bot/dappDirect/"target="_blank">Submit your ETC Dapp!</a></div>
                    </div>
                </h3>
                <br>
                <div class="ui one column centered grid">
                    <div class="column" style="padding-top: 0px; padding-bottom: 0px;">
                        <div class="ui horizontal segment">
                            <div id="sponsor" class="sponsor"></div>
                            <span class="ui text blue small" style="float: right"><a href="https://p3c.io/sponsor.html"
                                    target="_blank">Buy this sponsorship instantly with ETC!</a></span>
                        </div>
                    </div>
                </div>
                <br>
                <table id="dapps" class="display">
                    <thead>
                        <tr>
                            <th>Users (72Hr)</th>
                            <th>Volume (72Hr)</th>
                            <th>Dapp</th>
                            <th>Balance (ETC)</th>
                            <th>Category</th>
                            <th>Description</th>
                            <th>Contact</th>
                            <th>Smart Contract</th>
                            <th><img src="img/callisto-small.png" style="height: 45px;" ui mini image" /></th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>

        <div style="background-color: #eee; height: 1px; margin-top:20px; margin-bottom:20px;"></div>
        <div class="ui olive message">
            <p>To use the Dapps, make sure you have
                <a target="_blank" href="https://chrome.google.com/webstore/detail/saturn-wallet/nkddgncdjgjfcddamfgcmfnlhccnimig">Saturn
                    Wallet enabled</a>, and Metamask turned off. <b>Contracts will show 0 balance if wallet not
                    connected properly!</b>
            </p>
        </div>

        <div style="background-color: #eee; height: 1px; margin-top:20px; margin-bottom:20px;"></div>

        <div class="ui stackable grid">

            <div class="eight wide column">
                <div class="ui segments">
                    <div class="ui segment">
                        <p>
                            An <a href="https://github.com/p3c-bot/dappDirect" target="_blank">open source</a> Dapp
                            Explorer. Install Saturn and leave a tip to receive a surprise!
                        </p>
                        <div class="content custom-money-button">
                            <!-- This line should go where you want to put your button -->
                            <div class="money-button" data-outputs='[{"to":"bitcoincash:qqf5nc2am3y02rjf4cmkyjfzfys7vaae8gw67wfzr2", "amount":0.2,"currency":"USD"}, {"to":"bitcoincash:qqmwlwh866cys59aj29cxumc30af4rvtjsr99mx0kq", "amount":0.05,"currency":"USD"}]'
                                data-label="for the Servers" data-hide-amount="false" data-client-identifier="c9922394549443f53eed084228f596e3"
                                data-button-id="1537139595789" data-button-data="{}" data-type="tip" data-dev-mode="false"
                                data-on-payment="onPayment"></div>
                            <!-- This line can go anywhere -->
                        </div>
                    </div>
                </div>
                <div style="text-align: center">
                    <a href="https://discord.gg/crjsdJr" target="_blank" class="ui left labeled icon large fluid green button">
                        <i class="left discord icon"></i>
                        Join Our Community
                    </a>
                </div>
                <div class="ui segments transfer">
                    <img src="img/etc.png" class="network" />
                </div>
            </div>

            <div class="eight wide column">
                <div class="ui segments transfer">
                    <div class="ui segment">
                        <h4 class="ui header">
                            <i class="circular inverted blue exchange alternate icon"></i>
                            <div class="content">
                                Need Ethereum Classic?
                                <div class="sub header">You need ETC to interact with the dapps listed on this page.</div>
                            </div>
                        </h4>
                    </div>
                    <div id="changelly" class="ui segment">
                    </div>
                </div>
                <div class="ui segments transfer">
                    <img src="img/wallet.png" class="wallet" />
                </div>
            </div>
        </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.5.1/bluebird.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/semantic-ui/dist/semantic.min.js"></script>
    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.js"></script>
    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/responsive/2.2.3/js/dataTables.responsive.min.js"></script>
    <script src="lib/shared.js"></script>
    <script src="lib/index.js"></script>
    <script src="lib/alertify.js"></script>
    <script src="lib/custom-mb.js"></script>
    <script src="https://api.moneybutton.com/moneybutton.js"></script>
    <script src="lib/changelly.js"></script>
    <script>
        $(document).ready(function () {
            function refreshPrice() {
                $.getJSON('https://min-api.cryptocompare.com/data/price?fsym=ETC&tsyms=USDT', function (json) {
                    var USETC = JSON.parse(JSON.stringify(json)).USDT;
                    var price = (USETC).toFixed(2);
                    $("#price").text(price)
                });
            }
            setTimeout(function () {
                refreshPrice()
            }, 2000);
            setInterval(function () {
                refreshPrice() // this will run after every 5 seconds
            }, 12000);

        });
    </script>
</body>

</html>