-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
152 lines (148 loc) · 6.1 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
<!doctype html>
<html lang="zh-CN" class="mdui-theme-auto">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no" />
<meta name="renderer" content="webkit" />
<meta name="description" content="Save VOCALOID songs on the Internet!" />
<link rel="stylesheet" href="/css/mdui.css">
<link rel="stylesheet" href="/fonts/material-icons.css">
<script src="/js/mdui.global.js"></script>
<title>SaveVOCALOID.ORG</title>
</head>
<body>
<mdui-top-app-bar>
<mdui-button-icon icon="menu" onclick="showInfo()"></mdui-button-icon>
<mdui-top-app-bar-title>SaveVOCALOID.ORG</mdui-top-app-bar-title>
<div style="flex-grow: 1"></div>
<mdui-button-icon icon="library_books" onclick="toDocsSite()"></mdui-button-icon>
</mdui-top-app-bar>
<br><br>
<center>
<div class="mdui-prose">
<h1>SaveVOCALOID.ORG</h1>
<mdui-button onclick='toDocsSite()'>
阅读文档
<mdui-icon slot="icon" name="library_books"></mdui-icon>
<mdui-icon slot="end-icon" name="arrow_forward"></mdui-icon></mdui-button>
</div>
</center>
<br><br>
<mdui-divider></mdui-divider>
<br><br>
<div class="mdui-prose cards">
<!--Cards here-->
<mdui-card variant="filled" style="width: 95%; height: auto; margin-left: 2.5%;">
<br>
<center>
<h2>什么是 SaveVOCALOID.ORG?</h2>
</center>
<br>
<div style="padding-left:2%; padding-right: 2%; padding-bottom: 2%; text-indent: 2em;">
<p>SaveVOCALOID.ORG 是一个由 VOCALOID 社区发起的项目。</p>
<p>最近,在国内的网站和平台上,VOCALOID 作品大量地被删除或隐藏。此外,VOCALOID 圈子也出现了过于低龄化等令人担忧的现象。</p>
<p>我们希望能够尽一份微薄之力,应对 VOCALOID 社区所面临的问题。例如:对 VOCALOID 作品进行存档,以免 P 主和爱好者们的心血毁于网络平台不合理的政策;对 VOCALOID 文化进行适当的科普,以免新人被错误的信息误导。</p>
<p>要了解更多信息,请<a onclick="toDocsSite()" href="javascript:;" style="color: lightgreen;">→阅读我们的文档</a>。</p>
<!--Thanks to 4n0n4me, for such great texts: @gh/xjzh123-->
</div>
<br>
</mdui-card>
<br><br>
<mdui-card variant="filled" style="width: 95%; height: auto; margin-left: 2.5%;">
<br>
<center>
<h2>我如何帮助你们?</h2>
</center>
<br>
<div style="padding-left:2%; padding-right: 2%; padding-bottom: 2%; text-indent: 2em;">
<p>我们接受多种形式的帮助。</p>
<p>您可以帮忙撰写文档条目,它的 Github 仓库在 <a href="javascript:;" onclick="toDocsGithubRepo()">SaveVOCALOID-ORG/Docs</a>。</p>
<p>如果您不熟悉 Git 的操作,您可以直接将内容投稿到我们的 Bilibili 账号私信或是我们的电子邮箱。</p>
<p>或者——把这个站点转发给您的朋友们,这已经足够了。</p>
</div>
<br>
</mdui-card>
<br><br>
<mdui-card variant="filled" style="width: 95%; height: auto; margin-left: 2.5%;">
<br>
<center>
<h2>捐赠</h2>
</center>
<br>
<div style="padding-left:2%; padding-right: 2%; padding-bottom: 2%; text-indent: 2em;">
<p>我们目前<b>不接受</b>捐赠。</p>
<p>无疑,运行这样的一个站点是需要成本的,但我们现在没有接受捐赠的条件。</p>
<p>在我们进一步完善站点内容后,可能会开放捐赠通道。</p>
</div>
<br>
</mdui-card>
<br><br>
<mdui-card variant="filled" style="width: 95%; height: auto; margin-left: 2.5%;">
<br>
<center>
<h2>鸣谢列表</h2>
</center>
<br>
<div style="padding-left:2%; padding-right: 2%; padding-bottom: 2%; text-indent: 2em;">
<mdui-list>
<mdui-list-item headline="4n0n4me" description="提供&完善了部分文本" onclick="toGithubProfile('xjzh123')"></mdui-list-item>
</mdui-list>
</div>
<br>
</mdui-card>
</div>
<br><br><br>
<mdui-divider></mdui-divider><br><br>
<p style="color: gray; text-align: center;">
This site is not affiliated with YAMAHA Co., Ltd or Crypton Future Media, INC.<br>
This site is a project initiated by the VOCALOID community.<br>
VOCALOID® is a trademark of YAMAHA.<br><br>
此站点与 YAMAHA Co., Ltd 或 Crypton Future Media, INC. 无关。<br>
此项目是由 VOCALOID 社区发起的。<br>
VOCALOID® 是 YAMAHA 的商标。<br>
<br>
©2024, SaveVOCALOID.ORG Dev Team.<br>
Under MIT License.<br>
使用 MIT 许可证。
<br><br>
</p>
<mdui-snackbar class="loading-snackbar">Loading...</mdui-snackbar>
<script>
mdui.setColorScheme("#39C5BB");
function a_href(link) {
document.querySelector(".loading-snackbar").open = true
document.location.href = link
}
function showInfo(){
mdui.alert({
headline: "About",
description: "SaveVOCALOID.ORG, By SaveVOCALOID.ORG Dev Team."
})
}
function toGithubProfile(name){
a_href(`https://github.com/${name}`)
}
function toDocsSite() { //we have this function just bcs my vscode's inline js highlight is cursed
a_href("https://docs.savevocaloid.org/")
}
function toDocsGithubRepo(){
a_href("https://github.com/SaveVOCALOID-ORG/Docs")
}
// const RELEASE = 1722168000;
// getTimeStamp = () => {return Math.floor(Date.now()/1000)}
// function updateTime(){
// let time = RELEASE - getTimeStamp()
// let days = parseInt(time/86400)
// let hours = parseInt((time%86400)/3600)
// let mins = parseInt(((time%86400)%3600)/60)
// let secs = parseInt(((time%86400)%3600)%60)
// mdui.$("#days")[0].innerText=days
// mdui.$("#hours")[0].innerText=hours
// mdui.$("#mins")[0].innerText=mins
// mdui.$("#secs")[0].innerText=secs
// }
// updateTime()
// setInterval(updateTime, 10)
</script>
</body>
</html>