func: Add friendship link
This commit is contained in:
543
index.html
543
index.html
@@ -38,11 +38,14 @@
|
|||||||
<a href="#about" class="text-sm text-gray-700 dark:text-gray-200 hover:text-primary transition-colors duration-200 flex items-center">
|
<a href="#about" class="text-sm text-gray-700 dark:text-gray-200 hover:text-primary transition-colors duration-200 flex items-center">
|
||||||
<i class="fa fa-user mr-1"></i>关于我
|
<i class="fa fa-user mr-1"></i>关于我
|
||||||
</a>
|
</a>
|
||||||
|
<a href="#links" class="text-sm text-gray-700 dark:text-gray-200 hover:text-primary transition-colors duration-200 flex items-center">
|
||||||
|
<i class="fa-solid fa-link mr-1"></i>小站链接
|
||||||
|
</a>
|
||||||
<a href="#own_projects" class="text-sm text-gray-700 dark:text-gray-200 hover:text-primary transition-colors duration-200 flex items-center">
|
<a href="#own_projects" class="text-sm text-gray-700 dark:text-gray-200 hover:text-primary transition-colors duration-200 flex items-center">
|
||||||
<i class="fa fa-briefcase mr-1"></i>项目
|
<i class="fa fa-briefcase mr-1"></i>项目
|
||||||
</a>
|
</a>
|
||||||
<a href="#links" class="text-sm text-gray-700 dark:text-gray-200 hover:text-primary transition-colors duration-200 flex items-center">
|
<a href="#friendship_link" class="text-sm text-gray-700 dark:text-gray-200 hover:text-primary transition-colors duration-200 flex items-center">
|
||||||
<i class="fa-solid fa-link mr-1"></i>小站链接
|
<i class="fa-solid fa-link mr-1"></i>友情链接
|
||||||
</a>
|
</a>
|
||||||
<a href="#contact" class="text-sm text-gray-700 dark:text-gray-200 hover:text-primary transition-colors duration-200 flex items-center">
|
<a href="#contact" class="text-sm text-gray-700 dark:text-gray-200 hover:text-primary transition-colors duration-200 flex items-center">
|
||||||
<i class="fa fa-envelope mr-1"></i>联系
|
<i class="fa fa-envelope mr-1"></i>联系
|
||||||
@@ -70,11 +73,14 @@
|
|||||||
<a href="#about" class="block py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md transition-colors duration-200 flex items-center">
|
<a href="#about" class="block py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md transition-colors duration-200 flex items-center">
|
||||||
<i class="fa fa-user w-5 text-center mr-2"></i>关于我
|
<i class="fa fa-user w-5 text-center mr-2"></i>关于我
|
||||||
</a>
|
</a>
|
||||||
|
<a href="#links" class="block py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md transition-colors duration-200 flex items-center">
|
||||||
|
<i class="fa-solid fa-link w-5 text-center mr-2"></i>小站链接
|
||||||
|
</a>
|
||||||
<a href="#own_projects" class="block py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md transition-colors duration-200 flex items-center">
|
<a href="#own_projects" class="block py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md transition-colors duration-200 flex items-center">
|
||||||
<i class="fa fa-briefcase w-5 text-center mr-2"></i>项目
|
<i class="fa fa-briefcase w-5 text-center mr-2"></i>项目
|
||||||
</a>
|
</a>
|
||||||
<a href="#links" class="block py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md transition-colors duration-200 flex items-center">
|
<a href="#friendship_link" class="block py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md transition-colors duration-200 flex items-center">
|
||||||
<i class="fa-solid fa-link w-5 text-center mr-2"></i>小站链接
|
<i class="fa fa-briefcase w-5 text-center mr-2"></i>友情链接
|
||||||
</a>
|
</a>
|
||||||
<a href="#contact" class="block py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md transition-colors duration-200 flex items-center">
|
<a href="#contact" class="block py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md transition-colors duration-200 flex items-center">
|
||||||
<i class="fa fa-envelope w-5 text-center mr-2"></i>联系
|
<i class="fa fa-envelope w-5 text-center mr-2"></i>联系
|
||||||
@@ -237,6 +243,185 @@
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
<section id="links" class="py-20 bg-gray-50 dark:bg-gray-800">
|
||||||
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
|
<div class="text-center mb-16">
|
||||||
|
<h2 class="text-3xl md:text-4xl font-bold text-gray-900 dark:text-white mb-4">Links</h2>
|
||||||
|
<p class="text-gray-600 dark:text-gray-300 max-w-2xl mx-auto mb-8">我的小站链接,欢迎到访哦!</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
|
||||||
|
<a href="https://blog.mxdyeah.top/" target="_blank" class="bg-white dark:bg-gray-700 rounded-xl shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 p-6" data-category="resource">
|
||||||
|
<div class="flex items-start mb-4">
|
||||||
|
<div class="w-10 h-10 rounded-lg bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center mr-4">
|
||||||
|
<i class="fa-solid fa-blog text-blue-600 dark:text-blue-400 text-xl"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-lg font-semibold text-gray-900 dark:text-white">mxd's Blog</h3>
|
||||||
|
</div>
|
||||||
|
<p class="text-gray-600 dark:text-gray-300 text-sm mb-4 line-clamp-2">我会在这里分享自己的最新内容,欢迎收藏关注。</p>
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<span
|
||||||
|
class="text-xs px-2 py-1 bg-blue-50 dark:bg-blue-900/20 text-blue-700 dark:text-blue-300 rounded-full">blog.mxdyeah.top</span>
|
||||||
|
<i class="fa fa-external-link-alt text-gray-400 group-hover:text-blue-500 transition-colors"></i>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="https://oj.mxd.bee-zh.cn/" target="_blank" class="bg-white dark:bg-gray-700 rounded-xl shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 p-6" data-category="learning">
|
||||||
|
<div class="flex items-start mb-4">
|
||||||
|
<div
|
||||||
|
class="w-10 h-10 rounded-lg bg-purple-100 dark:bg-purple-900/30 flex items-center justify-center mr-4">
|
||||||
|
<i class="fa-solid fa-computer text-purple-600 dark:text-purple-400 text-xl"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-lg font-semibold text-gray-900 dark:text-white">mxd's Online Judge</h3>
|
||||||
|
</div>
|
||||||
|
<p class="text-gray-600 dark:text-gray-300 text-sm mb-4 line-clamp-2">编程学习平台,在线评测代码。<strong>注意仅支持IPv6网络</strong></p>
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<span
|
||||||
|
class="text-xs px-2 py-1 bg-purple-50 dark:bg-purple-900/20 text-purple-700 dark:text-purple-300 rounded-full">oj.mxd.bee-zh.cn</span>
|
||||||
|
<i class="fa fa-external-link-alt text-gray-400 group-hover:text-purple-500 transition-colors"></i>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="/pages/music/" target="_blank" class="bg-white dark:bg-gray-700 rounded-xl shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 p-6" data-category="learning">
|
||||||
|
<div class="flex items-start mb-4">
|
||||||
|
<div
|
||||||
|
class="w-10 h-10 rounded-lg bg-yellow-100 dark:bg-yellow-900/30 flex items-center justify-center mr-4">
|
||||||
|
<i class="fa-solid fa-compact-disc text-yellow-600 dark:text-yellow-400 text-xl"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-lg font-semibold text-gray-900 dark:text-white">Tracker/Keygen Music Collection</h3>
|
||||||
|
</div>
|
||||||
|
<p class="text-gray-600 dark:text-gray-300 text-sm mb-4 line-clamp-2">收集各种注册机音乐和Tracker音乐</p>
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<span
|
||||||
|
class="text-xs px-2 py-1 bg-yellow-50 dark:bg-yellow-900/20 text-yellow-700 dark:text-yellow-300 rounded-full">/pages/music/</span>
|
||||||
|
<i class="fa fa-external-link-alt text-gray-400 group-hover:text-yellow-500 transition-colors"></i>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="https://iptv.crestekk.cn/" target="_blank" class="bg-white dark:bg-gray-700 rounded-xl shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 p-6" data-category="resource">
|
||||||
|
<div class="flex items-start mb-4">
|
||||||
|
<div
|
||||||
|
class="w-10 h-10 rounded-lg bg-green-100 dark:bg-green-900/30 flex items-center justify-center mr-4">
|
||||||
|
<i class="fa-solid fa-tv text-green-600 dark:text-green-400 text-xl"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-lg font-semibold text-gray-900 dark:text-white">Crestekk IPTV Project</h3>
|
||||||
|
</div>
|
||||||
|
<p class="text-gray-600 dark:text-gray-300 text-sm mb-4 line-clamp-2">"智"享视界新天地 - [项目仅限个人使用,用于牟利的请出门左转]</p>
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<span
|
||||||
|
class="text-xs px-2 py-1 bg-green-50 dark:bg-green-900/20 text-green-700 dark:text-green-300 rounded-full">iptv.crestekk.cn</span>
|
||||||
|
<i class="fa fa-external-link-alt text-gray-400 group-hover:text-green-500 transition-colors"></i>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="https://freebsd-pkg.mxdyeah.top/" target="_blank" class="bg-white dark:bg-gray-700 rounded-xl shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 p-6" data-category="entertainment">
|
||||||
|
<div class="flex items-start mb-4">
|
||||||
|
<div class="w-10 h-10 rounded-lg bg-cyan-100 dark:bg-cyan-900/30 flex items-center justify-center mr-4">
|
||||||
|
<i class="fa-solid fa-download text-cyan-600 dark:text-cyan-400 text-xl"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-lg font-semibold text-gray-900 dark:text-white">FreeBSD Package 镜像服务</h3>
|
||||||
|
</div>
|
||||||
|
<p class="text-gray-600 dark:text-gray-300 text-sm mb-4 line-clamp-2">个人使用,不保证稳定<br>反向代理至https://pkg.freebsd.org/</p>
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<span
|
||||||
|
class="text-xs px-2 py-1 bg-cyan-50 dark:bg-cyan-900/20 text-cyan-700 dark:text-cyan-300 rounded-full">freebsd-pkg.mxdyeah.top</span>
|
||||||
|
<i class="fa fa-external-link-alt text-cyan-400 group-hover:text-cyan-500 transition-colors"></i>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="https://freebsd-ftp.mxdyeah.top/" target="_blank" class="bg-white dark:bg-gray-700 rounded-xl shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 p-6" data-category="entertainment">
|
||||||
|
<div class="flex items-start mb-4">
|
||||||
|
<div class="w-10 h-10 rounded-lg bg-orange-100 dark:bg-orange-900/30 flex items-center justify-center mr-4">
|
||||||
|
<i class="fa-solid fa-download text-orange-600 dark:text-orange-400 text-xl"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-lg font-semibold text-gray-900 dark:text-white">FreeBSD FTP 镜像服务</h3>
|
||||||
|
</div>
|
||||||
|
<p class="text-gray-600 dark:text-gray-300 text-sm mb-4 line-clamp-2">个人使用,不保证稳定<br>反向代理至https://ftp.freebsd.org/</p>
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<span
|
||||||
|
class="text-xs px-2 py-1 bg-orange-50 dark:bg-orange-900/20 text-orange-700 dark:text-orange-300 rounded-full">freebsd-ftp.mxdyeah.top</span>
|
||||||
|
<i class="fa fa-external-link-alt text-gray-400 group-hover:text-orange-500 transition-colors"></i>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="https://dev.mxdyeah.top/" target="_blank" class="bg-white dark:bg-gray-700 rounded-xl shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 p-6" data-category="entertainment">
|
||||||
|
<div class="flex items-start mb-4">
|
||||||
|
<div class="w-10 h-10 rounded-lg bg-pink-100 dark:bg-pink-900/30 flex items-center justify-center mr-4">
|
||||||
|
<i class="fa-solid fa-flag text-pink-600 dark:text-pink-400 text-xl"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-lg font-semibold text-gray-900 dark:text-white">开发站</h3>
|
||||||
|
</div>
|
||||||
|
<p class="text-gray-600 dark:text-gray-300 text-sm mb-4 line-clamp-2">测试园地,新项目都会在这里测试。</p>
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<span
|
||||||
|
class="text-xs px-2 py-1 bg-pink-50 dark:bg-pink-900/20 text-pink-700 dark:text-pink-300 rounded-full">dev.mxdyeah.top</span>
|
||||||
|
<i class="fa fa-external-link-alt text-gray-400 group-hover:text-pink-500 transition-colors"></i>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="https://status.mxdyeah.top/" target="_blank" class="bg-white dark:bg-gray-700 rounded-xl shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 p-6" data-category="entertainment">
|
||||||
|
<div class="flex items-start mb-4">
|
||||||
|
<div class="w-10 h-10 rounded-lg bg-sky-100 dark:bg-sky-900/30 flex items-center justify-center mr-4">
|
||||||
|
<i class="fa-solid fa-circle-up text-sky-600 dark:text-sky-400 text-xl"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-lg font-semibold text-gray-900 dark:text-white">Status Panel</h3>
|
||||||
|
</div>
|
||||||
|
<p class="text-gray-600 dark:text-gray-300 text-sm mb-4 line-clamp-2">服务器监测,状态显示。</p>
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<span
|
||||||
|
class="text-xs px-2 py-1 bg-sky-50 dark:bg-sky-900/20 text-sky-700 dark:text-sky-300 rounded-full">status.mxdyeah.top</span>
|
||||||
|
<i class="fa fa-external-link-alt text-gray-400 group-hover:text-sky-500 transition-colors"></i>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="https://git.mxdyeah.top/" target="_blank" class="bg-white dark:bg-gray-700 rounded-xl shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 p-6" data-category="entertainment">
|
||||||
|
<div class="flex items-start mb-4">
|
||||||
|
<div class="w-10 h-10 rounded-lg bg-green-100 dark:bg-green-900/30 flex items-center justify-center mr-4">
|
||||||
|
<i class="fa-brands fa-git-alt text-green-600 dark:text-green-400 text-xl"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-lg font-semibold text-gray-900 dark:text-white">mxd's Git</h3>
|
||||||
|
</div>
|
||||||
|
<p class="text-gray-600 dark:text-gray-300 text-sm mb-4 line-clamp-2">Gitea,代码托管。自己的代码库,安静,轻松。</p>
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<span
|
||||||
|
class="text-xs px-2 py-1 bg-green-50 dark:bg-green-900/20 text-green-700 dark:text-green-300 rounded-full">git.mxdyeah.top</span>
|
||||||
|
<i class="fa fa-external-link-alt text-gray-400 group-hover:text-green-500 transition-colors"></i>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<!-- 注意这里去掉了target blank等元素 -->
|
||||||
|
<div href="#" class="bg-white dark:bg-gray-700 rounded-xl shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 p-6" data-category="entertainment">
|
||||||
|
<div class="flex items-start mb-4">
|
||||||
|
<div class="w-10 h-10 rounded-lg bg-red-100 dark:bg-red-900/30 flex items-center justify-center mr-4">
|
||||||
|
<i class="fa-solid fa-headphones text-red-600 dark:text-red-400 text-xl"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-lg font-semibold text-gray-900 dark:text-white">Music Station</h3>
|
||||||
|
</div>
|
||||||
|
<p class="text-gray-600 dark:text-gray-300 text-sm mb-4 line-clamp-2"><del>听音乐?</del>正在开发</p>
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<span class="bg-white dark:bg-gray-700 rounded-xl shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 p-6" data-category="entertainment">
|
||||||
|
<div class="flex items-start mb-4">
|
||||||
|
<div
|
||||||
|
class="w-10 h-10 rounded-lg bg-indigo-100 dark:bg-indigo-900/30 flex items-center justify-center mr-4">
|
||||||
|
<i class="fa-solid fa-clock text-indigo-600 dark:text-indigo-400 text-xl"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-lg font-semibold text-gray-900 dark:text-white">NTP 授时服务</h3>
|
||||||
|
</div>
|
||||||
|
<p class="text-gray-600 dark:text-gray-300 text-sm mb-4 line-clamp-2">请设置为: time.mxdyeah.top </p>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- <div class="text-center mt-12">
|
||||||
|
<a href="/pages/mirrorlist/" class="inline-flex items-center justify-center px-6 py-3 bg-primary hover:bg-primary/90 text-white font-medium rounded-lg shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1">
|
||||||
|
镜像加速列表 <i class="fa fa-long-arrow-right ml-2"></i>
|
||||||
|
</a>
|
||||||
|
</div> -->
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
<section id="own_projects" class="py-20 bg-white dark:bg-gray-900">
|
<section id="own_projects" class="py-20 bg-white dark:bg-gray-900">
|
||||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
<div class="text-center mb-16">
|
<div class="text-center mb-16">
|
||||||
@@ -455,166 +640,203 @@
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section id="links" class="py-20 bg-gray-50 dark:bg-gray-800">
|
<!-- 友情链接板块 -->
|
||||||
|
<section class="py-16 bg-white dark:bg-gray-900">
|
||||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
<div class="text-center mb-16">
|
<div class="text-center mb-12">
|
||||||
<h2 class="text-3xl md:text-4xl font-bold text-gray-900 dark:text-white mb-4">Links</h2>
|
<h2 class="text-3xl md:text-4xl font-bold text-gray-900 dark:text-white mb-4">友情链接</h2>
|
||||||
<p class="text-gray-600 dark:text-gray-300 max-w-2xl mx-auto mb-8">我的小站链接,欢迎到访哦!</p>
|
<p class="text-gray-600 dark:text-gray-300 max-w-2xl mx-auto">探索更多网站,发现更多精彩内容</p>
|
||||||
|
<p class="text-gray-600 dark:text-gray-300 max-w-2xl mx-auto">不分先后,先到的在最前面,如果您是优质网站可以联系我排序</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
|
|
||||||
<a href="https://blog.mxdyeah.top/" target="_blank" class="bg-white dark:bg-gray-700 rounded-xl shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 p-6" data-category="resource">
|
|
||||||
<div class="flex items-start mb-4">
|
|
||||||
<div class="w-10 h-10 rounded-lg bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center mr-4">
|
|
||||||
<i class="fa-solid fa-blog text-blue-600 dark:text-blue-400 text-xl"></i>
|
|
||||||
</div>
|
|
||||||
<h3 class="text-lg font-semibold text-gray-900 dark:text-white">mxd's Blog</h3>
|
|
||||||
</div>
|
|
||||||
<p class="text-gray-600 dark:text-gray-300 text-sm mb-4 line-clamp-2">我会在这里分享自己的最新内容,欢迎收藏关注。</p>
|
|
||||||
<div class="flex items-center justify-between">
|
|
||||||
<span
|
|
||||||
class="text-xs px-2 py-1 bg-blue-50 dark:bg-blue-900/20 text-blue-700 dark:text-blue-300 rounded-full">blog.mxdyeah.top</span>
|
|
||||||
<i class="fa fa-external-link-alt text-gray-400 group-hover:text-blue-500 transition-colors"></i>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<a href="https://oj.mxd.bee-zh.cn/" target="_blank" class="bg-white dark:bg-gray-700 rounded-xl shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 p-6" data-category="learning">
|
|
||||||
<div class="flex items-start mb-4">
|
|
||||||
<div
|
|
||||||
class="w-10 h-10 rounded-lg bg-purple-100 dark:bg-purple-900/30 flex items-center justify-center mr-4">
|
|
||||||
<i class="fa-solid fa-computer text-purple-600 dark:text-purple-400 text-xl"></i>
|
|
||||||
</div>
|
|
||||||
<h3 class="text-lg font-semibold text-gray-900 dark:text-white">mxd's Online Judge</h3>
|
|
||||||
</div>
|
|
||||||
<p class="text-gray-600 dark:text-gray-300 text-sm mb-4 line-clamp-2">编程学习平台,在线评测代码。<strong>注意仅支持IPv6网络</strong></p>
|
|
||||||
<div class="flex items-center justify-between">
|
|
||||||
<span
|
|
||||||
class="text-xs px-2 py-1 bg-purple-50 dark:bg-purple-900/20 text-purple-700 dark:text-purple-300 rounded-full">oj.mxd.bee-zh.cn</span>
|
|
||||||
<i class="fa fa-external-link-alt text-gray-400 group-hover:text-purple-500 transition-colors"></i>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<a href="/pages/music/" target="_blank" class="bg-white dark:bg-gray-700 rounded-xl shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 p-6" data-category="learning">
|
|
||||||
<div class="flex items-start mb-4">
|
|
||||||
<div
|
|
||||||
class="w-10 h-10 rounded-lg bg-yellow-100 dark:bg-yellow-900/30 flex items-center justify-center mr-4">
|
|
||||||
<i class="fa-solid fa-compact-disc text-yellow-600 dark:text-yellow-400 text-xl"></i>
|
|
||||||
</div>
|
|
||||||
<h3 class="text-lg font-semibold text-gray-900 dark:text-white">Tracker/Keygen Music Collection</h3>
|
|
||||||
</div>
|
|
||||||
<p class="text-gray-600 dark:text-gray-300 text-sm mb-4 line-clamp-2">收集各种注册机音乐和Tracker音乐</p>
|
|
||||||
<div class="flex items-center justify-between">
|
|
||||||
<span
|
|
||||||
class="text-xs px-2 py-1 bg-yellow-50 dark:bg-yellow-900/20 text-yellow-700 dark:text-yellow-300 rounded-full">/pages/music/</span>
|
|
||||||
<i class="fa fa-external-link-alt text-gray-400 group-hover:text-yellow-500 transition-colors"></i>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<a href="https://iptv.crestekk.cn/" target="_blank" class="bg-white dark:bg-gray-700 rounded-xl shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 p-6" data-category="resource">
|
<!-- 友情链接box - 使用grid布局实现一排3个 动态 -->
|
||||||
<div class="flex items-start mb-4">
|
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-3 gap-6 mb-10" id="friend-links-container">
|
||||||
<div
|
|
||||||
class="w-10 h-10 rounded-lg bg-green-100 dark:bg-green-900/30 flex items-center justify-center mr-4">
|
|
||||||
<i class="fa-solid fa-tv text-green-600 dark:text-green-400 text-xl"></i>
|
|
||||||
</div>
|
|
||||||
<h3 class="text-lg font-semibold text-gray-900 dark:text-white">Crestekk IPTV Project</h3>
|
|
||||||
</div>
|
|
||||||
<p class="text-gray-600 dark:text-gray-300 text-sm mb-4 line-clamp-2">"智"享视界新天地 - [项目仅限个人使用,用于牟利的请出门左转]</p>
|
|
||||||
<div class="flex items-center justify-between">
|
|
||||||
<span
|
|
||||||
class="text-xs px-2 py-1 bg-green-50 dark:bg-green-900/20 text-green-700 dark:text-green-300 rounded-full">iptv.crestekk.cn</span>
|
|
||||||
<i class="fa fa-external-link-alt text-gray-400 group-hover:text-green-500 transition-colors"></i>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<a href="https://freebsd-pkg.mxdyeah.top/" target="_blank" class="bg-white dark:bg-gray-700 rounded-xl shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 p-6" data-category="entertainment">
|
<div class="bg-gray-50 dark:bg-gray-800 rounded-xl p-3 shadow-md border border-gray-100 dark:border-gray-700 link-card-hover">
|
||||||
<div class="flex items-start mb-4">
|
<div class="flex items-start space-x-4">
|
||||||
<div class="w-10 h-10 rounded-lg bg-cyan-100 dark:bg-cyan-900/30 flex items-center justify-center mr-4">
|
<div class="flex-shrink-0 w-12 h-12 rounded-lg overflow-hidden bg-gray-200 dark:bg-gray-700">
|
||||||
<i class="fa-solid fa-download text-cyan-600 dark:text-cyan-400 text-xl"></i>
|
<img src="https://res.mxdyeah.top/media/images/oh_my_bsd_logo.png" alt="CFC Logo" class="w-full h-full object-cover">
|
||||||
</div>
|
</div>
|
||||||
<h3 class="text-lg font-semibold text-gray-900 dark:text-white">FreeBSD Package 镜像服务</h3>
|
<div class="flex-1 min-w-0">
|
||||||
</div>
|
<h3 class="text-base font-semibold text-gray-900 dark:text-white truncate">FreeBSD 中文社区</h3>
|
||||||
<p class="text-gray-600 dark:text-gray-300 text-sm mb-4 line-clamp-2">个人使用,不保证稳定<br>反向代理至https://pkg.freebsd.org/</p>
|
<p class="text-xs text-gray-500 dark:text-gray-400 mb-2 truncate">bsdcn.org</p>
|
||||||
<div class="flex items-center justify-between">
|
<p class="text-sm text-gray-600 dark:text-gray-300 line-clamp-2">欢迎你来到 FreeBSD 的世界!</p>
|
||||||
<span
|
|
||||||
class="text-xs px-2 py-1 bg-cyan-50 dark:bg-cyan-900/20 text-cyan-700 dark:text-cyan-300 rounded-full">freebsd-pkg.mxdyeah.top</span>
|
|
||||||
<i class="fa fa-external-link-alt text-cyan-400 group-hover:text-cyan-500 transition-colors"></i>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<a href="https://freebsd-ftp.mxdyeah.top/" target="_blank" class="bg-white dark:bg-gray-700 rounded-xl shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 p-6" data-category="entertainment">
|
|
||||||
<div class="flex items-start mb-4">
|
|
||||||
<div class="w-10 h-10 rounded-lg bg-orange-100 dark:bg-orange-900/30 flex items-center justify-center mr-4">
|
|
||||||
<i class="fa-solid fa-download text-orange-600 dark:text-orange-400 text-xl"></i>
|
|
||||||
</div>
|
</div>
|
||||||
<h3 class="text-lg font-semibold text-gray-900 dark:text-white">FreeBSD FTP 镜像服务</h3>
|
|
||||||
</div>
|
|
||||||
<p class="text-gray-600 dark:text-gray-300 text-sm mb-4 line-clamp-2">个人使用,不保证稳定<br>反向代理至https://ftp.freebsd.org/</p>
|
|
||||||
<div class="flex items-center justify-between">
|
|
||||||
<span
|
|
||||||
class="text-xs px-2 py-1 bg-orange-50 dark:bg-orange-900/20 text-orange-700 dark:text-orange-300 rounded-full">freebsd-ftp.mxdyeah.top</span>
|
|
||||||
<i class="fa fa-external-link-alt text-gray-400 group-hover:text-orange-500 transition-colors"></i>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<a href="https://dev.mxdyeah.top/" target="_blank" class="bg-white dark:bg-gray-700 rounded-xl shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 p-6" data-category="entertainment">
|
|
||||||
<div class="flex items-start mb-4">
|
|
||||||
<div class="w-10 h-10 rounded-lg bg-pink-100 dark:bg-pink-900/30 flex items-center justify-center mr-4">
|
|
||||||
<i class="fa-solid fa-flag text-pink-600 dark:text-pink-400 text-xl"></i>
|
|
||||||
</div>
|
|
||||||
<h3 class="text-lg font-semibold text-gray-900 dark:text-white">开发站</h3>
|
|
||||||
</div>
|
|
||||||
<p class="text-gray-600 dark:text-gray-300 text-sm mb-4 line-clamp-2">测试园地,新项目都会在这里测试。</p>
|
|
||||||
<div class="flex items-center justify-between">
|
|
||||||
<span
|
|
||||||
class="text-xs px-2 py-1 bg-pink-50 dark:bg-pink-900/20 text-pink-700 dark:text-pink-300 rounded-full">dev.mxdyeah.top</span>
|
|
||||||
<i class="fa fa-external-link-alt text-gray-400 group-hover:text-pink-500 transition-colors"></i>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<a href="https://status.mxdyeah.top/" target="_blank" class="bg-white dark:bg-gray-700 rounded-xl shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 p-6" data-category="entertainment">
|
|
||||||
<div class="flex items-start mb-4">
|
|
||||||
<div class="w-10 h-10 rounded-lg bg-sky-100 dark:bg-sky-900/30 flex items-center justify-center mr-4">
|
|
||||||
<i class="fa-solid fa-circle-up text-sky-600 dark:text-sky-400 text-xl"></i>
|
|
||||||
</div>
|
|
||||||
<h3 class="text-lg font-semibold text-gray-900 dark:text-white">Status Panel</h3>
|
|
||||||
</div>
|
|
||||||
<p class="text-gray-600 dark:text-gray-300 text-sm mb-4 line-clamp-2">服务器监测,状态显示。</p>
|
|
||||||
<div class="flex items-center justify-between">
|
|
||||||
<span
|
|
||||||
class="text-xs px-2 py-1 bg-sky-50 dark:bg-sky-900/20 text-sky-700 dark:text-sky-300 rounded-full">status.mxdyeah.top</span>
|
|
||||||
<i class="fa fa-external-link-alt text-gray-400 group-hover:text-sky-500 transition-colors"></i>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<!-- 注意这里去掉了target blank等元素 -->
|
|
||||||
<div href="#" class="bg-white dark:bg-gray-700 rounded-xl shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 p-6" data-category="entertainment">
|
|
||||||
<div class="flex items-start mb-4">
|
|
||||||
<div class="w-10 h-10 rounded-lg bg-red-100 dark:bg-red-900/30 flex items-center justify-center mr-4">
|
|
||||||
<i class="fa-solid fa-headphones text-red-600 dark:text-red-400 text-xl"></i>
|
|
||||||
</div>
|
|
||||||
<h3 class="text-lg font-semibold text-gray-900 dark:text-white">Music Station</h3>
|
|
||||||
</div>
|
|
||||||
<p class="text-gray-600 dark:text-gray-300 text-sm mb-4 line-clamp-2"><del>听音乐?</del>正在开发</p>
|
|
||||||
<div class="flex items-center justify-between">
|
|
||||||
</div>
|
</div>
|
||||||
|
<a href="https://book.bsdcn.org/#gong-xian-zhe" target="_blank" class="mt-3 inline-flex items-center text-primary dark:text-primary/90 text-sm hover:underline">
|
||||||
|
访问网站 <i class="fa fa-external-link ml-1 text-xs"></i>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<span class="bg-white dark:bg-gray-700 rounded-xl shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 p-6" data-category="entertainment">
|
<div class="bg-gray-50 dark:bg-gray-800 rounded-xl p-3 shadow-md border border-gray-100 dark:border-gray-700 link-card-hover">
|
||||||
<div class="flex items-start mb-4">
|
<div class="flex items-start space-x-4">
|
||||||
<div
|
<div class="flex-shrink-0 w-12 h-12 rounded-lg overflow-hidden bg-gray-200 dark:bg-gray-700">
|
||||||
class="w-10 h-10 rounded-lg bg-indigo-100 dark:bg-indigo-900/30 flex items-center justify-center mr-4">
|
<img src="https://blog.furry.ist/img/favicon.ico" alt="MingTone滴小站 Logo" class="w-full h-full object-cover">
|
||||||
<i class="fa-solid fa-clock text-indigo-600 dark:text-indigo-400 text-xl"></i>
|
</div>
|
||||||
|
<div class="flex-1 min-w-0">
|
||||||
|
<h3 class="text-base font-semibold text-gray-900 dark:text-white truncate">MingTone滴小站</h3>
|
||||||
|
<p class="text-xs text-gray-500 dark:text-gray-400 mb-2 truncate">blog.furry.ist</p>
|
||||||
|
<p class="text-sm text-gray-600 dark:text-gray-300 line-clamp-2">热爱·福瑞·咕咕 </p>
|
||||||
</div>
|
</div>
|
||||||
<h3 class="text-lg font-semibold text-gray-900 dark:text-white">NTP 授时服务</h3>
|
|
||||||
</div>
|
</div>
|
||||||
<p class="text-gray-600 dark:text-gray-300 text-sm mb-4 line-clamp-2">请设置为: time.mxdyeah.top </p>
|
<a href="https://blog.furry.ist/?ref=www.mxdyeah.top" target="_blank" class="mt-3 inline-flex items-center text-primary dark:text-primary/90 text-sm hover:underline">
|
||||||
</span>
|
访问网站 <i class="fa fa-external-link ml-1 text-xs"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-gray-50 dark:bg-gray-800 rounded-xl p-3 shadow-md border border-gray-100 dark:border-gray-700 link-card-hover">
|
||||||
|
<div class="flex items-start space-x-4">
|
||||||
|
<div class="flex-shrink-0 w-12 h-12 rounded-lg overflow-hidden bg-gray-200 dark:bg-gray-700">
|
||||||
|
<img src="https://cdn.mfawa.top/image/logo.svg" alt="Mifeng's Home Logo" class="w-full h-full object-cover">
|
||||||
|
</div>
|
||||||
|
<div class="flex-1 min-w-0">
|
||||||
|
<h3 class="text-base font-semibold text-gray-900 dark:text-white truncate">Mifeng's Home</h3>
|
||||||
|
<p class="text-xs text-gray-500 dark:text-gray-400 mb-2 truncate">imbee.top</p>
|
||||||
|
<p class="text-sm text-gray-600 dark:text-gray-300 line-clamp-2">路漫漫其修远兮,吾将上下而求索。</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="https://imbee.top/?ref=www.mxdyeah.top" target="_blank" class="mt-3 inline-flex items-center text-primary dark:text-primary/90 text-sm hover:underline">
|
||||||
|
访问网站 <i class="fa fa-external-link ml-1 text-xs"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-gray-50 dark:bg-gray-800 rounded-xl p-3 shadow-md border border-gray-100 dark:border-gray-700 link-card-hover">
|
||||||
|
<div class="flex items-start space-x-4">
|
||||||
|
<div class="flex-shrink-0 w-12 h-12 rounded-lg overflow-hidden bg-gray-200 dark:bg-gray-700">
|
||||||
|
<img src="https://cdn.mfawa.top/image/xiaolan.webp" alt="Xiaolanの神秘小窝 Logo" class="w-full h-full object-cover">
|
||||||
|
</div>
|
||||||
|
<div class="flex-1 min-w-0">
|
||||||
|
<h3 class="text-base font-semibold text-gray-900 dark:text-white truncate">Xiaolanの神秘小窝</h3>
|
||||||
|
<p class="text-xs text-gray-500 dark:text-gray-400 mb-2 truncate">www.xiaolan.xin</p>
|
||||||
|
<p class="text-sm text-gray-600 dark:text-gray-300 line-clamp-2">海内存知己,天涯若比邻</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="https://www.xiaolan.xin/?ref=www.mxdyeah.top" target="_blank" rel="noopener" class="mt-3 inline-flex items-center text-primary dark:text-primary/90 text-sm hover:underline">
|
||||||
|
访问网站 <i class="fa fa-external-link ml-1 text-xs"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-gray-50 dark:bg-gray-800 rounded-xl p-3 shadow-md border border-gray-100 dark:border-gray-700 link-card-hover">
|
||||||
|
<div class="flex items-start space-x-4">
|
||||||
|
<div class="flex-shrink-0 w-12 h-12 rounded-lg overflow-hidden bg-gray-200 dark:bg-gray-700">
|
||||||
|
<img src="https://cdn.mfawa.top/image/zako.ltd-logo.webp" alt="杂鱼云 Logo" class="w-full h-full object-cover">
|
||||||
|
</div>
|
||||||
|
<div class="flex-1 min-w-0">
|
||||||
|
<h3 class="text-base font-semibold text-gray-900 dark:text-white truncate">杂鱼云</h3>
|
||||||
|
<p class="text-xs text-gray-500 dark:text-gray-400 mb-2 truncate">cloud.zako.ltd</p>
|
||||||
|
<p class="text-sm text-gray-600 dark:text-gray-300 line-clamp-2">为您提供更专业的基础云服务。</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="https://cloud.zako.ltd/?ref=www.mxdyeah.top" target="_blank" rel="noopener" class="mt-3 inline-flex items-center text-primary dark:text-primary/90 text-sm hover:underline">
|
||||||
|
访问网站 <i class="fa fa-external-link ml-1 text-xs"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-gray-50 dark:bg-gray-800 rounded-xl p-5 shadow-md border border-gray-100 dark:border-gray-700 link-card-hover">
|
||||||
|
<div class="flex items-start space-x-4">
|
||||||
|
<div class="flex-shrink-0 w-12 h-12 rounded-lg overflow-hidden bg-gray-200 dark:bg-gray-700">
|
||||||
|
<img src="https://hungryhenry.cn/favicon.webp" alt="HungryHenry 的个人网站 Logo" class="w-full h-full object-cover">
|
||||||
|
</div>
|
||||||
|
<div class="flex-1 min-w-0">
|
||||||
|
<h3 class="text-base font-semibold text-gray-900 dark:text-white truncate">HungryHenry 的个人网站</h3>
|
||||||
|
<p class="text-xs text-gray-500 dark:text-gray-400 mb-2 truncate">hungryhenry.cn</p>
|
||||||
|
<p class="text-sm text-gray-600 dark:text-gray-300 line-clamp-2">不是在写bug,就是在debug🐛</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="https://hungryhenry.cn/?ref=www.mxdyeah.top" target="_blank" rel="noopener" class="mt-3 inline-flex items-center text-primary dark:text-primary/90 text-sm hover:underline">
|
||||||
|
访问网站 <i class="fa fa-external-link ml-1 text-xs"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-gray-50 dark:bg-gray-800 rounded-xl p-5 shadow-md border border-gray-100 dark:border-gray-700 link-card-hover">
|
||||||
|
<div class="flex items-start space-x-4">
|
||||||
|
<div class="flex-shrink-0 w-12 h-12 rounded-lg overflow-hidden bg-gray-200 dark:bg-gray-700">
|
||||||
|
<img src="https://s1.imagehub.cc/images/2025/07/30/93b3e11a33c2741a3e254bccabb47739.jpg" alt="风与路人の主页 Logo" class="w-full h-full object-cover">
|
||||||
|
</div>
|
||||||
|
<div class="flex-1 min-w-0">
|
||||||
|
<h3 class="text-base font-semibold text-gray-900 dark:text-white truncate">风与路人の主页</h3>
|
||||||
|
<p class="text-xs text-gray-500 dark:text-gray-400 mb-2 truncate">yaten.xyz</p>
|
||||||
|
<p class="text-sm text-gray-600 dark:text-gray-300 line-clamp-2">等那场风,等那个你。</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="https://yaten.xyz/?ref=www.mxdyeah.top" target="_blank" rel="noopener" class="mt-3 inline-flex items-center text-primary dark:text-primary/90 text-sm hover:underline">
|
||||||
|
访问网站 <i class="fa fa-external-link ml-1 text-xs"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-gray-50 dark:bg-gray-800 rounded-xl p-5 shadow-md border border-gray-100 dark:border-gray-700 link-card-hover">
|
||||||
|
<div class="flex items-start space-x-4">
|
||||||
|
<div class="flex-shrink-0 w-12 h-12 rounded-lg overflow-hidden bg-gray-200 dark:bg-gray-700">
|
||||||
|
<img src="https://www.shaoxiaoj.com/image/logo.png" alt="少侠编程 Logo" class="w-full h-full object-cover">
|
||||||
|
</div>
|
||||||
|
<div class="flex-1 min-w-0">
|
||||||
|
<h3 class="text-base font-semibold text-gray-900 dark:text-white truncate">少侠编程</h3>
|
||||||
|
<p class="text-xs text-gray-500 dark:text-gray-400 mb-2 truncate">www.shaoxiaoj.com</p>
|
||||||
|
<p class="text-sm text-gray-600 dark:text-gray-300 line-clamp-2">HUSTOJ二次开发系统,功能全,有丰富题库,最牛逼的OJ,欢迎来刷题。</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="https://www.shaoxiaoj.com/?ref=www.mxdyeah.top" target="_blank" rel="noopener" class="mt-3 inline-flex items-center text-primary dark:text-primary/90 text-sm hover:underline">
|
||||||
|
访问网站 <i class="fa fa-external-link ml-1 text-xs"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-gray-50 dark:bg-gray-800 rounded-xl p-5 shadow-md border border-gray-100 dark:border-gray-700 link-card-hover">
|
||||||
|
<div class="flex items-start space-x-4">
|
||||||
|
<div class="flex-shrink-0 w-12 h-12 rounded-lg overflow-hidden bg-gray-200 dark:bg-gray-700">
|
||||||
|
<img src="https://www.akoj.top/image/aklogo.webp" alt="AKOJ判题系统 Logo" class="w-full h-full object-cover">
|
||||||
|
</div>
|
||||||
|
<div class="flex-1 min-w-0">
|
||||||
|
<h3 class="text-base font-semibold text-gray-900 dark:text-white truncate">AKOJ判题系统</h3>
|
||||||
|
<p class="text-xs text-gray-500 dark:text-gray-400 mb-2 truncate">www.akoj.top</p>
|
||||||
|
<p class="text-sm text-gray-600 dark:text-gray-300 line-clamp-2">AKOJ祝您刷题愉快!欢迎各位教师机构入驻!</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="https://www.akoj.top/?ref=www.mxdyeah.top" target="_blank" rel="noopener" class="mt-3 inline-flex items-center text-primary dark:text-primary/90 text-sm hover:underline">
|
||||||
|
访问网站 <i class="fa fa-external-link ml-1 text-xs"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-gray-50 dark:bg-gray-800 rounded-xl p-5 shadow-md border border-gray-100 dark:border-gray-700 link-card-hover">
|
||||||
|
<div class="flex items-start space-x-4">
|
||||||
|
<div class="flex-shrink-0 w-12 h-12 rounded-lg overflow-hidden bg-gray-200 dark:bg-gray-700">
|
||||||
|
<img src="https://q2.qlogo.cn/headimg_dl?dst_uin=2726730791&spec=5" alt="AcoFork Blog Logo" class="w-full h-full object-cover">
|
||||||
|
</div>
|
||||||
|
<div class="flex-1 min-w-0">
|
||||||
|
<h3 class="text-base font-semibold text-gray-900 dark:text-white truncate">AcoFork Blog</h3>
|
||||||
|
<p class="text-xs text-gray-500 dark:text-gray-400 mb-2 truncate">2x.nz</p>
|
||||||
|
<p class="text-sm text-gray-600 dark:text-gray-300 line-clamp-2">爱你所爱~ ❤</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="https://2x.nz/?ref=www.mxdyeah.top" target="_blank" rel="noopener" class="mt-3 inline-flex items-center text-primary dark:text-primary/90 text-sm hover:underline">
|
||||||
|
访问网站 <i class="fa fa-external-link ml-1 text-xs"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-gray-50 dark:bg-gray-800 rounded-xl p-5 shadow-md border border-gray-100 dark:border-gray-700 link-card-hover">
|
||||||
|
<div class="flex items-start space-x-4">
|
||||||
|
<div class="flex-shrink-0 w-12 h-12 rounded-lg overflow-hidden bg-gray-200 dark:bg-gray-700">
|
||||||
|
<img src="https://imgs.sbga.rip/20240429191940.png" alt="小御坂的避难所 Logo" class="w-full h-full object-cover">
|
||||||
|
</div>
|
||||||
|
<div class="flex-1 min-w-0">
|
||||||
|
<h3 class="text-base font-semibold text-gray-900 dark:text-white truncate">小御坂的避难所</h3>
|
||||||
|
<p class="text-xs text-gray-500 dark:text-gray-400 mb-2 truncate">mikasano.cn</p>
|
||||||
|
<p class="text-sm text-gray-600 dark:text-gray-300 line-clamp-2">我累了,休息会吧</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="https://mikasano.cn/?ref=www.mxdyeah.top" target="_blank" rel="noopener" class="mt-3 inline-flex items-center text-primary dark:text-primary/90 text-sm hover:underline">
|
||||||
|
访问网站 <i class="fa fa-external-link ml-1 text-xs"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
<!-- 添加按钮,没写好,暂时放弃 -->
|
||||||
<!-- <div class="text-center mt-12">
|
<!-- <div class="text-center">
|
||||||
<a href="/pages/mirrorlist/" class="inline-flex items-center justify-center px-6 py-3 bg-primary hover:bg-primary/90 text-white font-medium rounded-lg shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1">
|
<button id="add-more-links" class="inline-flex items-center justify-center px-5 py-3 border border-primary text-primary dark:text-primary/90 font-medium rounded-lg hover:bg-primary hover:text-white dark:hover:bg-primary/90 transition-colors duration-300">
|
||||||
镜像加速列表 <i class="fa fa-long-arrow-right ml-2"></i>
|
添加更多友情链接 <i class="fa fa-plus ml-2"></i>
|
||||||
</a>
|
</button>
|
||||||
</div> -->
|
</div> -->
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
@@ -757,20 +979,13 @@
|
|||||||
<li><a href="#contact" class="text-gray-400 hover:text-white transition-colors duration-200">联系</a></li>
|
<li><a href="#contact" class="text-gray-400 hover:text-white transition-colors duration-200">联系</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
|
||||||
<h3 class="text-lg font-bold mb-4">友情链接</h3>
|
|
||||||
<ul class="space-y-2">
|
|
||||||
<li><a href="https://imbee.top/" target="_blank" class="text-gray-400 hover:text-white transition-colors duration-200">Mifeng's Home</a></li>
|
|
||||||
<li><a href="https://www.xiaolan.xin/" target="_blank" class="text-gray-400 hover:text-white transition-colors duration-200">Xiaolan's Home</a></li>
|
|
||||||
<li><a href="https://cloud.zako.ltd/" target="_blank" class="text-gray-400 hover:text-white transition-colors duration-200">杂鱼云</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div>
|
<div>
|
||||||
<h3 class="text-lg font-bold mb-4">资源</h3>
|
<h3 class="text-lg font-bold mb-4">资源</h3>
|
||||||
<ul class="space-y-2">
|
<ul class="space-y-2">
|
||||||
<li><a href="ca.crt" target="_blank" class="text-gray-400 hover:text-white transition-colors duration-200">CA Certificate</a></li>
|
<li><a href="ca.crt" target="_blank" class="text-gray-400 hover:text-white transition-colors duration-200">CA Certificate</a></li>
|
||||||
<li><a href="vlc://https://www.mxdyeah.top/proxy/radio-paradise" target="_blank" class="text-gray-400 hover:text-white transition-colors duration-200">Radio Paradise (VLC)</a></li>
|
<li><a href="vlc://https://www.mxdyeah.top/proxy/radio-paradise" target="_blank" class="text-gray-400 hover:text-white transition-colors duration-200">Radio Paradise (VLC)</a></li>
|
||||||
<li><a href="/v4.0/" target="_blank" class="text-gray-400 hover:text-white transition-colors duration-200">v4.0</a></li>
|
<li><a href="/v4.0/" target="_blank" class="text-gray-400 hover:text-white transition-colors duration-200">v4.0</a></li>
|
||||||
|
<li><a href="https://t.me/mxdshare" target="_blank" class="text-gray-400 hover:text-white transition-colors duration-200">Channel</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -790,7 +1005,9 @@
|
|||||||
<p>Copyright © 2021-2025 mxd. 保留所有权利。</p>
|
<p>Copyright © 2021-2025 mxd. 保留所有权利。</p>
|
||||||
<p>Made with <i class="fa-solid fa-heart"></i>. 使用热情构建<i class="fa-regular fa-face-smile"></i></p>
|
<p>Made with <i class="fa-solid fa-heart"></i>. 使用热情构建<i class="fa-regular fa-face-smile"></i></p>
|
||||||
<p><a href="https://icp.gov.moe/?keyword=20251103" target="_blank">萌ICP备20251103号</a></p>
|
<p><a href="https://icp.gov.moe/?keyword=20251103" target="_blank">萌ICP备20251103号</a></p>
|
||||||
<p>The server runs on the FreeBSD operating system. <i class="fa-solid fa-heart"></i></p>
|
<p>The server running on the FreeBSD operating system. <i class="fa-solid fa-heart"></i></p>
|
||||||
|
<p>Code editing on Fedora 42. <i class="fa-solid fa-heart"></i></p>
|
||||||
|
<br>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
@@ -865,7 +1082,7 @@
|
|||||||
}, 16);
|
}, 16);
|
||||||
}
|
}
|
||||||
|
|
||||||
// 监听元素是否进入视口tnnd
|
// 监听元素是否进入视口 tnnd,草,写不好了
|
||||||
const observer = new IntersectionObserver((entries) => {
|
const observer = new IntersectionObserver((entries) => {
|
||||||
entries.forEach(entry => {
|
entries.forEach(entry => {
|
||||||
if (entry.isIntersecting) {
|
if (entry.isIntersecting) {
|
||||||
|
17
package-lock.json
generated
17
package-lock.json
generated
@@ -442,21 +442,6 @@
|
|||||||
"url": "https://github.com/sponsors/isaacs"
|
"url": "https://github.com/sponsors/isaacs"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/fsevents": {
|
|
||||||
"version": "2.3.3",
|
|
||||||
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
|
|
||||||
"integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
|
|
||||||
"dev": true,
|
|
||||||
"hasInstallScript": true,
|
|
||||||
"license": "MIT",
|
|
||||||
"optional": true,
|
|
||||||
"os": [
|
|
||||||
"darwin"
|
|
||||||
],
|
|
||||||
"engines": {
|
|
||||||
"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/function-bind": {
|
"node_modules/function-bind": {
|
||||||
"version": "1.1.2",
|
"version": "1.1.2",
|
||||||
"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
|
"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
|
||||||
@@ -1276,7 +1261,7 @@
|
|||||||
},
|
},
|
||||||
"node_modules/tailwindcss": {
|
"node_modules/tailwindcss": {
|
||||||
"version": "3.4.17",
|
"version": "3.4.17",
|
||||||
"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.17.tgz",
|
"resolved": "https://registry.npmmirror.com/tailwindcss/-/tailwindcss-3.4.17.tgz",
|
||||||
"integrity": "sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==",
|
"integrity": "sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
|
2088
src/output.css
2088
src/output.css
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user