MiSub/index.html at main · fishheadhead/MiSub · GitHub

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
<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3e%3cpath fill='%234f46e5' d='M64 128a64 64 0 1 1 64-64a64.07 64.07 0 0 1-64 64Zm0-122a58 58 0 1 0 58 58A58.07 58.07 0 0 0 64 6Z'/%3e%3cpath fill='%234f46e5' d='M64 100a36 36 0 1 1 36-36a36 36 0 0 1-36 36Zm0-66a30 30 0 1 0 30 30a30 30 0 0 0-30-30Z'/%3e%3cpath fill='%234f46e5' d='M64 78a14 14 0 1 1 14-14a14 14 0 0 1-14 14Zm0-22a8 8 0 1 0 8 8a8 8 0 0 0-8-8Z'/%3e%3c/svg%3e">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- PWA Meta Tags -->
    <meta name="description" content="基于 Cloudflare 的订阅转换和管理工具" />

    <!-- 沉浸式状态栏配置 - 兼容浅色和深色模式 -->
    <meta name="theme-color" content="#f8fafc" />
    <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#0f172a" />

    <!-- iOS PWA 配置 -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="apple-mobile-web-app-title" content="MiSub" />
    <!-- 强制iOS状态栏透明 -->
    <meta name="format-detection" content="telephone=no" />
    <meta name="msapplication-tap-highlight" content="no" />

    <!-- Android PWA 配置 -->
    <meta name="mobile-web-app-capable" content="yes" />

    <!-- Windows PWA 配置 -->
    <meta name="msapplication-TileColor" content="#4f46e5" />
    <meta name="msapplication-navbutton-color" content="#4f46e5" />
    <meta name="msapplication-config" content="/browserconfig.xml" />

    <!-- Apple Touch Icons - iOS 设备图标配置 -->
    <link rel="apple-touch-icon" sizes="57x57" href="/icons/icon-72x72.png?v=2" />
    <link rel="apple-touch-icon" sizes="60x60" href="/icons/icon-72x72.png?v=2" />
    <link rel="apple-touch-icon" sizes="72x72" href="/icons/icon-72x72.png?v=2" />
    <link rel="apple-touch-icon" sizes="76x76" href="/icons/icon-96x96.png?v=2" />
    <link rel="apple-touch-icon" sizes="114x114" href="/icons/icon-128x128.png?v=2" />
    <link rel="apple-touch-icon" sizes="120x120" href="/icons/icon-128x128.png?v=2" />
    <link rel="apple-touch-icon" sizes="144x144" href="/icons/icon-144x144.png?v=2" />
    <link rel="apple-touch-icon" sizes="152x152" href="/icons/icon-152x152.png?v=2" />
    <link rel="apple-touch-icon" sizes="180x180" href="/icons/icon-180x180.png?v=2" />
    <!-- 默认 Apple Touch 图标 -->
    <link rel="apple-touch-icon" href="/icons/icon-180x180.png?v=2" />

    <!-- Android Chrome Icons -->
    <link rel="icon" type="image/png" sizes="192x192" href="/icons/icon-192x192.png" />
    <link rel="icon" type="image/png" sizes="512x512" href="/icons/icon-512x512.png" />
    <link rel="icon" type="image/png" sizes="96x96" href="/icons/icon-96x96.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="/icons/icon-96x96.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/icons/icon-96x96.png" />

    <!-- Manifest -->
    <link rel="manifest" href="/manifest.json" />

    <title>MISUB</title>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
  </body>
</html>