Update Font Awesome link and improve modal script

This commit is contained in:
Mr.Lin
2026-05-13 16:52:40 +08:00
committed by GitHub
parent 1985b75b96
commit 06a38db443
+27 -11
View File
@@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>默认主页</title> <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://gcore.jsdelivr.net/gh/ldxw/cdn@master/static/Home-Page/css/style.css">
<link rel="stylesheet" href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/font-awesome/6.0.0/css/all.min.css"> <link rel="stylesheet" href="https://cdnjs.webstatic.cn/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head> </head>
<body> <body>
<header class="profile-card"> <header class="profile-card">
@@ -40,23 +40,39 @@
</div> </div>
</div>--> </div>-->
<script> <script>
document.querySelector('.contact-trigger').addEventListener('click', (e) => { 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(); e.preventDefault();
document.querySelector('.modal-overlay').classList.add('active'); modalOverlay.classList.add('active');
}); });
document.querySelector('.modal-close').addEventListener('click', () => { modalClose.addEventListener('click', () => {
document.querySelector('.modal-overlay').classList.remove('active'); modalOverlay.classList.remove('active');
}); });
document.querySelector('.modal-overlay').addEventListener('click', (e) => { modalOverlay.addEventListener('click', (e) => {
if (e.target === document.querySelector('.modal-overlay')) { if (e.target === modalOverlay) {
document.querySelector('.modal-overlay').classList.remove('active'); modalOverlay.classList.remove('active');
} }
}); });
}
</script> </script>
<center><footer class="site-footer"> <footer class="site-footer">
© 2025 默认主页 © <span id="year"></span> 默认主页
</footer></center> </footer>
<script>
document.getElementById("year").textContent = new Date().getFullYear();
</script>
<style>
.site-footer {
text-align: center;
}
</style>
</body> </body>
</html> </html>