dappDirect/poa.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 - POA 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 POA Proof of Authority Dapps and statistics.">
    <meta name="keywords" content="POA Dapps,Proof of Authority, 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/poa.css">
    <link rel="stylesheet" href="css/alertify.css">
    <link rel="icon" type="image/png" href="img/poa-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/poa_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="/" style="color: white">【 ETC 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>POA 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">POA (Proof of Authority Chain) Dapps
                        <div class="sub header">An index of POA Dapps. <a href="https://github.com/p3c-bot/dappDirect/"
                                target="_blank">Submit one!</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 (POA)</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 connect Metamask to Custom RPC: <b>https://poa.infura.io</b> contracts
                will show 0 balance if wallet not connected properly! <a href="https://www.youtube.com/watch?v=6Ni88rV9kh8"
                    target="_blank">Video tutorial</a></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. Leave a tip!
                        </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/step1.png" class="tutorial" />
                </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 POA Token (Proof of Authority)?
                                <div class="sub header">You need POA to interact with the dapps listed on this page.</div>
                            </div>
                        </h4>
                    </div>
                    <a href="https://www.binance.com/en?ref=11105319" target="_blank"><img src="img/binance.png" class="binance" /></a>
                </div>
                <div class="ui segments transfer">
                    <img src="img/step2.png" class="tutorial" />
                </div>
            </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/poa.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>
        $(document).ready(function () {
            function refreshPrice() {
                $.getJSON('https://min-api.cryptocompare.com/data/price?fsym=POA&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>