-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
52 lines (49 loc) · 8.87 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Index</title>
<link rel="icon" href="/src/icon.ico">
<link href="/src/styles.css" type="text/css" rel="stylesheet">
<script type="module" src="/src/main.ts" defer></script>
</head>
<body>
<div class="background"></div>
<div class="titlebar">
<div data-tauri-drag-region id="titlebar-drag-region"></div> <!-- 拖动区域 -->
<div class="titlebar-button" id="titlebar-always-on-top">
<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"
id="untopped-icon">
<path
d="M12.6909 6.5C12.6596 5.229 12.2194 4.16917 11.3704 3.3205C10.5214 2.47183 9.46158 2.03167 8.19092 2C6.91992 2.03133 5.86008 2.4715 5.01142 3.3205C4.16275 4.1695 3.72258 5.22933 3.69092 6.5C3.69092 7.427 4.06325 8.48683 4.80792 9.6795C5.55258 10.8722 6.68025 12.1925 8.19092 13.6405C9.70125 12.1925 10.8289 10.8722 11.5739 9.6795C12.3189 8.48683 12.6913 7.427 12.6909 6.5ZM8.19092 15C4.52425 11.6667 2.69092 8.83333 2.69092 6.5C2.73258 4.93733 3.26908 3.6405 4.30042 2.6095C5.33175 1.5785 6.62858 1.042 8.19092 1C9.75358 1.04167 11.0504 1.57817 12.0814 2.6095C13.1124 3.64083 13.6489 4.93767 13.6909 6.5C13.6909 8.83333 11.8576 11.6667 8.19092 15ZM8.19092 8C8.61792 7.98967 8.97208 7.84383 9.25342 7.5625C9.53475 7.28117 9.67542 6.927 9.67542 6.5C9.67542 6.073 9.53475 5.71883 9.25342 5.4375C8.97208 5.15617 8.61792 5.0155 8.19092 5.0155C7.76392 5.0155 7.40975 5.15617 7.12842 5.4375C6.84708 5.71883 6.70642 6.073 6.70642 6.5C6.70642 6.927 6.84708 7.28117 7.12842 7.5625C7.40975 7.84383 7.76392 7.98967 8.19092 8ZM8.19092 9C7.48258 8.979 6.89408 8.73417 6.42542 8.2655C5.95675 7.79683 5.71192 7.20833 5.69092 6.5C5.71192 5.79167 5.95675 5.20317 6.42542 4.7345C6.89408 4.26583 7.48258 4.021 8.19092 4C8.89925 4.021 9.48775 4.26583 9.95642 4.7345C10.4251 5.20317 10.6699 5.79167 10.6909 6.5C10.6699 7.20833 10.4251 7.79683 9.95642 8.2655C9.48775 8.73417 8.89925 8.979 8.19092 9Z"
fill="#000" />
</svg>
</div>
<div class="titlebar-button" id="titlebar-minimize">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M2 7H14C14.6667 7 15 7.33333 15 8C15 8.66667 14.6667 9 14 9H2C1.33333 9 1 8.66667 1 8C1 7.33333 1.33333 7 2 7Z"
fill="#000" />
</svg>
</div>
<div class="titlebar-button" id="titlebar-close">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M3.04999 3.04999C3.23752 2.86252 3.49182 2.7572 3.75699 2.7572C4.02215 2.7572 4.27646 2.86252 4.46399 3.04999L7.99999 6.58599L11.536 3.04999C11.7246 2.86783 11.9772 2.76704 12.2394 2.76931C12.5016 2.77159 12.7524 2.87676 12.9378 3.06217C13.1232 3.24758 13.2284 3.49839 13.2307 3.76059C13.2329 4.02278 13.1321 4.27539 12.95 4.46399L9.41399 7.99999L12.95 11.536C13.1321 11.7246 13.2329 11.9772 13.2307 12.2394C13.2284 12.5016 13.1232 12.7524 12.9378 12.9378C12.7524 13.1232 12.5016 13.2284 12.2394 13.2307C11.9772 13.2329 11.7246 13.1321 11.536 12.95L7.99999 9.41399L4.46399 12.95C4.27539 13.1321 4.02278 13.2329 3.76059 13.2307C3.49839 13.2284 3.24758 13.1232 3.06217 12.9378C2.87676 12.7524 2.77159 12.5016 2.76931 12.2394C2.76704 11.9772 2.86783 11.7246 3.04999 11.536L6.58599 7.99999L3.04999 4.46399C2.86252 4.27646 2.7572 4.02215 2.7572 3.75699C2.7572 3.49182 2.86252 3.23752 3.04999 3.04999Z"
fill="#000" />
</svg>
</div>
</div>
<div class="wrapper">
<div class="studentName">S1</div>
<div class="studentName">S2</div>
<div class="studentName">S3</div>
<div class="studentName">S4</div>
<div id="navigator"></div>
<div id="highlight"></div>
<button id="btn">开始</button>
</div>
</div>
<audio id="audio1" src="data:audio/mp3;base64,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" hidden loop></audio></audio>
</body>
</html>