-
Notifications
You must be signed in to change notification settings - Fork 121
/
akhr.html
311 lines (287 loc) · 27.2 KB
/
akhr.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
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="theme-color" content="#222222ff">
<title translate-id="web-title">Arknights Recruitment Calculator</title>
<link rel="manifest" href="./manifest.json" crossorigin="use-credentials">
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css'>
<link rel="stylesheet" href="css/ak.css">
<link href='https://cdn.jsdelivr.net/npm/[email protected]/css/font-awesome.min.css' rel='stylesheet'>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<script src='https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js'></script>
<script src='https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js'></script>
<script src='https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js'></script>
<!-- site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-159317757-1"></script>
<script src='https://kit.fontawesome.com/a076d05399.js'></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-159317757-1');
</script>
</head>
<body >
<div id="loadingOverlay" style="width: 100vw; height: 150%; background-color: #111111; position: absolute; z-index: 9999; top:0px;">
<div class="d-flex justify-content-center" style="margin-top: 50vh">
<div class="spinner-border" role="status" style="border-color: #0098DC; border-right-color: transparent; width: 4rem; height: 4rem;">
</div>
</div>
<div style="width: 100%; text-align: center; margin-top: 13px;">
<div class='loadtext'>Loading Toolbox</div>
<div></div>
<div class="loadforce" onclick="hideload()"><a>Click here if stuck on loading</a></div>
</div>
</div>
<script>
$(function(){
$('#nav-placeholder').load('nav.html');
});
$(window).on("load", function () {
setTimeout(function () {
$("#loadingOverlay").fadeOut();
}, 1000);
});
</script>
<!-- style=" background-image: url(./img/extra/bg1.png)" -->
<button class="btn btn-sm btn-primary goToTag" style="position:fixed;bottom:15px ;right: 0px;size:70px 70px;padding: 10px;z-index: 10000" id="to-tag" type="button">^ </button>
<nav id="aknav" class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark" style="background-image: linear-gradient(#222222ff 70%,#222222ff , #111111aa );">
<img src="https://raw.githubusercontent.com/Aceship/Arknight-Images/main/factions/logo_rhodes.png" style="transform:scale(1.2,1.2)translate(-8px,1px)" class="d-inline-block align-top" alt="" width="40" height="40">
<a class="navbar-brand" href="#" translate-id="topbar-1">Arknights Toolbox</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="展开">
<span class="navbar-toggler-icon"></span>
</button>
<!--
<div class="collapse navbar-collapse justify-content-between" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item dropdown active">
<a class="nav-link dropdown-toggle" style="display:inline-flex;padding-left:25px;" href="#" id="regionDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
<div class="ak-subtitle ak-disable">Calculator</div>
<div class="ak-disable ">Recruitment</div>
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="akhr.html">Recruitment</a>
<a class="dropdown-item" href="aklevel.html">Leveling</a>
<a class="dropdown-item" href="akevolve.html">Material</a>
</div>
</li><li class="nav-item dropdown ">
<a class="nav-link dropdown-toggle" style="display:inline-flex;padding-left:25px;" href="#" id="regionDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
<div class="ak-subtitle ak-disable">Information</div>
<div class="ak-disable ">Menu</div>
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="akhrchars.html">Operator</a>
<a class="dropdown-item" href="akenemy.html">Enemy</a>
<a class="dropdown-item" href="akriic.html">Infrastructure Skill</a>
</div>
</li><li class="nav-item ">
<a class="nav-link " href="akhrelite.html">Elite Materials</a>
</li>
<li class="nav-item ">
<a class="nav-link " href="akguide.html">Guide</a>
</li>
<li class="nav-item ">
<a class="nav-link " href="akstory.html">Mission Story</a>
</li>
<li class="nav-item dropdown ">
<a class="nav-link dropdown-toggle" style="display:inline-flex;padding-left:25px;" href="#" id="regionDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
<div class="ak-subtitle ak-disable">Extra</div>
<div class="ak-disable ">Menu</div>
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="aklinker.html">bilibili Linker</a>
</div>
</li></ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" style="display:inline-flex;padding-left:25px;" href="#" id="regionDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
<div class="ak-subtitle ak-disable" translate-id="language-1">Server</div>
<div class="ak-disable" id="display-reg">CN</div>
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item reg unselectable" onclick="regDropdown($(this))" value="cn">Chinese</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" style="display:inline-flex;padding-left:25px" href="#" id="languageDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
<div class="ak-subtitle ak-disable" translate-id="language-2">Language</div>
<div class="ak-disable" id="display-lang">English</div>
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item lang unselectable" onclick="langDropdown($(this))" value="en">English</a>
<a class="dropdown-item lang unselectable" onclick="langDropdown($(this))" value="cn">Chinese</a>
<a class="dropdown-item lang unselectable" onclick="langDropdown($(this))" value="jp">Japanese</a>
</div>
</li>
</ul>
</div>-->
</nav>
<div id='acedonate'></div>
<div style="padding-bottom:40px;"></div>
<!-- <div class="warning-sign"style="position: absolute;z-index: 999999;background:#aaa;top:100px;left:50%;width:500px;height:200px;margin-left:-250px;text-align:center; vertical-align:center">aaaaaaaaaaaaaaaaaaaaa</div> -->
<div class="col-md-12 col-sm-12 " style="margin:auto;max-width:1000px;padding:0" >
<div class="col-12 ak-back ak-shadow mt-3" style="padding:15px;padding-top:0%;padding-bottom:0;border-radius:0px" role="alert">
<div class="row" style="padding:0;padding-bottom: 4px">
<div class="col-12 btn btn-sm ak-btn ak-c-black ak-shadow-small ak-disable" style="padding:0" translate-id="selector-title">Select the tags :</div>
</div>
<div class="row ak-small-row">
<div class="col-md-2 col-sm-12 my-1 ak-disable ak-btn-header ak-btn-header-span" translate-id="selector-categories-0">
Custom Input
</div>
<div class= "col-md-10 col-sm-12 span"style="padding-left:4px;padding-right: 4px">
<input type="text" id="fastInput" onkeyup='CheckTag(this)' class="form-control col-12 ak-textInput" placeholder="Input tag here and hit enter (Press ESC to clear tags)" >
</div>
</div>
<div class="row ak-small-row">
<div class="col-md-2 col-sm-12 my-1 ak-disable ak-btn-header ak-btn-header-span" translate-id="selector-categories-4">
Class 种类
</div>
<div class= "col-md-10 col-sm-12 span"style="padding-left:4px;padding-right: 4px">
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 tags-class button-tag" data-toggle="tooltip" data-placement="top" title="Guard" cn-text="近卫">近卫</button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 tags-class button-tag" data-toggle="tooltip" data-placement="top" title="Sniper" cn-text="狙击">狙击</button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 tags-class button-tag" data-toggle="tooltip" data-placement="top" title="Defender" cn-text="重装">重装</button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 tags-class button-tag" data-toggle="tooltip" data-placement="top" title="Medic" cn-text="医疗">医疗</button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 tags-class button-tag" data-toggle="tooltip" data-placement="top" title="Supporter" cn-text="辅助">辅助</button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 tags-class button-tag" data-toggle="tooltip" data-placement="top" title="Caster" cn-text="术师">术师</button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 tags-class button-tag" data-toggle="tooltip" data-placement="top" title="Specialist" cn-text="特种">特种</button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 tags-class button-tag" data-toggle="tooltip" data-placement="top" title="Vanguard" cn-text="先锋">先锋</button>
</div>
</div>
<div class="row" >
<div class="col-4 col-sm-2 my-1 ak-disable ak-btn-header" style="padding-right:0" translate-id="selector-categories-2">
Position 位置
</div>
<div class= "col-8 col-sm-10" style="padding-left:4px;padding-right: 4px">
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 tags-position button-tag" data-toggle="tooltip" data-placement="top" title="Melee" cn-text="近战位">近战位</button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 tags-position button-tag" data-toggle="tooltip" data-placement="top" title="Ranged" cn-text="远程位">远程位</button>
</div>
</div>
<!-- <div class="row">
<div class="col-4 col-sm-2 my-1 ak-disable ak-btn-header" translate-id="selector-categories-3">
Gender 性别
</div>
<div class= "col-8 col-sm-10 span"style="padding-left:4px;padding-right: 4px">
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 tags-gender button-tag" data-toggle="tooltip" data-placement="top" title="Female" cn-text="女性干员">女性干员</button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 tags-gender button-tag" data-toggle="tooltip" data-placement="top" title="Male" cn-text="男性干员">男性干员</button>
</div>
</div> -->
<div class="row">
<div class="col-4 col-sm-2 my-1 ak-disable ak-btn-header" style="padding-right:0" translate-id="selector-categories-1">Qualification 资质 </div>
<div class= "col-8 col-sm-10" style="padding-left:4px;padding-right: 4px">
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 tags-qualifications button-tag" data-toggle="tooltip" data-placement="top" title="Newbie" cn-text="新手">新手</button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 tags-qualifications button-tag" data-toggle="tooltip" data-placement="top" title="Senior Operator" cn-text="资深干员">资深干员</button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 tags-qualifications button-tag" data-toggle="tooltip" data-placement="top" title="Top Operator" cn-text="高级资深干员">高级资深干员</button>
</div>
</div>
<div class="row ak-small-row ">
<div class="col-md-2 col-sm-12 my-1 ak-disable ak-btn-header ak-btn-header-span" translate-id="selector-categories-5">
Affix 词缀
</div>
<div class= "col-md-10 col-sm-12 span"style="padding-left:4px;padding-right: 4px">
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 tags-affix button-tag" data-toggle="tooltip" data-placement="top" title="Crowd Control" cn-text="控场">控场</button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 tags-affix button-tag" data-toggle="tooltip" data-placement="top" title="Nuker" cn-text="爆发">爆发</button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 tags-affix button-tag" data-toggle="tooltip" data-placement="top" title="Healing" cn-text="治疗">治疗</button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 tags-affix button-tag" data-toggle="tooltip" data-placement="top" title="Support" cn-text="支援">支援</button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 tags-affix button-tag" data-toggle="tooltip" data-placement="top" title="DP-Recovery" cn-text="费用回复">费用回复</button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 tags-affix button-tag" data-toggle="tooltip" data-placement="top" title="DPS" cn-text="输出">输出</button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 tags-affix button-tag" data-toggle="tooltip" data-placement="top" title="Survival" cn-text="生存">生存</button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 tags-affix button-tag" data-toggle="tooltip" data-placement="top" title="AoE" cn-text="群攻">群攻</button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 tags-affix button-tag" data-toggle="tooltip" data-placement="top" title="Defense" cn-text="防护">防护</button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 tags-affix button-tag" data-toggle="tooltip" data-placement="top" title="Slow" cn-text="减速">减速</button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 tags-affix button-tag" data-toggle="tooltip" data-placement="top" title="Debuffer" cn-text="削弱">削弱</button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 tags-affix button-tag" data-toggle="tooltip" data-placement="top" title="Fast-Redeploy" cn-text="快速复活">快速复活</button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 tags-affix button-tag" data-toggle="tooltip" data-placement="top" title="Shift" cn-text="位移">位移</button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 tags-affix button-tag" data-toggle="tooltip" data-placement="top" title="Summon" cn-text="召唤">召唤</button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 tags-affix button-tag" data-toggle="tooltip" data-placement="top" title="Support Machines" cn-text="支援机械">支援机械</button>
<button type="button" onclick="clickBtnTag(this)" class="btn btn-sm btn-secondary ak-btn btn-tag my-1 tags-affix button-tag" data-toggle="tooltip" data-placement="top" title="Elemental" cn-text="元素">元素</button>
</div>
</div>
<div class="row ak-small-row">
<div class="col-md-2 col-sm-12 my-1 ak-disable ak-btn-header ak-btn-header-span" translate-id="selector-categories-6">
Filter Rarity
</div>
<div class= "col-md-10 col-sm-12 span"style="padding-left:4px;padding-right: 4px">
<button type="button" onclick="clickBtnOpt(this)" class="btn btn-sm btn-primary btn-opt my-1 button-tag" opt-id="all" id="opt-all">ALL</button>
<button type="button" onclick="clickBtnOpt(this)" class="btn btn-sm btn-primary btn-opt my-1 button-tag" opt-id="6">6★</button>
<button type="button" onclick="clickBtnOpt(this)" class="btn btn-sm btn-primary btn-opt my-1 button-tag" opt-id="5">5★</button>
<button type="button" onclick="clickBtnOpt(this)" class="btn btn-sm btn-primary btn-opt my-1 button-tag" opt-id="4">4★</button>
<button type="button" onclick="clickBtnOpt(this)" class="btn btn-sm btn-primary btn-opt my-1 button-tag" opt-id="3">3★</button>
<button type="button" onclick="clickBtnOpt(this)" class="btn btn-sm btn-primary btn-opt my-1 button-tag" opt-id="2">2★</button>
<button type="button" onclick="clickBtnOpt(this)" class="btn btn-sm btn-primary btn-opt my-1 button-tag" opt-id="1">1★</button>
</div>
</div>
<div class="row ak-small-row ak-rare-bg ak-shadow-small" >
<div class= " col-xs-10 span"style="padding-left:4px;padding-right: 4px;margin:auto">
<button type="button" onclick="clickBtnOpt2(this)" class="btn btn-sm btn-primary ak-btn my-1 btn-name" id="showName" opt-id="showName" translate-id="selector-name">Name</button>
<button type="button" onclick="clickBtnOpt2(this)" class="btn btn-sm btn-primary ak-btn my-1 btn-image" id="showImage" opt-id="showImage" translate-id="selector-image">Image</button>
<button type="button" onclick="clickBtnOpt3(this)" class="btn btn-sm btn-primary ak-btn my-1 btn-class" id="showClass" opt-id="showClass" translate-id="selector-Class">Class</button>
<!-- <button type="button" onclick="clickBtnOpt2(this)" class="btn btn-sm btn-primary ak-btn my-1 btn-score" id="showScore" opt-id="showScore" translate-id="selector-score">Score</button> -->
<!-- <div style="display:inline-block;">
<button class="btn btn-sm btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="z-index: 1; float:unset;border-radius: 5px 0px 0px 5px" translate-id="selector-sort">
Sort</button>
<div class="btn btn-sm btn-primary my-1 btn-sort" style="background-color: white; color: black; border-color: darkgrey;margin-left: -6px;border-radius: 0px 5px 5px 0px"><span id="selectedSort">Score</span> </div>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<button class="dropdown-item btn-sort sortselect" onclick="changeSort(this)" id="btn-calculate" type="button" title="20">By Score</button>
<button class="dropdown-item btn-sort sortselect" onclick="changeSort(this)" id="btn-calculate" type="button" title="32">Tags</button>
</div>
</div> -->
<div style="display:inline-block">
<button class="btn btn-sm btn-primary ak-btn dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="z-index: 100; float:unset;border-radius: 5px 0px 0px 5px" translate-id="selector-size">
Image Size</button>
<div class="btn btn-sm btn-primary my-1 ak-btn btn-image disabled" style="background-color: white; color: black; border-color: darkgrey;margin-left: -6px;border-radius: 0px 5px 5px 0px" disabled><span id="selectedImageSize"></span></div>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<button class="dropdown-item btn-size ak-btn imagesizeselect" onclick="changeImageSize(this)" id="btn-calculate" type="button" title="20">20</button>
<button class="dropdown-item btn-size ak-btn imagesizeselect" onclick="changeImageSize(this)" id="btn-calculate" type="button" title="32">32</button>
<button class="dropdown-item btn-size ak-btn imagesizeselect" onclick="changeImageSize(this)" id="btn-calculate" type="button" title="40">40</button>
<button class="dropdown-item btn-size ak-btn imagesizeselect" onclick="changeImageSize(this)" id="btn-calculate" type="button" title="64">64</button>
<button class="dropdown-item btn-size ak-btn imagesizeselect" onclick="changeImageSize(this)" id="btn-calculate" type="button" title="80">80</button>
<button class="dropdown-item btn-size ak-btn imagesizeselect" onclick="changeImageSize(this)" id="btn-calculate" type="button" title="128">128</button>
</div>
</div>
</div>
</div>
<div class="row">
<button class="btn btn-danger col-12 align-self-center ak-btn text-center" style="padding:1px ; z-index: 0;font-weight: 550" onclick="clickBtnClear()" ><span translate-id="selector-clear">Clear</span> <span id="count-tag"></span> <span translate-id="clear-tags">Tags</span></button>
</div>
</div>
<table class="table ak-table ak-table-striped table-hover my-2 ak-shadow" id="table-recommend">
<thead class="ak-thead">
<tr>
<th scope="col">#</th>
<th scope="col" style="width:16.67%" translate-id="result-tags">Tags</th>
<th scope="col" translate-id="result-characters">Character Possibility</th>
</tr>
</thead>
<tbody id="tbody-recommend"></tbody>
</table>
<div class="col-12 tutorial">
<div class="col-12 text-left ak-mid ak-shadow" style="padding:10px" >
<p translate-id="footer-instructions-1">How To Use ：</p>
<p translate-id="footer-instructions-2">1. Change the 'Game Server' drop down on the top right according to your AK client region.</p>
<p translate-id="footer-instructions-3">2. Change the language of the user interface to your preference.</p>
<p translate-id="footer-instructions-4">3. Click on the tags, up to 6 tags.</p>
<p translate-id="footer-instructions-5">4. You can hover on the tags to see the translation.</p>
<p translate-id="footer-instructions-6">5. You can also hide or show the name and/or the image of the operators.</p>
<p translate-id="footer-instructions-7">6. Click 'clear' to reset all the tag selections.</p>
</div>
</div>
<!-- <div class="col-12 alert alert-success mt-1 cn" role="alert">
19/05/04 升级消耗计算器上线，可在导航栏切换使用。<br />
19/05/09 精英材料计算器上线，可在导航栏切换使用。
</div> -->
<div class="ak-div"></div>
</div>
<div class="row col-12 ak-footer">
<div class="col-12 text-center">
<p>This module was originally forked from <a href = "https://graueneko.github.io/akhr.html">Graueneko web</a></p>
<div class="col-12 text-center"></div>
<p><a href="https://github.com/Aceship/AN-EN-Tags/issues">Bug Report and Suggestions</a></p>
<p>Developed and Maintained by: Aceship and Faryzal2020</p>
</div>
</div>
<script src="js/aknav.js"></script>
<script src="./js/akhr.js"></script>
</body>
</html>