-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
196 lines (193 loc) · 8.75 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>星云塔罗屋</title>
<link rel="shortcut icon" href="assert/img/tarot.ico">
<link rel="stylesheet" href="assert/css/bootstrap.min.css">
<link rel="stylesheet" href="app.css">
<script src="assert/js/jquery.min.js"></script>
<script src="assert/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" id="navbar"
style="background: rgba(0, 0, 0, 0.0); border: 0; display: none;">
<div class="container">
<div class="navbar-header">
<a href="#" class="navbar-brand" id="link_content">
<span><img class="logo" src="assert/img/tarot-white.png" alt="logo"/></span>
<span> 星云塔罗屋</span>
</a>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#navlist" aria-expanded="false"
style="margin: 15px 15px 0 0; ">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse" id="navlist">
<ul class="nav navbar-nav navbar-right">
<li><a href="#" id="link_history">历史记录</a></li>
<!-- <li><a href="#" id="link_withdraw">合约提现</a></li> -->
<li><a href="#" id="link_instruction">使用指南</a></li>
<li><a href="#" id="link_about">关于作品</a></li>
</ul>
</div>
</div>
</nav>
<div class="container" id="main">
<h1 id="title" class="text-center">塔罗起源</h1>
<div class="text-center text-white" id="intro">
<br/>
<p id="p_intro_1" class="font-16" style="display: none;">当古代埃及法老遇到疑难之时</p>
<p id="p_intro_2" class="font-16" style="display: none;">就会打开这本"罗洁爱尔之书"</p>
<p id="p_intro_3" class="font-16" style="display: none;">随后所有的问题便能迎刃而解</p>
<p id="p_intro_4" class="font-16" style="display: none;">为了防止其落入异族魔手</p>
<p id="p_intro_5" class="font-16" style="display: none;">神职人员将其绘在卡片上并交于神官</p>
<p id="p_intro_6" class="font-16" style="display: none;">最后由亚历山大大帝带入欧洲</p>
<p id="p_intro_7" class="font-16" style="display: none;">形成了我们所使用的塔罗牌</p>
</div>
<div class="text-center text-white" id="content" style="display:none;">
<div id="page_guide" style="display: none;">
<br/>
<p id="p_content_1" class="font-16" style="display: none;">静下来,倾听内心的声音</p>
<p id="p_content_2" class="font-16" style="display: none;">默念心中疑惑,将其传递给牌组</p>
<p id="p_content_3" class="font-16" style="display: none;">集中精神,抽取塔罗</p><br/>
<button type="button" id="btn_drawtarot" class="btn_bg btn_md btn_wheat font-16" style="display: none;">
<span><img class="logo" src="assert/img/tarot-wheat.png" alt="logo"/></span>
<span> 抽取塔罗</span>
</button>
<br/><br/><br/>
<p>「星云塔罗屋」使用教程详见<a href="#" id="quicklink_instruction" class="text-wheat">「使用指南」</a></p>
</div>
<div id="page_loading" style="display: none;">
<br/><br/>
<p class="font-16">
<span id="tx_loading">正在抽牌</span>
<img src="assert/img/loading.gif" alt="loading">
</p>
</div>
<div id="page_result" style="display: none;">
<p id="tx_tip" class="wrap font-16 text_wheat" style="display: none;">
Tip:以下为您今日抽取的结果,每个钱包地址每日只能抽取一次塔罗哦
</p>
<h2 id="result_name" style="display: none;">
<b id="tx_name"></b>
</h2>
<h3 id="result_diretion" style="display: none;">
正逆:<b id="tx_direction"></b>
</h3>
<img id="img_result" src="" style="display: none;">
<h2 id="result_desc" style="display: none;">寓意:</h2>
<p id="tx_result_desc" class="wrap" style="display: none;"></p>
</div>
</div>
<div class="text-center text-white" id="history" style="display:none;">
<br/>
<div class="table-responsive" id="page_table" style="display:none;">
<table class="table">
<thead>
<tr>
<th class="text-center">日期</th>
<th class="text-center">塔罗结果</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
<div id="page_detail" style="display: none;">
<h2 id="detail_name" style="display: none;"><b></b></h2>
<h3 id="detail_diretion" style="display: none;">
正逆:<b></b>
</h3>
<img id="img_detail" src="" style="display: none;">
<h2 id="detail_desc" style="display: none;">寓意:</h2>
<p id="tx_detail_desc" class="wrap" style="display: none;"></p>
</div>
</div>
<!-- <div class="text-white" id="withdraw" style="display:none;">
<br/>
<div class="row">
<form class="form-horizontal" id="page_withdraw" style="display: none;">
<div class="form-group">
<label for="addr_withdraw" class="col-md-1 col-sm-2 col-xs-6 col-sm-offset-2 col-xs-offset-3">提现地址</label>
<div class="col-md-6 col-sm-7 col-xs-6 col-sm-offset-0 col-xs-offset-3">
<input type="text" class="form-control" id="addr_withdraw" placeholder="请输入提现地址">
</div>
</div>
<div class="form-group">
<label for="value_withdraw" class="col-md-1 col-sm-2 col-xs-8 col-sm-offset-2 col-xs-offset-3">提现数额</label>
<div class="col-md-6 col-sm-7 col-xs-6 col-sm-offset-0 col-xs-offset-3">
<input type="number" class="form-control" id="value_withdraw" placeholder="请输入提现数额(NAS)">
</div>
</div>
<div class="form-group">
<div class="col-md-offset-3 col-sm-offset-4 col-xs-offset-3 col-md-6 col-sm-7 col-xs-6">
<button type="button" class="btn btn-default" id="btn_withdraw">提现</button>
</div>
</div>
</form>
</div>
</div> -->
<div class="text-center text-white" id="instruction" style="display:none;">
<br/><br/>
<p>「星云塔罗屋」是一款塔罗抽牌应用</p>
<p>用户每日可抽取塔罗查自己当日运势走向</p><br/>
<div class="hidden-xs">
<h2>电脑端用户</h2>
<p>下载Chrome插件
<a href="https://chrome.google.com/webstore/detail/nasextwallet/gehjkhmhclgnkkhpfamakecfgakkfkco?utm_source=gmail"
target="_blank" class="text-wheat">
NasExtWallet
</a>并注册登录
</p>
<p>开始享用您的专属「星云塔罗屋」</p>
</div>
<br/>
<h2>移动端用户</h2>
<p>下载
<a href="https://nano.nebulas.io/index_cn.html" target="_blank" class="text-wheat">NAS.nano钱包</a>
并注册登录
</p>
<p>开始享用您的专属「星云塔罗屋」</p>
<br/>
<p>
<button type="button" href="#" class="btn_bg btn_md btn_wheat font-16" id="link_draw">
已完成安装,前往抽牌»
</button>
</p>
<p id="instruction_loading" style="display: none;">
<img src="assert/img/loading.gif" alt="loading">
</p>
</div>
<div class="text-center text-white" id="about" style="display:none;">
<br/><br/>
<div class="row">「星云塔罗屋」基于星云3.0公链开发</div><br/>
<div class="row">塔罗结果数据存储于星云链,真实有效无法篡改</div><br/>
<div class="row" id="tx_total"></div><br/><br/><br/>
<div class="row">DApp开发简单初尝试</div>
<div class="row">
作品源码:
<a href="https://github.com/Nodreame/nebulas-tarot" target="_blank" class="text-wheat">
nebulas-tarot
</a>(欢迎star)
</div>
<div class="row">
作者:
<a href="https://github.com/Nodreame" target="_blank" class="text-wheat">
Nodreame
</a>
</div><br/>
<div class="row">Copright © 2018 Nebulas-tarot</div>
<div class="row">All Rights Reserved</div>
</div>
</div>
<script src="assert/js/nebulas.min.js"></script>
<script src="assert/js/nebPay.min.js"></script>
<script src="app.js"></script>
</body>
</html>