-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
287 lines (285 loc) · 16.1 KB
/
index.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
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8"/>
<title>鸡神养成记</title>
<link href="./dist/bootstrap.min.css" rel="stylesheet">
<script src="./dist/jquery.min.js"></script>
<script src="./dist/bootstrap.min.js"></script>
<!--neb-->
<script src="./dist/nebulas.js"></script>
<script src="./dist/nebPay.js"></script>
<!--custom-->
<link rel="stylesheet" href="./index.css">
<script src="./index.js"></script>
</head>
<body>
<div class="container">
<div class="main">
<div class="row">
<div class="col-sm-3"><img src="./img/nebulas.png" alt=""></div>
<div class="col-sm-9"><h1 style="padding-left: 20px">鸡神养成记</h1></div>
</div>
<p class="text-success">--基于星云链的宠物养成游戏</p>
<div><h5 id="user-count"></h5></div>
<hr/>
<div id="login">
<h3>请先登录！</h3>
<div class="input-group">
<div class="input-group-addon">钱包地址</div>
<input type="text" class="form-control" id="wallet-address" placeholder="输入你的钱包地址">
</div>
<p class="text-muted">如果你没有小鸡的话系统会自动帮你领养一只小鸡！</p>
<p class="bg-info" style="padding: 10px; font-weight: bold;">
你必须安装<a href="https://github.com/ChengOrangeJu/WebExtensionWallet">Chrome钱包插件</a>才能正常使用本产品（已安装请忽略）</p>
<p class="bg-info" style="padding:10px">
<button class="btn btn-default" data-toggle="modal" data-target="#getnas">刚注册好钱包没有余额玩不了？</button>
</p>
<div class="modal fade" id="getnas" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<h4 class="modal-title">刚注册好钱包没有余额玩不了？</h4>
</div>
<div class="modal-body">
<p>你可以发送邮件到[email protected]</p>
<p>请在标题中注明“鸡神养成记NAS领取”，以及你的钱包地址。</p>
<p>作者确认后将会给您0.011NAS，这些NAS足够您畅玩本游戏并且还能购买一张双倍积分卡</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default"
data-dismiss="modal">关闭</button>
</div>
</div>
</div>
</div>
<button class="btn btn-success" id="login-btn">登录</button>
</div>
<div id="main-content">
<h3><div id="text-balance">奖池余额：</div></h3>
<p style="color: red">购买双倍积分卡的金额会进入奖池，当奖池金额满0.5NAS的时候，排行榜前十名会分得这0.5NAS。</p>
<button type="button" class="btn btn-primary btn-sm" data-toggle="modal"
data-target="#introduction">玩法介绍</button>
<div class="row">
<div class="col-sm-4">
<div><img src="./img/gen0.png" height="80%" id="image-pet"></div>
</div>
<div class="col-sm-4">
<div class="row property-line">
<div class="col-sm-5">
<span class="property-title">分数</span>
</div>
<div class="col-sm-7">
<span class="property-content" id="property-score">0</span>
<!-- 买卡 -->
<span id="span-buycard">
<button type="button" class="btn btn-danger btn-sm" data-toggle="modal"
data-target="#buyCard">双倍积分卡</button>
<div class="modal fade" id="buyCard" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<h4 class="modal-title">购买双倍积分卡</h4>
</div>
<div class="modal-body">
<p>双倍积分卡可以使小鸡的积分成长速度翻倍</p>
<p>0.01nas购买1小时</p>
<p>作者收取10%费用，剩下的归系统，系统每满0.5nas，则向排行榜前十名用户分发这0.5个nas，并且排行数据清理</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default"
data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" id="btn-buycard">购买</button>
</div>
</div>
</div>
</div>
</span>
<!-- 查看 -->
<span id="span-checkcard">
<button type="button" class="btn btn-success btn-sm" data-toggle="modal"
data-target="#checkcard">双倍积分卡</button>
<div class="modal fade" id="checkcard" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<h4 class="modal-title">双倍积分卡生效中</h4>
</div>
<div class="modal-body">
<p>双倍积分卡可以使小鸡的积分成长速度翻倍</p>
<p>你的双倍积分卡有效期还有<span id="doublecardtime">233</span>分钟</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default"
data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary"
id="btn-checkcard">购买更多 </button>
</div>
</div>
</div>
</div>
</span>
</div>
</div>
<div class="row property-line">
<div class="col-sm-5">
<span class="property-title">成神数</span>
</div>
<div class="col-sm-7">
<span class="property-content" id="property-gen">0</span>
</div>
</div>
<div class="row property-line">
<div class="col-sm-5">
<span class="property-title">经验值</span>
</div>
<div class="col-sm-7">
<div class="progress" style="margin-bottom: 0">
<div class="progress-bar progress-bar-info"
role="progressbar"
aria-valuenow="0"
aria-valuemin="0"
aria-valuemax="100"
id="property-exppro"
style="width: 0">
</div>
<span class="progress-value" id="property-expval">0/100</span>
</div>
</div>
</div>
<div class="row property-line">
<div class="col-sm-5">
<span class="property-title">饱食度</span>
</div>
<div class="col-sm-7">
<div class="progress" style="margin-bottom: 0">
<div class="progress-bar progress-bar-danger"
role="progressbar"
aria-valuenow="0"
aria-valuemin="0"
aria-valuemax="100"
id="property-feedpro"
style="width: 0">
</div>
<span class="progress-value" id="property-feedval">0/100</span>
</div>
</div>
</div>
<div class="row property-line">
<div class="col-sm-5">
<span class="property-title">心情</span>
</div>
<div class="col-sm-7">
<div class="progress" style="margin-bottom: 0">
<div class="progress-bar progress-bar-success"
role="progressbar"
aria-valuenow="0"
aria-valuemin="0"
aria-valuemax="100"
id="property-moodpro"
style="width: 0">
</div>
<span class="progress-value" id="property-moodval">0/1</span>
</div>
</div>
</div>
</div>
<div class="col-sm-4">
<h3 class="text-center">排行榜</h3>
<table class="table table-striped" id="rank-table">
<thead>
<tr>
<th class="text-center">Rank</th>
<th class="text-center">ID</th>
<th class="text-center">分数</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
<div class="sep"></div>
<div class="row" style="position: relative">
<div class="action-bg"></div>
<div class="col-sm-4" style="text-align: center">
<button class="btn btn-info action-feed" id="action-feed">
<span class="action-text">投食</span>
</button>
<span class="action-feed-info">喂食成功</span>
</div>
<div class="col-sm-4" style="text-align: center">
<button class="btn btn-info action-play" id="action-play">
<span class="action-text">玩耍</span>
</button>
<span class="action-play-info">和小鸡一起玩耍</span>
</div>
<div class="col-sm-4" style="text-align: center">
<button class="btn btn-info action-cloth" data-toggle="modal" data-target="#financial">
<span class="action-text">收支</span>
</button>
</div>
</div>
<div class="sep"></div>
<div class="modal fade" id="introduction" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<h4 class="modal-title">玩法介绍</h4>
</div>
<div class="modal-body">
<p>区块链交易成功后有延迟，请耐心等待状态自动刷新。</p>
<p>心情影响每次经验值增加数量,经验值满会成神。</p>
<p>喂食和玩耍分别有30秒的冷却时间</p>
<p>喂食+10分，玩耍+10分，成神+100分，宠物死亡-100分。</p>
<p>饱食度每分钟会下降一点，如果饱食度小于-100，则宠物死亡。</p>
<p>双倍积分卡生效中每次行为会获得双倍分数，包括成神不包括死亡。</p>
<p>当系统存满0.5NAS的时候，会将奖励分发给排行榜前十名。第一名获得0.12NAS,第二名获得0.08NAS,三到六名获得0.05NAS,七到十名获得0.025NAS。</p>
<p>作者会收取购买积分卡10%作为手续费。</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default"
data-dismiss="modal">关闭
</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="financial" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<h4 class="modal-title">收支情况</h4>
</div>
<div class="modal-body">
<p>总支出:<span id="totaloutcome">0</span>NAS</p>
<p>总收入:<span id="totalincome">0</span>NAS</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default"
data-dismiss="modal">关闭
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>