forked from tmpim/osusig
-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.php
124 lines (120 loc) · 6.31 KB
/
index.php
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
<html>
<head>
<title>osu!next 签名生成器</title>
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/app.css">
<link rel="icon" href="favicon.ico">
<meta charset='UTF-8'>
<meta name='keywords' content='osu, next, signature, generator, forum, sig'>
<meta name='description' content='一个 osu!next 风格的签名生成器！'>
<meta name='author' content='Lemmmy / JindaiKirin'>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#bb1177">
<meta name='handheldfriendly' content='true'>
<meta name='mobileoptimized' content='480'>
<script src="js/jquery.min.js"></script>
<script src="js/prefixfree.min.js"></script>
<script src="js/spectrum.js"></script>
<script src="js/app.min.js?v=20200504"></script>
</head>
<body>
<div class="page-header">
<span class="title">osu!next 签名生成器</span><br>
<span class="shameless-self-promotion">原作 by <a href="https://github.com/Lemmmy/osusig" target="_blank">Lemmmy</a> - 获取源代码请点击<a href="https://github.com/Tsuk1ko/osusig" target="_blank">这里</a> - 汉化&修正 by <a href="https://moe.best" target="_blank">神代绮凛</a></span>
</div>
<header>选择一个颜色</header>
<article>
<ul class="colours">
<li style="background-color: #e33" id="colour-red">红色</li>
<li style="background-color: #e83" id="colour-orange">橙色</li>
<li style="background-color: #fc2" id="colour-yellow" class="selected">黄色</li>
<li style="background-color: #ad0" id="colour-green">草绿色</li>
<li style="background-color: #6cf" id="colour-blue">浅蓝色</li>
<li style="background-color: #25e" id="colour-darkblue">深蓝色</li>
<br>
<li style="background-color: #86e" id="colour-purple">紫色</li>
<li style="background-color: #f6a" id="colour-bpink">粉色</li>
<li style="background-color: #b17" id="colour-pink">紫红色</li>
<li style="background-color: #000" id="colour-black">黑色</li>
<br>
<br>
<li style="background-color: #b17; background-repeat: no-repeat; background-position: center; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.4), 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.6)" id="colour-hex">自定义</li>
<br>
<br>
<input type="text" id="hex-picker" />
</ul>
</article>
<header>设置</header>
<article style="text-align: center;">
<label for="uname">游戏内名字</label>
<input type="text" placeholder="Mashir0" name="uname" id="uname" />
<br><br>
<label for="mode">Mode</label>
<ul class="modes">
<li class="osu selected" id="mode-osu"><img src="img/osu.png"><span>戳饼</span></li>
<li class="taiko" id="mode-taiko"><img src="img/taiko.png"><span>敲鼓</span></li>
<li class="ctb" id="mode-ctb"><img src="img/ctb.png"><span>接果</span></li>
<li class="mania" id="mode-mania"><img src="img/mania.png"><span>弹琴</span></li>
</ul>
<br><br>
<label for="ppmode">PP 显示</label>
<ul class="ppmodes">
<li id="ppmode--1" class="selected">不显示</li>
<li id="ppmode-0">替换等级显示</li>
<li id="ppmode-1">在 Acc 后显示</li>
<li id="ppmode-2">在排名后显示</li>
</ul>
<br><br>
<input type="checkbox" name="country-rank" /> 显示你的国家排名
</article>
<header>你的签名</header>
<article style="text-align: center;">
<div id="previewarea">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" class="preview lazy" width="338" height="94">
</div>
<br>
<label for="out">签名图片地址</label>
<input type="text" name="out" id="out" value="" style="width: 100%; text-align: center" readonly />
<br><br>
<a href="#" id="regen" class="button">生成</a>
</article>
<header>进阶选项</header>
<article style="text-align: center;" class="twocol">
<div class="twocol-col">
<span>
<input type="checkbox" name="adv-av-margin" /> 移除头像额外的外边距
</span>
<span>
<input type="checkbox" name="adv-flag-shadow" /> 为国旗添加阴影
</span>
<span>
<input type="checkbox" name="adv-flag-stroke" /> 为国旗添加白色的描边
</span>
<span>
<input type="checkbox" name="adv-opaque-avatar" /> 为头像添加一个背景（效果不明）
</span>
<span>
<input type="checkbox" name="adv-dark-triangles" /> 将标题背景中的三角形变暗
</span>
</div>
<div class="twocol-col">
<span>
<input type="checkbox" name="adv-dark-header" /> 使用在标题上使用暗色文字
</span>
<span>
<input type="checkbox" name="adv-avatar-rounding" /> 自定义头像的圆角半径
<input type="number" name="adv-avatar-rounding-num" min="0" value="4" disabled class="smallnumber"/>像素
</span>
<span>
<input type="checkbox" name="adv-ranked-score" /> 显示你的 Ranked 分数（替换 Play Count）
</span>
<span>
<input type="checkbox" name="adv-xp-bar" /> 在底部显示经验条
</span>
<span>
<input type="checkbox" name="adv-xp-bar-hex" /> 将经验条的颜色换成你选择的颜色
</span>
</div>
</article>
</body>
</html>