Files

79 lines
2.7 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>默认主页</title>
<link rel="stylesheet" href="https://gcore.jsdelivr.net/gh/ldxw/cdn@master/static/Home-Page/css/style.css">
<link rel="stylesheet" href="https://cdnjs.webstatic.cn/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body>
<header class="profile-card">
<div class="avatar-container">
<img src="https://gcore.jsdelivr.net/gh/ldxw/cdn/@master/static/Home-Page/avatar.jpg" alt="个人头像" class="avatar">
</div>
<h1 class="name">默认主页</h1>
<!--<p class="bio">飞舞开发者 | 台球爱好者 | 开源灌水者</p>
<div class="social-links">
<a href="https://kj.ldxw.de" target="_blank" class="social-link" data-hover-text="前往小窝主机">
<i class="fab fa-xiaowoidc"></i>
<span>小窝主机</span>
</a>
<a href="https://ucany.net" target="_blank" class="social-link" data-hover-text="前往站长的博客">
<i class="fas fa-blog"></i>
<span>站长博客</span>
</a>
<a href="#" class="social-link contact-trigger" data-hover-text="发送消息给站长">
<i class="fas fa-envelope"></i>
<span>联系方式</span>
</a>-->
</div>
</header>
<!--<div class="modal-overlay">
<div class="modal-content">
<button class="modal-close">&times;</button>
<h3>📬 联系站长</h3>
<div class="contact-info">
<p><i class="fas fa-envelope"></i> 邮箱:langfordkuo@foxmail.com</p>
<p><i class="fab fa-qq"></i> QQ1244486871</p>
</div>
</div>
</div>-->
<script>
const contactTrigger = document.querySelector('.contact-trigger');
const modalOverlay = document.querySelector('.modal-overlay');
const modalClose = document.querySelector('.modal-close');
if (contactTrigger && modalOverlay && modalClose) {
contactTrigger.addEventListener('click', (e) => {
e.preventDefault();
modalOverlay.classList.add('active');
});
modalClose.addEventListener('click', () => {
modalOverlay.classList.remove('active');
});
modalOverlay.addEventListener('click', (e) => {
if (e.target === modalOverlay) {
modalOverlay.classList.remove('active');
}
});
}
</script>
<footer class="site-footer">
© <span id="year"></span> 默认主页
</footer>
<script>
document.getElementById("year").textContent = new Date().getFullYear();
</script>
<style>
.site-footer {
text-align: center;
}
</style>
</body>
</html>