-
Notifications
You must be signed in to change notification settings - Fork 8
/
Copy pathindex.html
71 lines (66 loc) · 1.78 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
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='UTF-8' />
<link rel='icon' type='image/png' href='/favicon.png' />
<meta name='viewport' content='width=device-width, initial-scale=1.0' />
<title>好青年 | LeetCode打卡</title>
<style>
body,
html {
margin: 0;
padding: 0;
}
#app {
font-family: 'Fira Mono', Monaco, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
:root {
--q-easy-color: #00af9b;
--q-medium-color: #ffb800;
--q-hard-color: #ff2d55;
}
</style>
</head>
<body>
<div id='app'>
<style>
html,
body,
#app {
width: 100%;
height: 100%;
margin: 0;
}
.__nice__loading {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-size: 40px;
color: #666;
}
@keyframes loadingCircle {
100% {
transform: rotate(360deg);
}
}
.__nice__loading > svg {
display: inline-block;
animation: loadingCircle 1s infinite linear;
}
</style>
<div class='__nice__loading'>
<svg viewBox='0 0 1024 1024' focusable='false' width='1em' height='1em'
fill='currentColor' aria-hidden='true'>
<path
d='M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z'>
</path>
</svg>
</div>
</div>
<script type='module' src='/src/main.ts'></script>
</body>
</html>