-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
175 lines (163 loc) · 8.02 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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>辐射76加点模拟器</title>
<meta name="description" content="辐射76在线加点模拟器..点击下面的Special字样切换相应种类的卡片.
点击卡片来添加/删除卡片, 点击星星来选择卡片等级.如果需要重新加点可以使用网页最下方的'重新加点'按钮.
如果你喜欢辐射76, 那就加入我们的QQ群吧: 953980582 (辐射76 交易所)">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"
integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<!--font-->
<link href="https://fonts.googleapis.com/css?family=ZCOOL+KuaiLe" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Noto+Sans+SC" rel="stylesheet">
<style>
#browser-check {
display: none;
}
</style>
<link rel="stylesheet" href="css/main.css?v=1.12">
<script src="js/main.js?v=1.15"></script>
</head>
<body>
<div class="container-fluid">
<div class="text-center bg-warning p-5 rounded mt-2" id="browser-check">
<h4>您现在正使用的游览器版本比较旧, 因此本页面可能显示不正常</h4>
<span>请升级您的游览器</span>
</div>
<script>
"use strict";
try {
eval("var foo = (x)=>x+1");
} catch (e) {
document.getElementById("browser-check").style.display = "block";
}
</script>
<header class="jumbotron text-center" id="header">
<h1 class="font-weight-bold">辐射76加点模拟器</h1>
<a class="" href="https://github.com/FanghanHu/Fallout76CardBuilder/commits/master">(v1.02 更新:1/29/2019)</a>
<div id="carouselControls" class="carousel slide" data-ride="carousel" data-interval="10000">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="d-flex h-100 align-items-center justify-content-center">
点击下面的Special字样选择相应种类的卡片
</div>
</div>
<div class="carousel-item">
<div class="d-flex h-100 align-items-center justify-content-center">
点击卡片来添加/删除卡片, 点击星星来选择卡片等级
</div>
</div>
<div class="carousel-item">
<div class="d-flex h-100 align-items-center justify-content-center">
在辐射76中, 超过50级后不能再增加属性, 但是依旧可以获得卡片, 并且已经获得的卡片可以随时调换
</div>
</div>
<div class="carousel-item">
<div class="d-flex h-100 align-items-center justify-content-center">
你可以通过复制地址栏内的网页地址来分享你的加点
</div>
</div>
<div class="carousel-item">
<div class="d-flex h-100 align-items-center justify-content-center">
如果你喜欢辐射76, 那就加入我们的QQ群吧: 953980582 (辐射76 交易所)
</div>
</div>
<div class="carousel-item">
<div class="d-flex h-100 align-items-center justify-content-center">
如果需要重新加点可以使用网页最下方的"重新加点"按钮
</div>
</div>
</div>
<a class="carousel-control-prev control" href="#carouselControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true" id="left-arrow"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next control" href="#carouselControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true" id="right-arrow"></span>
<span class="sr-only">Next</span>
</a>
</div>
</header>
<div id="display-section">
<div id="points-section">
剩余点数: <span id="points">49</span>点
</div>
<div id="stats-section">
<div class="stats-card">
<div class="stats-chinese-name">力量</div>
<div class="stats-english-name">S</div>
<div class="stats-display"><span class="stats">1</span>点</div>
</div>
<div class="stats-card">
<div class="stats-chinese-name">感知</div>
<div class="stats-english-name">P</div>
<div class="stats-display"><span class="stats">1</span>点</div>
</div>
<div class="stats-card">
<div class="stats-chinese-name">耐力</div>
<div class="stats-english-name">E</div>
<div class="stats-display"><span class="stats">1</span>点</div>
</div>
<div class="stats-card">
<div class="stats-chinese-name">魅力</div>
<div class="stats-english-name">C</div>
<div class="stats-display"><span class="stats">1</span>点</div>
</div>
<div class="stats-card">
<div class="stats-chinese-name">智力</div>
<div class="stats-english-name">I</div>
<div class="stats-display"><span class="stats">1</span>点</div>
</div>
<div class="stats-card">
<div class="stats-chinese-name">敏捷</div>
<div class="stats-english-name">A</div>
<div class="stats-display"><span class="stats">1</span>点</div>
</div>
<div class="stats-card">
<div class="stats-chinese-name">幸运</div>
<div class="stats-english-name">L</div>
<div class="stats-display"><span class="stats">1</span>点</div>
</div>
</div>
<div id="perk-section">
<div class="perk-deck">
</div>
<div class="perk-deck">
</div>
<div class="perk-deck">
</div>
<div class="perk-deck">
</div>
<div class="perk-deck">
</div>
<div class="perk-deck">
</div>
<div class="perk-deck">
</div>
</div>
</div>
<div id="control-section">
<h4 class="d-inline-block w-50 pl-2 text-white" style="font-family: 'ZCOOL KuaiLe',serif">请选择卡片:</h4>
<div class="d-inline-flex w-50 pr-2 flex-row-reverse" id="control-buttons">
<a class="mx-2 btn btn-danger text-white" onclick='if(confirm("你确定要放弃目前的加点吗?")) window.open("index.html", "_self");'>重新加点</a>
<a class="mx-2 btn btn-primary text-white" href="https://github.com/FanghanHu/Fallout76CardBuilder/issues">反馈</a>
<button class="mx-2 btn btn-success text-white" onclick="copyLink()">分享</button>
</div>
<div id="card-selection">
</div>
</div>
<footer class="text-center">
<span class="d-block mt-5">未经许可, 请勿转载</span>
<span class="d-block mb-2">Copyright 2018, Fanghan Hu</span>
</footer>
<!--suppress HtmlFormInputWithoutLabel -->
<input type="text" value=":)" id="url-selector" style="width: 1px; border: none">
</div>
</body>
</html>