-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathKozeki-Ui.html
129 lines (129 loc) · 7.14 KB
/
Kozeki-Ui.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
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>古关忧-碧蓝档案AMSR鉴赏</title>
<script src="JS/bootstrap.bundle.js"></script>
<script src="JS/color.js"></script>
<script src="JS/plyr.js"></script>
<link rel="stylesheet" href="CSS/bootstrap.css">
<link rel="stylesheet" href="CSS/index.css">
<link rel="stylesheet" href="CSS/icon.css">
<link rel="stylesheet" href="CSS/plyr.css">
<link rel="icon" href="imge/favicon.ico">
<meta name="keywords" content="碧蓝档案,DLsite">
<meta name="description" content="DLsite-碧蓝档案AMSR鉴赏">
<meta name="author" content="kserks">
<script src="JS/cf.js"></script>
</head>
<body>
<div class="dropup position-fixed bottom-0 end-0 mb-3 me-3 bd-mode-toggle" >
<button class="btn btn-bd-primary py-2 dropdown-toggle d-flex align-items-center" id="bd-theme" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-bs-display="static" type="button" title="暗黑切换" aria-label="切换主题模式">
<i class="bi bi-moon-stars me-2"></i>
<span class="visually-hidden" id="bd-theme-text">暗黑切换</span>
</button>
<ul class="dropdown-menu dropdown-menu-end shadow" aria-labelledby="bd-theme-text" aria-hidden="true">
<li>
<button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" id="bd-theme-light" aria-label="切换到明亮模式" role="menuitem">
<i class="bi bi-sun me-2"></i>
明亮
<i class="bi ms-auto d-none bi-check2"></i>
</button>
</li>
<li>
<button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark" id="bd-theme-dark" aria-label="切换到黑暗模式" role="menuitem">
<i class="bi bi-moon me-2"></i>
黑暗
<i class="bi ms-auto d-none bi-check2"></i>
</button>
</li>
<li>
<button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="auto" id="bd-theme-auto" aria-label="切换到自动模式" role="menuitem">
<i class="bi bi-circle-half me-2"></i>
自动
<i class="bi ms-auto d-none bi-check2"></i>
</button>
</li>
</ul>
</div>
<nav class="navbar navbar-expand-lg navbar-light header-blur">
<div class="container">
<a class="navbar-brand px-lg-0 " href="/">DLsite-碧蓝档案AMSR鉴赏</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExample07" aria-controls="navbarsExample07" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarsExample07">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a aria-current="page" class="nav-link " href="/">首页</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle " href="#" data-bs-toggle="dropdown" aria-expanded="false">AMSR</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="Yuka.html">早濑优香</a></li>
<li><a class="dropdown-item" href="Hinomiya-Chinatsu.html">火宫千夏</a></li>
<li><a class="dropdown-item" href="Izayoi-Nonomi.html">十六夜野乃美</a></li>
<li><a class="dropdown-item" href="Kasumisawa-Miyu.html">霞泽美游</a></li>
<li><a class="dropdown-item" href="Sunohara-Shun.html">春原旬</a></li>
<li><a class="dropdown-item" href="Sorasaki-Hina.html">空崎阳奈</a></li>
<li><a class="dropdown-item active" href="#">古关忧</a></li>
<li><a class="dropdown-item" href="Akeboshi-Himari.html">明星日鞠</a></li>
<li><a class="dropdown-item" href="Kasuga-Tsubaki.html">春日椿</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link " href="thank.html">鸣谢</a>
</li>
<li class="nav-item">
<a class="nav-link " href="about.html">关于</a>
</li>
<li class="nav-item">
<a class="nav-link " href="more.html">更多</a>
</li>
<li class="nav-item">
<a class="nav-link link-warning" href="warnings-link.html" target="_blank" rel="noopener noreferrer" aria-label="外部链接：ブルーアーカイブ×ASMR">ブルーアーカイブ×ASMR</a>
</li>
</ul>
</div>
</div>
</nav>
<video autoplay loop muted playsinline id="background-video">
<source src="video/mp4/Ui.mp4" type="video/webm">
</video>
<div class="px-3 py-1 pt-md-5 pb-md-4 mx-auto text-center center-screen header-blur">
<main class="px-3">
<h1 class="text-black">第七位是在<b>圣三一</b>遇见的一位学员</h1>
<br>
<p class="lead text-black">您好，Sensei。我是来自圣三一综合学园下属，图书委员会的委员长。<b>古关忧</b>。 </p>
<p class="text-black">古关忧作为圣三一图书馆的负责人，在几乎不与任何人接触下，在为师的各种帮助下，尝试重新加入大家。</p>
<p class="text-black">不太了解，对这位学生不太熟，但是，她的强度为师非常认可。</p>
<p class="text-black">我的评价，下次再说。</p>
<br>
<audio id="player" controls>
<source src="music/8.m4a" type="audio/mpeg">
</audio>
<script>
document.addEventListener('DOMContentLoaded', function() {
const player = new Plyr('#player');{
if (localStorage.getItem('theme') === 'dark') {
player.media.setAttribute('data-theme', 'dark');
} else {
player.media.setAttribute('data-theme', 'light');
}
}
player.media.volume = 0.4;
});
</script>
<br>
<p class="lead">本试听音频来自 ©ブルーアーカイブ×ASMR 相关版权归各版权方所有。</p>
</main>
</div>
<footer class="text-muted py-5">
<div class="container">
<p class="mb-1">© ブルーアーカイブ © 蔚蓝档案 © DLsite 版权所有。 本站为非官方站点，本站与官方没有任何关系。</p>
<p class="mb-1">Github仓库： <a href="https://github.com/kserksi/AMSR-HTML" target="_blank" class="link-info" aria-label="外部链接：GitHub">AMSR-HTML</a></p>
</div>
</footer>
</body>
</html>