-
Notifications
You must be signed in to change notification settings - Fork 12
/
index.html
68 lines (68 loc) · 2.28 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
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<title>DEMO</title>
<link rel="stylesheet" type="text/css" href="assets/demo.css">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/css/font-awesome.min.css">
<body>
<header class="navbar-fixed">
<nav class="bg-color nav-transparent">
<div id="navContainer" class="container">
<ul class="right">
<li>
<a href="#">
<i class="fa fa-home"></i>
<span>Home</span>
</a>
</li>
<li>
<a href="#">
<i id="searchIcon" class="fa fa-search" title="search"></i>
</a>
</li>
</ul>
</div>
</nav>
</header>
<div style="margin-top: -64px;">
<div class="white-text bg-cover">
<div class="container">
<div class="title center-align">
Live2D Demo
</div>
<script>
document.getElementsByClassName('bg-cover')[0].style.backgroundImage = "url('assets/bk.jpg')";
</script>
<div class="cover-btns">
<a href="https://github.com/Konata09/Live2dOnWeb" class="btn" target="_blank">
Github
</a>
<a class="btn" onclick="sessionStorage.removeItem('waifuHide');document.getElementById('waifu').classList.remove('hide');initModel()">
Show Waifu
</a>
</div>
</div>
<div class="footer">
©2021 Konata
</div>
</div>
</div>
<div id="waifu">
<div id="waifu-message"></div>
<div class="waifu-tool">
<span class="icon-next"></span>
<span class="icon-home"></span>
<span class="icon-message"></span>
<span class="icon-camera"></span>
<span class="icon-volumeup"></span>
<span class="icon-volumedown"></span>
<span class="icon-about"></span>
<span class="icon-cross"></span>
</div>
<canvas id="live2d2"></canvas>
<canvas id="live2d4"></canvas>
</div>
<script src="dist/live2d_bundle.js"></script>
<script async type="module" src="waifu-tips.js"></script>
</body>
</html>