forked from doragraph/ImageDesign
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmain.html
218 lines (205 loc) · 11.3 KB
/
main.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
<!DOCTYPE html>
<html>
<head>
<title>GIB-SocialNetwork</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<script src="main.js"></script>
<script src="bundle.js"></script>
<link rel="stylesheet" type="text/css" href="main.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<script type="text/javascript" src="web3.min.js"></script>
</head>
<body>
<header>
<nav class="navbar navbar-default headerbackground">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed float-left" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only navheadericonbar">Toggle navigation</span>
<span class="icon-bar navheadericonbar"></span>
<span class="icon-bar navheadericonbar"></span>
<span class="icon-bar navheadericonbar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse paddingleft paddingright bordernone" id="bs-example-navbar-collapse-1">
<!--<ul class="nav navbar-nav">-->
<div class="col-md-2 blkheight mb-4 paddingleft">
<div class="card border-left-primary shadow h-100 py-2">
<div class="card-body">
<div class="row no-gutters align-items-center">
<div class="col-md-10">
<div class="col mr-2">
<div class="text-xs font-weight-bold text-primary text-uppercase mb-1">24 Hours Users</div>
<div class="h5 mb-0 font-weight-bold text-gray-800" id="24h_users">2000</div>
</div>
</div>
<div class="col-md-2 faicon">
<div class="col-auto">
<i class="fas fa-user-friends fa-2x text-gray-300 float-right"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-2 blkheight mb-4 paddingleft">
<div class="card border-left-primary shadow h-100 py-2">
<div class="card-body">
<div class="row no-gutters align-items-center">
<div class="col-md-10">
<div class="col mr-2">
<div class="text-xs font-weight-bold text-primary text-uppercase mb-1">Total Users</div>
<div class="h5 mb-0 font-weight-bold text-gray-800" id="total_users">2000</div>
</div>
</div>
<div class="col-md-2 faicon">
<div class="col-auto">
<i class="fas fa-users fa-2x text-gray-300 float-right"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-2 blkheight mb-4 paddingleft">
<div class="card border-left-primary shadow h-100 py-2">
<div class="card-body">
<div class="row no-gutters align-items-center">
<div class="col-md-10">
<div class="col mr-2">
<div class="text-xs font-weight-bold text-primary text-uppercase mb-1">Smart Contract Balance</div>
<div class="h5 mb-0 font-weight-bold text-gray-800" id="sc_bal">$40,000</div>
</div>
</div>
<div class="col-md-2 faicon">
<div class="col-auto">
<i class="fas fa-dollar-sign fa-2x text-gray-300 float-right"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-2 blkheight mb-4 paddingleft">
<div class="card border-left-primary shadow h-100 py-2">
<div class="card-body">
<div class="row no-gutters align-items-center">
<div class="col-md-10">
<div class="col mr-2">
<div class="text-xs font-weight-bold text-primary text-uppercase mb-1">24 Hours Transaction</div>
<div class="h5 mb-0 font-weight-bold text-gray-800" id="24h_transaction">200000</div>
</div>
</div>
<div class="col-md-2 faicon">
<div class="col-auto">
<i class="fas fa-exchange-alt fa-2x text-gray-300 float-right"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-2 blkheight mb-4 paddingleft">
<div class="card border-left-primary shadow h-100 py-2">
<div class="card-body">
<div class="row no-gutters align-items-center">
<div class="col-md-10">
<div class="col mr-2">
<div class="text-xs font-weight-bold text-primary text-uppercase mb-1">Total transactions</div>
<div class="h5 mb-0 font-weight-bold text-gray-800" id="total_transaction">10,000</div>
</div>
</div>
<div class="col-md-2 faicon">
<div class="col-auto">
<i class="fas fa-exchange-alt fa-2x text-gray-300 float-right"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-1 header-right paddingright">
<a class="active float-right" href="#" data-toggle="modal" data-target="#RulesModal">Rules</a>
</div>
</div><!-- /.navbar-collapse -->
</nav>
</header>
<div class="container-fluid">
<div id="blogPosts">
<!-- Dynamically add images here -->
</div>
<!-- The Image Modal -->
<div id="myModal" class="modal1">
<span class="close1" onclick="closepopup()">×</span>
<div class="col-md-12 col-md-offset-1">
<div class="col-md-6">
<img class="modal-content1" id="img01" name="img01">
<div id="caption"></div>
</div>
<div class="col-md-4">
<span class="url">Enter Image URL</span>
<input type="text" class="form-control" id="inputurl" placeholder="URL">
<div class="imgmargintop">
<img class="imgpreview" id="img02" alt="">
</div>
<span class="url imgmargintop">Enter Introduction</span>
<input type="text" class="form-control" id="txtintro" placeholder="Introduction">
<div class="metmaskinfo imgmargintop">
<div class="metainfoinnerdiv">
<h4>Owner: <label class="label label-default adjustword" id="span_owner"></label></h4>
<h4>Price: <!--<label class="label label-default adjustword" id="span_price"></label>-->
<input type="text" class="inputprice" id="txt_inputprice">
</h4>
<input type="hidden" id="weiprice" name="custId">
<h4>Smart Contract Address: <span class="label label-default adjustword" id="span_address"></label></h4>
<h4>Input hex: <label class="label label-default adjustword" id="span_inputhex"></label></h4>
</div>
</div>
<div class=" imgmargintop"><button type="button" id="btn_buy_meta" class="btn btn-info" onclick="connectMetamask();" disabled>Buy by Metamask</button>
<button type="button" onclick="window.open('https://www.myetherwallet.com/interface/send-transaction')" id="btn_buy_myether" class="btn btn-info btnether-adjust" disabled>Buy by MyEtherWallet</button>
<button type="button" id="btn_buy_cic" class="btn btn-info btnether-adjust" disabled>Buy by CICWallet</button>
</div>
<div class="imgmargintop">
<h4><a class="label label-default adjustword" id="span_metalink" target="_blank"></a></h4>
</div>
<div class="imgmargintop">
<span class="label successmsg_color adjustword" id="span_success"></span>
</div>
</div>
</div>
</div>
<!-- The Rules Modal -->
<div id="RulesModal" class="modal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h2 class="modal-title text-center">Rules</h2>
</div>
<div class="modal-body">
<p>1. Paste the picture url link to textbox.</p>
<p>2. Input the description of the picture in introduction textbox.</p>
<p>3. Copy the input hex of the picture.</p>
<p>Based on ur wallet, choose the following steps: </p>
<p>I. Myetherwallet</p>
<p>1. Load your private key.</p>
<p>2. Select the send transaction option</p>
<p>3. Input the contract address into the textbox and input the balance by the coordination price.</p>
<p>4. Paste the input hex to the add data input.</p>
<p>5. Send transaction.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
</body>
</html>