AcideFluorhydrique.github.io/zh-cn.html at main · AcideFluorhydrique/AcideFluorhydrique.github.io · 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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<html>
<head>
    <link rel="icon" href="./NYU.png" sizes="192x192">
    <link rel="apple-touch-icon" href="./NYU.png">
    <meta name="msapplication-TileImage" content="./NYU.png">
    <title>王馨玥的主页</title>
    <style>
        /* 亮色模式 */

        body.light-mode {
            background-color: white;
            color: black;
        }
        .light-mode h1, .light-mode h2 {
            color: black;
        }
        .light-mode a {
            color: blue;
        }
        .light-mode a:visited {
            color: purple;
        }
        .light-mode a:hover {
            color: red;
        }
        .light-mode .footer {
            background-color: #f8f8f8;
            border-top: 1px solid #ccc;
        }

        /* 深色模式 */
        body.dark-mode {
            background-color: #202124; /* Google风格的深灰色 */
            color: #e8eaed; /* 浅灰色文字，柔和不刺眼 */
        }
        .dark-mode h1, .dark-mode h2 {
            color: #ffffff; /* 标题保持白色 */
        }
        .dark-mode a {
            color: #8ab4f8; /* Google风格的浅蓝色链接 */
        }
        .dark-mode a:visited {
            color: #c58af9; /* 已访问链接为浅紫色 */
        }
        .dark-mode a:hover {
            color: #fdd663; /* 悬停时为亮黄色，提升可见性 */
        }
        .dark-mode .footer {
            background-color: #303134;
            /* 页脚使用稍深的灰色 */
            border-top: 1px solid #5f6368; /* 边框为中灰色 */
        }

        /* 通用样式 */
        body {
            overflow-y: scroll;
        }
        .profile-image {
            width: 204px;
            height: 306px;
            float: left;
        }
        .footer {
            position: fixed;
            bottom: 0;
            width: 100%;
            text-align: center;
            padding: 10px 0;
        }
        .bio-text {
            line-height: 135%;
            font-size: 16px;
        }
    </style>
</head>
<body class="light-mode">
    <!-- 主题切换按钮 -->
    <button id="theme-toggle" style="position: fixed; top: 10px; right: 10px; background: none; border: none; font-size: 24px; cursor: pointer;">🌜</button>

    <table width="100%">
        <tr>
            <td valign="top" width="16%">
                <img class="profile-image" src="./Patchouli.jpg" alt="" hspace="1" vspace="0">
            </td>
            <td valign="top" width="84%">
                <h1>王馨玥</h1>
                <div class="bio-text">
                    数学和计算机科学专业本科生 <br>
                    <br>
                    上海纽约大学 <br>
                    中华人民共和国上海市浦东新区杨思西路567号 邮政编码: 200124 <br>
                    办公室: WB244 <br>
                    电子邮件: <a href="mailto:ariel@netc.fr">ariel@netc.fr </a> <br>
                    <br>
                    研究兴趣: N/A.
                </div>
            </td>
        </tr>
    </table>

    <hr>

    <table width="100%">
        <tr>
            <td width="1%"></td>
            <td valign="top" width="15%">
                <h2><a href="/">简介</a></h2>
                <h2><a href="/languages.html">多语言</a></h2>
                <h2><a href="https://yourwhitemoon.wordpress.com">博客</a></h2>
                <h2><a href="/poems.html">诗集</a></h2>
            </td>
            <td valign="top" width="84%">
                <h2>简介</h2>
                <div class="bio-text">
                    <p><center><i>认识自己是一切智慧的开端。 --亚里士多德</i></center></p>
                    <p>我目前是上海纽约大学数学和计算机科学专业的本科生。除了数学和计算机科学之外，我对化学也很感兴趣。在进入上海纽约大学学习之前，我曾参与中国化学奥林匹克竞赛并取得二等奖。</p>
                    <p>我对中国传统诗词有着浓厚的兴趣 (见我的<a href="/poems.html">诗集</a>)。我同时也是哈耶克和奥地利经济学派的追随者，崇尚古典自由主义 (见我的<a href="https://yourwhitemoon.wordpress.com">英文博客</a>)。</p>
                    <br>
                </div>
            </td>
        </tr>
    </table>

<!--     <div class="footer">
        <a href="https://icp.gov.moe/?keyword=20250101" target="_blank">萌ICP备20250101号</a>
    </div> -->

    <!-- JavaScript逻辑 -->
    <script>
        document.addEventListener('DOMContentLoaded', () => {
            const themeToggle = document.getElementById('theme-toggle');
            const body = document.body;

            // 检查本地存储中的主题偏好
            const savedTheme = localStorage.getItem('theme');
            if (savedTheme) {
                body.classList.add(savedTheme);
                themeToggle.textContent = savedTheme === 'dark-mode' ? '☀️' : '🌙';
            } else {
                body.classList.add('light-mode');
                themeToggle.textContent = '🌙';
            }

            // 点击按钮切换主题
            themeToggle.addEventListener('click', () => {
                if (body.classList.contains('light-mode')) {
                    body.classList.replace('light-mode', 'dark-mode');
                    themeToggle.textContent = '☀️';
                    localStorage.setItem('theme', 'dark-mode');
                } else {
                    body.classList.replace('dark-mode', 'light-mode');
                    themeToggle.textContent = '🌙';
                    localStorage.setItem('theme', 'light-mode');
                }
            });
        });
    </script>
</body>
</html>