-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathIndex.html
117 lines (117 loc) · 6.53 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
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=0.7">
<title>可爱头像生成器 | Minecraft Cute Avatar Generator</title>
<link rel="icon" type="image/png" href="/Resources/Logo.png">
<link rel="stylesheet" href="/Index.css">
</head>
<body>
<header>
<div class="logo">
<img src="/Resources/Logo.png" alt="Logo">
<h1>Minecraft CAG</h1>
</div>
<div class="language">
<input type="checkbox" id="language-switch" value="0">
<label for="language-switch">
<img src="/Resources/Icons/Language.svg" alt="选择语言">
</label>
<ol>
<li id="chinese"><a href="/">汉语</a></li>
<li id="english"><a href="/Translations/English.html">English</a></lo>
<li id="japanese"><a href="/Translations/Japanese.html">日本語</a></li>
</ol>
</div>
</header>
<main>
<ol class="tips"></ol>
<section class="generater">
<div class="tabs">
<input type="radio" id="mojang" name="tabs" checked="">
<label for="mojang">正版 ID</label>
<input type="radio" id="website" name="tabs">
<label for="website">皮肤站</label>
<input type="radio" id="upload" name="tabs">
<label for="upload">上传皮肤</label>
<span class="glider"></span>
</div>
<div class="content">
<span class="mojang" id="active-content">
<input type="text" placeholder="请输入正版 ID" class="player-name">
<div class="buttons">
<input id="generate-mojang" type="checkbox"></input>
<label for="generate-mojang">生成</label>
<ol class="selections">
<li avatar-type="full">全身照</li>
<li avatar-type="big_head">半身照</li>
<li avatar-type="head">仅头像</li>
</ol>
<button class="change-background">换背景</button>
<button class="download">下载</button>
</div>
<canvas height="1000" width="1000"></canvas>
<div class="mask"></div>
<div class="buttons" style="opacity: .6;">
<button class="publish" style="cursor: not-allowed;">发布作品</button>
<button class="share" style="cursor: not-allowed;">分享</button>
<button class="upload" style="cursor: not-allowed;">上传背景</button>
</div>
</span>
<span class="website">
<div class="container">
<div class="inputs">
<input type="text" placeholder="请输入正版 ID" class="player-name">
<input type="text" value="littleskin.cn" placeholder="请输入皮肤站网址" class="skin-website">
</div>
<div class="buttons">
<input id="generate-website" type="checkbox"></input>
<label for="generate-website">生成</label>
<ol class="selections">
<li avatar-type="full">全身照</li>
<li avatar-type="big_head">半身照</li>
<li avatar-type="head">仅头像</li>
</ol>
<button class="change-background">换背景</button>
<button class="download">下载</button>
</div>
</div>
<canvas height="1000" width="1000"></canvas>
<div class="mask"></div>
<div class="buttons" style="opacity: .6;">
<button class="publish" style="cursor: not-allowed;">发布作品</button>
<button class="share" style="cursor: not-allowed;">分享</button>
<button class="upload" style="cursor: not-allowed;">上传背景</button>
</div>
</span>
<span class="upload">
<input type="file" id="upload-file" accept="image/*">
<label for="upload-file">点击上传</label>
<div class="buttons">
<button class="change-background">换背景</button>
<button class="download">下载</button>
</div>
<canvas height="1000" width="1000"></canvas>
<div class="mask"></div>
<div class="buttons" style="opacity: .6;">
<button class="publish" style="cursor: not-allowed;">发布作品</button>
<button class="share" style="cursor: not-allowed;">分享</button>
<button class="upload" style="cursor: not-allowed;">上传背景</button>
</div>
</span>
</div>
</section>
<section class="user">
<h2>正在施工</h2>
<h2>敬请期待</h2>
</section>
</main>
<footer>
<p>制作：<a href="https://github.com/Lonely-Sails/" rel="noopener" target="_blank">LonelySail</a> <a href="https://space.bilibili.com/23785358/" rel="noopener" target="_blank">Keishi</a> | <a href="https://www.bilibili.com/video/BV1rB4y1F7dW/" rel="noopener" target="_blank">灵感来源：噪音回放（B站视频链接）</a> | 赞助：DongYue</p>
<p><a href="https://github.com/MCCAG/" rel="noopener" target="_blank">Github</a> | <a href="https://afdian.com/a/Keishi/" rel="noopener" target="_blank">打赏给作者一杯咖啡！</a> | 友链：<a href="http://klpbbs.com/" rel="noopener" target="_blank">苦力怕论坛</a> <a href="https://www.minebbs.com/" rel="noopener" target="_blank">MineBBS</a> <a href="https://www.rainyun.com/" rel="noopener" target="_blank">雨云服务器</a> | <span id='busuanzi_container_site_pv'>本站总访问量 <span id="busuanzi_value_site_pv"></span> 次</span></p>
</footer>
<script src="/Index.js"></script>
<script async src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
</body>
</html>