-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathmessage.html
More file actions
237 lines (213 loc) · 10.7 KB
/
Copy pathmessage.html
File metadata and controls
237 lines (213 loc) · 10.7 KB
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
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
<!DOCTYPE HTML>
<html>
<head>
<title>Message Board</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="stylesheet" href="assets/css/expanding-cards.css" />
<link rel="stylesheet" href="assets/css/message-comments.css" />
<link rel="stylesheet" href="assets/css/theme-integrated.css" />
<link rel="stylesheet" href="assets/css/theme-toggle.css" />
<link rel="stylesheet" href="assets/css/smart-back-to-top.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<link rel="stylesheet" href="assets/css/windows-100-scaling-fix.css" />
<link rel="stylesheet" href="assets/css/fixed-bg-non-home.css" />
<link rel="stylesheet" href="assets/css/music-player.css" />
<link rel="stylesheet" href="assets/css/global-player.css" />
<!-- 优化移动设备适配性 -->
<meta name="theme-color" content="#f8f8f8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="description" content="Leave your message, share your thoughts or suggestions on Ozy's message board." />
</head>
<body class="is-preload" style="opacity:0;">
<a id="top"></a>
<div id="wrapper">
<!-- Header -->
<header id="header">
<a href="index.html" class="logo">Ozy</a>
</header>
<!-- Nav -->
<nav id="nav">
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="introduction.html">Introduction</a></li>
<li><a href="other.html">Other</a></li>
<li class="active"><a href="message.html">Message Board</a></li>
<li><a href="https://jlu005807.github.io/docs.ozy/">docs.ozy</a></li>
<li><a href="https://jlu005807.github.io/photo.ozy">photo.ozy</a></li>
<li><a href="message-zh-CN.html">中文</a></li>
</ul>
<ul class="icons">
<li><a href="https://github.com/jlu005807" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<section class="post">
<header class="major">
<h1>📝Message</h1>
<span class="date current-date"></span>
</header>
<!-- Reminder to leave a comment at the bottom -->
<p style="margin-top:0.5em; color:var(--text-primary);">Please leave your comment at the bottom of this page. Thank you!</p>
<!-- Expanding Cards Gallery -->
<div class="expanding-cards-wrapper" style="position: relative; margin-bottom: 15em; height: auto; min-height: 300px;">
<div class="expanding-cards-container">
<div class="panel" style="background-image: url('./images/message/card1.png')">
<blockquote>"Success is not final, failure is not fatal: it is the courage to continue that counts."</blockquote>
<cite>— Winston Churchill</cite>
</div>
<div class="panel" style="background-image: url('./images/message/card2.png')">
<blockquote>"First, solve the problem. Then, write the code."</blockquote>
<cite>— John Johnson</cite>
</div>
<div class="panel" style="background-image: url('./images/message/card3.png')">
<blockquote>"Design is not just what it looks like. Design is how it works."</blockquote>
<cite>— Steve Jobs</cite>
</div>
<div class="panel" style="background-image: url('./images/message/card4.png')">
<blockquote>"Innovation distinguishes between a leader and a follower."</blockquote>
<cite>— Steve Jobs</cite>
</div>
<div class="panel" style="background-image: url('./images/message/card5.png')">
<blockquote>"The best way to predict the future is to create it."</blockquote>
<cite>— Peter Drucker</cite>
</div>
<div class="panel" style="background-image: url('./images/message/card6.png')">
<blockquote>"Life is what happens to you while you're busy making other plans."</blockquote>
<cite>— John Lennon</cite>
</div>
</div>
</div>
<div class="box notice-box" style="background:var(--bg-secondary); border-left:4px solid #f39c12; margin-bottom:1.5em; position:relative; z-index:10; margin-top: 3em; clear: both; color:var(--text-primary);">
<h3 style="margin-top:0; color:var(--text-primary);">Notice</h3>
<ul style="margin-bottom:0;">
<li>👋Welcome to leave your message, share your thoughts or suggestions!</li>
<li>😊 Please be respectful and friendly.</li>
<li>🚫 No spam or advertisements.</li>
<li>🌍 Comments are public and visible to everyone.</li>
<li>🐞 For technical issues, please use <a href="https://github.com/jlu005807/jlu005807.github.io/issues" target="_blank">GitHub Issues</a>.</li>
</ul>
</div>
<div class="box" style="background:var(--bg-primary); color:var(--text-primary); padding:1em; margin-bottom:1.5em;">
<h3 style="margin-top:0;">Welcome</h3>
<p>Welcome to Ozy's message board. Feel free to share ideas, feedback, or questions about my projects and notes.</p>
<p>For complete documentation, tutorials and project guides, please visit my documentation site:<a href="https://jlu005807.github.io/docs.ozy/" target="_blank" rel="noopener noreferrer">docs.ozy</a></p>
</div>
<h2>💬 Comments </h2>
<!-- 评论系统优化提示 -->
<div id="comment-loading" style="text-align:center; padding:20px; color:var(--text-primary);">
<p>Loading comments...</p>
<div class="spinner" style="width:40px; height:40px; margin:10px auto; border:4px solid var(--border-color); border-left-color:#f39c12; border-radius:50%; animation:spin 1s linear infinite;"></div>
</div>
<div class="comment-container" style="width:100%; max-width:100%; overflow:visible; position:relative; padding-right:15px; box-sizing:border-box;">
<div class="giscus" style="transform:scale(0.98); transform-origin:left top;"></div>
</div>
</section>
<footer>
<section class="pagination">
<a href="./other.html#top" class="next">Back🔗</a>
</section>
<section class="pagination">
<a href="https://jlu005807.github.io/docs.ozy/" class="next">DOCS.OZY🔗</a>
</section>
</footer>
</div>
<!-- 添加额外的间距，确保右侧边界不被遮挡 -->
<div class="transparent-area medium" style="margin-right:20px;"></div>
<!-- Footer -->
<footer id="footer">
<section>
<a href="#top" class="image fit scrolly"><img src="images/message/1.jpg" alt="" /></a>
</section>
<section class="split contact">
<section class="alt">
<h3>Address</h3>
<p><a href="https://www.google.com/maps/place/Beijing+China/@39.904691,116.407173,11z/data=!3m1!4b1!4m5!3m4!1s0x35b0d031f6e01f2d:0x5e3a2a7c6c4c7f86!8m2!3d39.904214!4d116.407971">China🚩</a></p>
</section>
<section>
<h3>QQ</h3>
<p><a>1289406660</a></p>
</section>
<section>
<h3>Email</h3>
<p><a>1289406660@qq.com</a></p>
</section>
<section>
<h3>Social</h3>
<ul class="icons alt">
<li><a href="https://github.com/jlu005807" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
</ul>
</section>
</section>
</footer>
<div id="copyright">
<ul><li>© Ozy</li><li>Design: <a href="index.html">Ozy</a></li></ul>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/datetime.js"></script>
<script src="assets/js/expanding-cards.js"></script>
<script src="assets/js/comment-loader.js"></script>
<script>
// 确定初始Giscus主题
(function() {
const savedTheme = localStorage.getItem('theme');
const systemPrefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
const currentTheme = savedTheme || (systemPrefersDark ? 'dark' : 'light');
// 创建Giscus脚本
const giscusScript = document.createElement('script');
giscusScript.src = "https://giscus.app/client.js";
giscusScript.setAttribute("data-repo", "jlu005807/jlu005807.github.io");
giscusScript.setAttribute("data-repo-id", "R_kgDOOPXtSA");
giscusScript.setAttribute("data-category", "Announcements");
giscusScript.setAttribute("data-category-id", "DIC_kwDOOPXtSM4CtKxy");
giscusScript.setAttribute("data-mapping", "pathname");
giscusScript.setAttribute("data-strict", "0");
giscusScript.setAttribute("data-reactions-enabled", "1");
giscusScript.setAttribute("data-emit-metadata", "0");
giscusScript.setAttribute("data-input-position", "top");
giscusScript.setAttribute("data-theme", currentTheme === 'dark' ? 'dark' : 'light');
giscusScript.setAttribute("data-lang", "en");
giscusScript.setAttribute("data-loading", "lazy");
giscusScript.setAttribute("crossorigin", "anonymous");
giscusScript.async = true;
// 添加到文档
document.body.appendChild(giscusScript);
})();
</script>
<!-- 主题切换脚本 -->
<script src="assets/js/theme-switcher.js"></script>
<script src="assets/js/theme-toggle-position.js"></script>
<!-- 智能回到顶部按钮脚本 -->
<script src="assets/js/smart-back-to-top.js"></script>
<!-- 页面过渡效果脚本 -->
<script src="assets/js/page-transition.js"></script>
<!-- Giscus 主题适配脚本 -->
<script>
document.addEventListener('themeChanged', function(e) {
const theme = e.detail.theme;
const giscusFrame = document.querySelector('iframe.giscus-frame');
if (giscusFrame) {
giscusFrame.contentWindow.postMessage({
giscus: {
setConfig: {
theme: theme === 'dark' ? 'dark_tritanopia' : 'light'
}
}
}, 'https://giscus.app');
}
});
</script>
<!-- 全局音乐播放器加载器 -->
<script src="assets/js/global-player-loader.js"></script>
</body>
</html>