forked from QNquenan/homepage-for-vue3
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
122 lines (116 loc) · 5.56 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
<!doctype html>
<html lang="zh-cn" data-theme="dark">
<head>
<meta charset="UTF-8" />
<link rel="stylesheet"
href="https://fonts.googleapis.cn/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap">
<link rel="stylesheet" href="./src/style.css">
<link rel="stylesheet" href="./src/assets/load.css">
<!-- 网站icon -->
<link rel="shortcut icon" type="image/x-icon" href="/src/favicon.ico" />
<!-- 网站主页 -->
<link data-react-helmet="true" rel="canonical" href="https://quenan.love/">
<!-- 网站描述 -->
<meta data-react-helmet="true" name="description" content="这里是Handsome的主页吖！">
<!-- 网站Tag -->
<meta data-react-helmet="true" name="keywords" content="Handsome,个人网站,个人主页,博客">
<!-- 网站分享描述 -->
<meta data-react-helmet="true" name="op:description" content="一只Handsome的个人主页！">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Handsomeの个人主页</title>
<script>
// 设置 html 的 data-theme 属性
console.log(localStorage.getItem('isTheme'))
const theme = localStorage.getItem('isTheme');
document.documentElement.setAttribute('data-theme', theme == 'system' || theme == null ? window.matchMedia('(prefers-color-scheme: dark)').matches : theme)
// 隐藏 loadBox
window.onload = () => {
document.querySelector('.loadBox').style.display = 'none';
};
(function (c, l, a, r, i, t, y) {
c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments) };
t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i;
y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
})(window, document, "clarity", "script", "okfyhob3bm");
</script>
</head>
<body>
<div class="loadBox">
<main class="loader-container">
<div class="loader-state">
<svg class="nyan" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 47 20">
<defs>
<linearGradient id="rainbow-colors" x1="0.5" x2="0.5" y2="1">
<stop class="rainbow-color1" offset="0" />
<stop class="rainbow-color1" offset="0.167" />
<stop class="rainbow-color2" offset="0.167" />
<stop class="rainbow-color2" offset="0.335" />
<stop class="rainbow-color3" offset="0.335" />
<stop class="rainbow-color3" offset="0.5" />
<stop class="rainbow-color4" offset="0.5" />
<stop class="rainbow-color4" offset="0.669" />
<stop class="rainbow-color5" offset="0.669" />
<stop class="rainbow-color5" offset="0.833" />
<stop class="rainbow-color6" offset="0.833" />
<stop class="rainbow-color6" offset="1" />
</linearGradient>
</defs>
<g class="rainbow">
<rect />
<rect />
<rect />
<rect />
<rect />
<rect />
</g>
<g class="pig">
<g class="foot" transform="translate(52)">
<rect width="1" height="3" transform="translate(6 13)" />
<rect width="1" height="3" transform="translate(8 13)" />
<rect width="1" height="3" transform="translate(14 13)" />
<rect width="1" height="3" transform="translate(12 13)" />
</g>
<g class="tail">
<rect width="1" height="1" transform="translate(4 10)" />
<rect width="1" height="1" transform="translate(3 11)" />
</g>
<g transform="translate(52)">
<rect class="body1" width="8" height="8" transform="translate(7 6)" />
<rect class="body1" width="10" height="8" transform="translate(6 7)" />
<rect class="body1" width="12" height="6" transform="translate(5 8)" />
<rect class="body2" width="10" height="6" transform="translate(6 8)" />
<rect class="body2" width="8" height="6" transform="translate(7 7)" />
<rect class="stains" width="4" height="1" transform="translate(7 13)" />
<rect class="stains" width="2" height="1" transform="translate(8 12)" />
<rect class="stains" width="2" height="1" transform="translate(6 9)" />
<rect class="stains" width="3" height="1" transform="translate(6 8)" />
<rect class="stains" width="3" height="1" transform="translate(7 7)" />
<rect class="stains" width="1" height="1" transform="translate(14 7)" />
</g>
<g class="ears" transform="translate(52)">
<rect width="1" height="3" transform="translate(10 5)" />
<rect width="1" height="3" transform="translate(15 5)" />
</g>
<g class="snout">
<rect class="snout1" width="5" height="3" transform="translate(13 10)" />
<rect class="snout-holes" width="1" height="3" transform="translate(17 11) rotate(90)" />
<rect class="snout2" width="1" height="1" transform="translate(16 11) rotate(90)" />
</g>
<g class="eyes">
<rect width="1" height="1" transform="translate(12 9)" />
<rect width="1" height="1" transform="translate(15 9)" />
</g>
</g>
</svg>
</div>
<span class="loader-text">Loading...</span>
<div class="background-container">
<div class="stars"></div>
</div>
</main>
</div>
<div id="app"></div>
<script type="module" src="/src/main.js"></script>
</body>
</html>