-
Notifications
You must be signed in to change notification settings - Fork 8
/
index.html
240 lines (223 loc) · 12.5 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
<!--
=========================================================
* Soft UI Design System - v1.0.9
=========================================================
* Product Page: https://www.creative-tim.com/product/soft-ui-design-system
* Copyright 2022 Creative Tim (https://www.creative-tim.com)
* Coded by www.creative-tim.com
=========================================================
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. -->
<!DOCTYPE html>
<html lang="en" itemscope itemtype="http://schema.org/WebPage">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="apple-touch-icon" sizes="76x76" href="/assets/img/apple-icon.png">
<link rel="icon" type="image/png" href="/assets/img/favicon.png">
<title>
Valorant shop checker
</title>
<!-- Fonts and icons -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet" />
<!-- Nucleo Icons -->
<link href="/assets/css/nucleo-icons.css" rel="stylesheet" />
<link href="/assets/css/nucleo-svg.css" rel="stylesheet" />
<!-- Font Awesome Icons -->
<script src="https://kit.fontawesome.com/42d5adcbca.js" crossorigin="anonymous"></script>
<link href="/assets/css/nucleo-svg.css" rel="stylesheet" />
<!-- CSS Files -->
<link id="pagestyle" href="/assets/css/soft-design-system.css?v=1.0.9" rel="stylesheet" />
<script>
// 获取表单元素
const form = document.querySelector('form[name="login"]');
// 监听表单提交事件
form.addEventListener('submit', (event) => {
// 获取两个复选框元素
const checkedRuleCheckbox = form.querySelector('input[name="CheckedRule"]');
const checkedEulaCheckbox = form.querySelector('input[name="CheckedEULA"]');
// 如果复选框没被选中,则阻止表单的提交
if (!checkedRuleCheckbox.checked || !checkedEulaCheckbox.checked) {
event.preventDefault();
alert('必须知晓网站不存储用户数据且同意EULA才能进行登陆!');
}
});
</script>
</head>
<body class="index-page">
<!-- Navbar -->
<div class="container position-sticky z-index-sticky top-0">
<div class="row">
<div class="col-12">
<nav
class="navbar navbar-expand-lg blur blur-rounded top-0 z-index-fixed shadow position-absolute my-3 py-2 start-0 end-0 mx-4">
<div class="container-fluid px-0">
<a class="navbar-brand font-weight-bolder ms-sm-3"
href="https://demos.creative-tim.com/soft-ui-design-system/index.html" rel="tooltip"
title="Valorant Shop Checker | 瓦罗兰特商店查看" data-placement="bottom" target="_blank">
Valorant Shop Checker | 瓦罗兰特商店查看
</a>
<div class="collapse navbar-collapse pt-3 pb-2 py-lg-0 w-100" id="navigation">
<ul class="navbar-nav navbar-nav-hover ms-lg-12 ps-lg-5 w-100">
<li class="nav-item dropdown dropdown-hover mx-2">
<li class="nav-item ms-lg-auto">
<a class="nav-link nav-link-icon me-2"
href="https://github.com/creativetimofficial/soft-ui-design-system" target="_blank">
<i class="fa fa-github me-1"></i>
<p class="d-inline text-sm z-index-1 font-weight-bold" data-bs-toggle="tooltip"
data-bs-placement="bottom" title="在Github查看本项目">Github</p>
</a>
</li>
<!-- <li class="nav-item my-auto ms-3 ms-lg-0">
<a href="https://www.creative-tim.com/builder/soft-ui-design-system" class="btn btn-sm btn-outline-primary btn-round mb-0 me-1 mt-2 mt-md-0">Online Builder</a>
</li>
<li class="nav-item my-auto ms-3 ms-lg-0">
<a href="https://www.creative-tim.com/product/soft-ui-design-system-pro" class="btn btn-sm bg-gradient-primary btn-round mb-0 me-1 mt-2 mt-md-0">Upgrade to Pro</a>
</li> -->
</ul>
</div>
</div>
</nav>
<!-- End Navbar -->
</div>
</div>
</div>
<header class="header-2">
<div class="page-header min-vh-75 relative" style="background-image: url('/assets/img/1159991.jpg')">
<div class="container">
<div class="row">
<div class="col-lg-7 text-center mx-auto">
<style>
svg {
fill: #fff
}
</style>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 690 98.9">
<path
d="M615.11 19.15h24.69l.08 75.59c0 .97.79 1.77 1.77 1.77l14.14-.01c.98 0 1.77-.79 1.77-1.77l-.08-75.58h30.96c.91 0 1.43-1.06.85-1.77l-10.6-13.26a4.68 4.68 0 0 0-3.65-1.76h-59.93c-.98 0-1.77.79-1.77 1.77v13.26c0 .96.79 1.76 1.77 1.76M19.25 94.75 91.67 4.13c.57-.71.06-1.77-.85-1.77H72.71c-1.42 0-2.77.65-3.65 1.76L17.68 68.4V4.12c0-.98-.79-1.77-1.77-1.77H1.77C.79 2.35 0 3.14 0 4.12v90.62c0 .98.79 1.77 1.77 1.77H15.6c1.42 0 2.76-.65 3.65-1.76m51.06 0 24.91-31.17 24.91 31.17a4.685 4.685 0 0 0 3.66 1.76h13.83c.98 0 1.77-.79 1.77-1.77V4.12c0-.97-.79-1.77-1.77-1.77h-11.6c-2.84 0-5.53 1.29-7.31 3.51L47.69 94.73c-.57.71-.06 1.77.85 1.77h18.11c1.43.01 2.77-.64 3.66-1.75m51.39-66.21v41.75l-16.68-20.87 16.68-20.88zm404.37 66.19L453.65 4.11A4.68 4.68 0 0 0 450 2.35h-13.84c-.98 0-1.77.79-1.77 1.77v90.62c0 .98.79 1.77 1.77 1.77h13.83c1.42 0 2.77-.65 3.65-1.76l24.91-31.17 24.91 31.17a4.68 4.68 0 0 0 3.65 1.76h18.11c.91 0 1.42-1.06.85-1.78m-57.33-45.31L452.05 70.3V28.54l16.69 20.88zM269.45 0c-27.3 0-49.43 22.13-49.43 49.43s22.13 49.43 49.43 49.43 49.43-22.13 49.43-49.43C318.89 22.13 296.75 0 269.45 0m0 82.06c-17.54 0-31.75-14.61-31.75-32.63 0-18.02 14.21-32.64 31.75-32.64S301.2 31.4 301.2 49.43c.01 18.02-14.21 32.63-31.75 32.63M583.38 4.12V68.4L532 4.11a4.68 4.68 0 0 0-3.65-1.76H514.5c-.97 0-1.77.79-1.77 1.77v43.67c0 1.06.36 2.09 1.03 2.92l14.71 18.41c.65.81 1.95.35 1.95-.68v-38l51.39 64.31a4.68 4.68 0 0 0 3.65 1.76h13.83c.98 0 1.77-.79 1.77-1.77V4.12c0-.97-.79-1.77-1.77-1.77h-14.14c-.98 0-1.77.8-1.77 1.77M410.62 23.76V4.12c0-.98-.79-1.77-1.77-1.77h-72.37c-.98 0-1.77.79-1.77 1.77v90.62c0 .98.79 1.77 1.77 1.77h14.14c.98 0 1.77-.79 1.77-1.77V19.16h40.55l-27.37 34.26c-.51.64-.51 1.56 0 2.21l31.27 39.13a4.68 4.68 0 0 0 3.65 1.76h18.11c.91 0 1.42-1.06.85-1.77l-32.14-40.21 22.28-27.84c.66-.85 1.03-1.88 1.03-2.94M162.39 96.51h41.96c1.42 0 2.77-.65 3.65-1.76l10.6-13.27c.57-.71.06-1.77-.85-1.77H178.3V4.12c0-.98-.79-1.77-1.77-1.77h-14.14c-.98 0-1.77.79-1.77 1.77v90.62c0 .97.8 1.77 1.77 1.77">
</path>
</svg>
<br>
<p class="lead text-white mt-3">瓦罗兰特(无畏契约)商店查看,让你不用登陆游戏也能够查看每日商店(仅支持国际服)<br />所有的账号凭据保存在本地浏览器,服务器不对账号数据进行存取。
</p>
</div>
</div>
</div>
<div class="position-absolute w-100 z-index-1 bottom-0">
<svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 24 150 40" preserveAspectRatio="none" shape-rendering="auto">
<defs>
<path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
</defs>
<g class="moving-waves">
<use xlink:href="#gentle-wave" x="48" y="-1" fill="rgba(255,255,255,0.40" />
<use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(255,255,255,0.35)" />
<use xlink:href="#gentle-wave" x="48" y="5" fill="rgba(255,255,255,0.25)" />
<use xlink:href="#gentle-wave" x="48" y="8" fill="rgba(255,255,255,0.20)" />
<use xlink:href="#gentle-wave" x="48" y="13" fill="rgba(255,255,255,0.15)" />
<use xlink:href="#gentle-wave" x="48" y="16" fill="rgba(255,255,255,0.95" />
</g>
</svg>
</div>
</div>
</header>
<section>
<div class="container py-4">
<div class="row">
<div class="col-lg-7 mx-auto d-flex justify-content-center flex-column">
<h3 class="text-center">登陆你的Riot账号</h3>
<div align="center">
<p>所有的账号凭据保存在本地浏览器,服务器不对账号数据进行存取</p>
<p>开发时测试用的是亚太服,其他服务器不保真!</p>
</div>
<form role="form" name="login" method="post" autocomplete="off" action="/api/login">
<div class="card-body">
<div class="row">
<div class="col-md-6">
<label>用户名</label>
<div class="input-group mb-4">
<input class="form-control" placeholder="请输入你的用户名" name="Username" type="text">
</div>
</div>
<div class="col-md-6 ps-2">
<label>密码</label>
<div class="input-group">
<input type="password" class="form-control" placeholder="请输入密码" name="Password">
</div>
</div>
</div>
<!-- <div class="row">
<div class="col-md-3">
<div class="form-check">
<input class="form-check-input" type="radio" name="APServer" id="AP" checked>
<label class="form-check-label" for="AP">
亚太 Asia Pacific
</label>
</div>
</div>
<div class="col-md-3 ps-2">
<div class="form-check">
<input class="form-check-input" type="radio" name="NAServer" id="NA">
<label class="form-check-label" for="NA">
北美 North America
</label>
</div>
</div>
<div class="col-md-3 ps-3">
<div class="form-check">
<input class="form-check-input" type="radio" name="EUServer" id="EU">
<label class="form-check-label" for="EU">
欧洲 Europe
</label>
</div>
</div>
<div class="col-md-3 ps-4">
<div class="form-check">
<input class="form-check-input" type="radio" name="KRServer" id="KR">
<label class="form-check-label" for="KR">
韩国 Korea
</label>
</div>
</div>
</div> -->
<br>
<div class="row">
<div class="col-md-12">
<div class="form-check form-switch mb-4">
<input class="form-check-input" type="checkbox" name="CheckedRule">
<label class="form-check-label"
for="flexSwitchCheckDefault">我已明白网站不会对我的账号数据进行存储,所有的数据均存在浏览器本地</label>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-check form-switch mb-4">
<input class="form-check-input" type="checkbox" name="CheckedEULA">
<label class="form-check-label" for="flexSwitchCheckDefault">我同意<a href="/EULA.html"
class="text-dark"><u>最终用户许可协议</u></a>.</label>
</div>
</div>
{% if loginerror %}
<div class="container">
<div align="center" class="alert alert-primary text-white font-weight-bold" role="alert">
登录出错,请检查账号密码是否正确!
</div>
</div>
{% endif %}
{% if infoerror %}
<div class="container">
<div align="center" class="alert alert-primary text-white font-weight-bold" role="alert">
请先正确输入用户名和密码,并勾选下面两项后再点登陆!
</div>
</div>
{% endif %}
<div class="col-md-12">
<button type="submit" class="btn bg-gradient-dark w-100">登陆</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
</body>