PersonalWebsite/index.html at main · kamenomi-dev/PersonalWebsite · 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
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
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title i18n="#[head-title]">Kamen's Personal Website</title>
        <link
            rel="icon"
            type="image/x-icon"
            sizes="16x16"
            href="/favicon-16x16.ico"
        >
        <link
            rel="icon"
            type="image/x-icon"
            sizes="32x32"
            href="/favicon-32x32.ico"
        >
        <link
            rel="icon"
            type="image/x-icon"
            sizes="48x48"
            href="/favicon-48x48.ico"
        >
        <link
            rel="icon"
            type="image/x-icon"
            sizes="192x192"
            href="/favicon-192x192.ico"
        >
        <link
            rel="apple-touch-icon"
            type="image/x-icon"
            sizes="167x167"
            href="/favicon-167x167.ico"
        >
        <link
            rel="apple-touch-icon"
            type="image/x-icon"
            sizes="180x180"
            href="/favicon-180x180.ico"
        >
        <link rel="stylesheet" href="/style/css/index.css">
        <script> // Watch dog
            setTimeout(() => {
                if (!window.WATCH_DOG)
                    confirm(
                        "Error, Watch dog finds some errors in main script."
                        + "Please send some logs about the error to developer! "
                );
            }, 3000); // Three secend later will check the status that whether the script is loaded.
        </script>
        <script src="/scripts/js/index.js" type="module"></script>
    </head>
    <body>
        <!-- Present debugger information -->
        <label id="website-debugger-information"></label>
        <!-- For Mobile -->
        <header class="mobile main-group header" detect-device="mobile">
            <div class="main-group header title" i18n="#[head-title]"></div>
            <a
                class="main-group header logo"
                title="Home"
                href="/#返回首页力~(≧∇≦)ﾉ"
                target="_self"
                rel="noopener noreferrer"
            >
                <img class="interface-image-logo" alt="logo">
            </a>
        </header>
        <div class="mobile main-group left-tab" detect-device="mobile"></div>
        <!-- For Desktop Pad -->
        <header class="main-group header" detect-device>
            <a
                class="main-group header logo"
                title="Home"
                href="/#返回首页力~(≧∇≦)ﾉ"
                target="_self"
                rel="noopener noreferrer"
            >
                <img class="interface-image-logo" alt="logo">
            </a>
            <ul class="main-group header nav-list">
                <li>
                    <a
                        title="Home"
                        href="/#返回首页力~(≧∇≦)ﾉ"
                        target="_self"
                        rel="noreferrer"
                        i18n="#[header-nav-home]"
                    ></a>
                </li>
                <li>
                    <a
                        title="Article"
                        href="/index.html?current_page=article"
                        target="_self"
                        rel="noreferrer"
                        i18n="#[header-nav-article]"
                    ></a>
                </li>
                <li>
                    <a
                        title="LinlExhchange"
                        href="/index.html?current_page=link_exchange"
                        target="_self"
                        rel="noreferrer"
                        i18n="#[header-nav-link-exchange]"
                    ></a>
                </li>
                <li>
                    <a
                        title="About"
                        href="/index.html?current_page=about"
                        target="_self"
                        rel="noreferrer"
                        i18n="#[header-nav-about]"
                    ></a>
                </li>
            </ul>
        </header>
        <div class="main-group content">
            <div class="main-group content title interface-nonselect" i18n="#[content-title]" data-subTitle="子标题测试"></div>
            <iframe id="bodyContent" title="content" class="main-group content body">

            </iframe>
        </div>
        <footer class="main-group footer"> Copyright (c) 2024, All reserved</footer>
    </body>
</html>