-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
88 lines (79 loc) · 3.46 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="theme-color" content="#4F46E5" />
<title>Chinese Four-Character Idioms Game | Learn Through Play</title>
<meta name="description" content="Master Chinese four-character idioms through fun interactive games. Learn authentic pronunciations, understand cultural stories, and discover Chinese wisdom.">
<meta property="og:title" content="Chinese Four-Character Idioms Game | Learn Through Play | 成语游戏" />
<meta property="og:description" content="Master Chinese four-character idioms through fun interactive games. Learn authentic pronunciations, understand cultural stories, and discover Chinese wisdom." />
<meta property="og:type" content="website" />
<meta property="og:image" content="/og-image.jpg" />
<meta property="og:url" content="https://fourwordgame.com" />
<link rel="alternate" hreflang="x-default" href="https://fourwordgame.com" />
<link rel="alternate" hreflang="en" href="https://fourwordgame.com/en/" />
<meta name="author" content="Yanfei" />
<meta name="robots" content="index, follow" />
<link rel="canonical" href="https://fourwordgame.com" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebApplication",
"name": "Four Word Game - Chinese Idioms Learning Platform",
"url": "https://fourwordgame.com",
"description": "An interactive platform for learning Chinese four-character idioms through engaging games",
"applicationCategory": "Game,Education",
"operatingSystem": "Any",
"offers": {
"@type": "Offer",
"price": "0"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.8",
"ratingCount": "1250"
}
}
</script>
<!-- Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-1VZC6N6DVM"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-1VZC6N6DVM');
</script>
<!-- End Google Analytics -->
<script>
(function() {
try {
const stored = localStorage.getItem('user_preferences');
let isDark = false;
if (stored) {
isDark = JSON.parse(stored).theme === 'dark';
} else {
isDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
}
if (isDark) {
document.documentElement.classList.add('dark');
}
} catch {
// 如果无法访问 localStorage（如无痕模式），则使用系统主题
if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
document.documentElement.classList.add('dark');
}
}
})();
</script>
<!-- Google AdSense -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2237071462689218" crossorigin="anonymous"></script>
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>