Apron-Network.github.io/detail.html at develop · Apron-Network/Apron-Network.github.io · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Apron Network | The entrance of Web 3.0 World!</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/fonts.css">
    <link rel="stylesheet" href="assets/css/index.css">
    <link rel="stylesheet" href="assets/css/mobile.css">
</head>
<body>

<header class="header headerTop">
    <!-- Header Inner Area -->
    <div class="header-inner">
        <div class="container">
            <div class="container-inner">
                <div class="row">
                    <div class="col-lg-2 col-md-2 col-12">
                        <!-- Logo -->
                        <div class="logo">
                            <a href="_layouts/default.html"><img src="assets/images/logo.png" alt="logo"></a>
                        </div>
                        <!--/ End Logo -->
                        <div class="mobile-nav">

                            <div class="right-button">

                                <a href="_layouts/default.html" class="btnRht btn">中</a>
                                <span class="toggleLan"><img src="assets/images/Nav_Icon_Menu.png" alt=""></span>
                            </div>

                        </div>
                    </div>
                    <div class="col-lg-8 col-md-8 col-12">
                        <div class="menu-area">
                            <!-- Main Menu -->
                            <nav class="navbar navbar-expand-lg">
                                <div class="navbar-collapse">
                                    <div class="nav-inner">
                                        <ul class="nav main-menu menu navbar-nav">
                                            <li class="active"><a href="cnindex.html">Home</a></li>
                                            <li><a href="#" target="_blank">Projects</a></li>
                                            <li><a href="#" target="_blank">Whitepaper</a></li>
                                            <li><a href="blog.html">Blog</a></li>
                                            <li><a href="about.html" class="about">About Us</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </nav>
                            <!--/ End Main Menu -->
                        </div>
                    </div>
                    <div class="col-lg-2 col-md-2 col-12 topRht">
                        <div class="right-button">

                            <a href="_layouts/default.html" class="btnRht btn">EN</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--/ End Header Inner Area -->
</header>
<section class="detail">
    <div class="container">
        <div class="row">
            <div class="col-lg-4 bgGray">
                <div class="lft">
                    <div></div>
                    <div class="prev">
                        <div>
                            <div><img src="assets/images/BlogCont_UpArrow.png" alt=""></div>
                            <div class="prevTxt">Previous</div>
                            <div class="title">How Apron Network provides accountable How Apron Network provides accountable How Apron Network provides accountable </div>
                        </div>
                    </div>
                    <div class="next">
                        <div>
                            <div><img src="assets/images/BlogCont_DownArrow.png" alt=""></div>
                            <div class="prevTxt">Next article</div>
                            <div class="title">How Apron Network provides accountable s...</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="nav">
                <div class="nxt"><img src="assets/images/BlogCont_UpArrow.png" alt="">Previous</div>
                <div class="navBr"></div>
                <div class="nxt">Next<img src="assets/images/BlogCont_UpArrow.png" alt=""></div>
            </div>
            <div class="col-lg-8">
                <div class="article">
                    <div class="topicTitle">What sort of reasons spurs us to create Apron Network?</div>
                    <div class="description">
                        <img src="assets/images/Icon_H20_Date.png" alt=""><span>01/07</span>
                        <img src="assets/images/Icon_H20_Read.png" alt=""><span>3214</span>
                    </div>
                    <div class="content">
                        Needless to say, many projects have been tried or are running in the field of the blockchain infrastructure service, contributing to both centralized and decentralized mode, on-chain data query and off-chain data on-chain. ‌Infura provides API services for developers by building its own Ethereum and IPFs nodes, keeping developers accessing Ethereum and IPFs node data through API services. NOWnodes operates in a similar way to Infura, but provides more blockchain network API services. For now, it claims to have provided 45 chain API services. Api3 constructs a public blockchain and provides Oracle Network, and governs the Network through DAO and Kleros. Api3 builds the Oracle Network by submitting Oracle to the data source provider and providing cross-blockchain aggregation data for DAPP. BitQuery is a blockchain data engine. By aggregating the data on the blockchain, BitQuery provides the data API on the blockchain to users, and also provides simple data analysis capability and GraphQL API on the blockchain. The Graph proposes Ethereum and IPFs on-chain service index protocol. By using SubGraph’s definition, the index information is retrieved and established in the smart contract, and GraphQL API is served for users to obtain the data information corresponding to DAPP. During the existing modes, each project focuses on its specific field. There is no commonly used technical solution connecting to each field. Both Infura and NOWnodes adopt a centralized approach to provide API services for blockchain nodes or browsers. Api3 offers off-chain data on-chain aggregation service by using the way of submitting by Oracle to the data source provider. BitQuery and the graph focus on the aggregation and indexing of data on the chain, which makes DAPP and offline applications can obtain the data on the chain. Both are providing GraphQL API.
                    </div>
                </div>

            </div>
        </div>
    </div>
</section>
<footer id="footer">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <div class="logolFt"><img src="assets/images/logoBtm.png" alt=""></div>
                <div class="footerTitle">Email: <a href="mailto:contact@apron.network">contact@apron.network</a></div>
<!--                <div class="rebase">Special Support <img src="assets/images/Footer_Rebase.png" alt=""></div>-->
            </div>
            <div class="col-lg-6 rht">
                <div class="tlt">Apron Network</div>
                <div class="links">
                    <div>Don’t miss to follow us on our Social networks.</div>
                    <ul>
                        <li><a href="#" target="_blank"><img src="assets/images/t.png" alt=""></a></li>
                        <li><a href="#" target="_blank"><img src="assets/images/g.png" alt=""></a></li>
                        <li><a href="#" target="_blank"><img src="assets/images/te.png" alt=""></a></li>
                        <li><a href="#" target="_blank"><img src="assets/images/m.png" alt=""></a></li>
                        <li><a href="#" target="_blank"><img src="assets/images/c.png" alt=""></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</footer>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>