q792602257/lubo_comment_query
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

样式

Browse Source
This commit is contained in:
Jerry Yan
2025-12-09 11:40:16 +08:00
parent d47e369948
commit da23824678
13 changed files with 1794 additions and 3936 deletions
Download Patch File Download Diff File Expand all files Collapse all files

160
resources/views/common/footer.blade.php
View File

@@ -1,72 +1,92 @@
<footer class="mt-4 bg-gray-100 dark:bg-gray-800 pb-8 xl:pt-8">
<div class="max-w-screen-lg px-4 mx-auto text-gray-400 xl:max-w-screen-xl sm:px-6 md:px-8 dark:text-gray-300">
<ul class="flex flex-wrap justify-center pb-8 text-lg font-light">
<li class="w-1/2 md:w-1/4">
<div class="text-center">
<h2 class="text-gray-500 dark:text-gray-200 text-md my-4">
永恒de草薙
</h2>
<ul>
<li class="mb-2 md:mb-4 text-base transition-colors duration-200 hover:text-gray-800 dark:hover:text-white">
<a href="https://space.bilibili.com/328013928" target="_blank">B站主页</a>
</li>
<li class="mb-2 md:mb-4 text-base transition-colors duration-200 hover:text-gray-800 dark:hover:text-white">
<a href="https://live.bilibili.com/24048885" target="_blank">直播间</a>
</li>
</ul>
</div>
</li>
<li class="w-1/2 md:w-1/4">
<div class="text-center">
<h2 class="text-gray-500 dark:text-gray-200 text-md my-4">
课代表们
</h2>
<ul>
<li class="mb-2 md:mb-4 text-base transition-colors duration-200 hover:text-gray-800 dark:hover:text-white">
<a href="https://space.bilibili.com/4847925" target="_blank">开心鄢的B站主页</a>
</li>
<li class="mb-2 md:mb-4 text-base transition-colors duration-200 hover:text-gray-800 dark:hover:text-white">
<a href="https://space.bilibili.com/176444156" target="_blank">神鬼传奇的B站主页</a>
</li>
</ul>
</div>
</li>
<li class="w-1/2 md:w-1/4">
<div class="text-center">
<h2 class="text-gray-500 dark:text-gray-200 text-md my-4">
录播文件
</h2>
<ul>
<li class="mb-2 md:mb-4 text-base transition-colors duration-200 hover:text-gray-800 dark:hover:text-white">
<a href="https://www.aliyundrive.com/s/2moBpEUqDTG" target="_blank">2022年的录播文件</a>
</li>
<li class="mb-2 md:mb-4 text-base transition-colors duration-200 hover:text-gray-800 dark:hover:text-white">
<a href="https://www.aliyundrive.com/s/AAAMXjagZ79" target="_blank">2021年的录播文件</a>
</li>
<li class="mb-2 md:mb-4 text-base transition-colors duration-200 hover:text-gray-800 dark:hover:text-white">
<a href="https://www.aliyundrive.com/s/hpYfF518yH7" target="_blank">2020年的录播文件</a>
</li>
<li class="mb-2 md:mb-4 text-base transition-colors duration-200 hover:text-gray-800 dark:hover:text-white">
<a href="https://www.aliyundrive.com/s/GuyUChZ27Fy" target="_blank">2019年的录播文件</a>
</li>
</ul>
</div>
</li>
<li class="w-1/2 md:w-1/4">
<div class="text-center">
<h2 class="text-gray-500 dark:text-gray-200 text-md my-4">
杂项
</h2>
<ul>
<li class="mb-2 md:mb-4 text-base transition-colors duration-200 hover:text-gray-800 dark:hover:text-white">
<a href="https://afdian.net/a/q792602257" target="_blank">赞助我~</a>
</li>
</ul>
</div>
</li>
</ul>
<div class="border-t border-gray-200 text-center pt-10 sm:pt-12 font-light flex items-center justify-center">
<a class="text-blue-600 underline" href="http://beian.miit.gov.cn" target="_blank">赣ICP备18004555号-4</a>
<footer class="mt-auto bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700">
<div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
<div class="grid grid-cols-2 md:grid-cols-4 gap-8">
<div class="text-center md:text-left">
<h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase mb-4">
永恒de草薙
</h3>
<ul class="space-y-3">
<li>
<a href="https://space.bilibili.com/328013928" target="_blank" class="text-base text-gray-500 dark:text-gray-400 hover:text-indigo-600 dark:hover:text-white transition-colors">
B站主页
</a>
</li>
<li>
<a href="https://live.bilibili.com/24048885" target="_blank" class="text-base text-gray-500 dark:text-gray-400 hover:text-indigo-600 dark:hover:text-white transition-colors">
直播间
</a>
</li>
</ul>
</div>
<div class="text-center md:text-left">
<h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase mb-4">
课代表们
</h3>
<ul class="space-y-3">
<li>
<a href="https://space.bilibili.com/4847925" target="_blank" class="text-base text-gray-500 dark:text-gray-400 hover:text-indigo-600 dark:hover:text-white transition-colors">
开心鄢
</a>
</li>
<li>
<a href="https://space.bilibili.com/176444156" target="_blank" class="text-base text-gray-500 dark:text-gray-400 hover:text-indigo-600 dark:hover:text-white transition-colors">
神鬼传奇
</a>
</li>
</ul>
</div>
<div class="text-center md:text-left">
<h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase mb-4">
录播文件
</h3>
<ul class="space-y-3">
<li>
<a href="https://www.aliyundrive.com/s/2moBpEUqDTG" target="_blank" class="text-base text-gray-500 dark:text-gray-400 hover:text-indigo-600 dark:hover:text-white transition-colors">
2022年录播
</a>
</li>
<li>
<a href="https://www.aliyundrive.com/s/AAAMXjagZ79" target="_blank" class="text-base text-gray-500 dark:text-gray-400 hover:text-indigo-600 dark:hover:text-white transition-colors">
2021年录播
</a>
</li>
<li>
<a href="https://www.aliyundrive.com/s/hpYfF518yH7" target="_blank" class="text-base text-gray-500 dark:text-gray-400 hover:text-indigo-600 dark:hover:text-white transition-colors">
2020年录播
</a>
</li>
<li>
<a href="https://www.aliyundrive.com/s/GuyUChZ27Fy" target="_blank" class="text-base text-gray-500 dark:text-gray-400 hover:text-indigo-600 dark:hover:text-white transition-colors">
2019年录播
</a>
</li>
</ul>
</div>
<div class="text-center md:text-left">
<h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase mb-4">
关于
</h3>
<ul class="space-y-3">
<li>
<a href="https://afdian.net/a/q792602257" target="_blank" class="text-base text-gray-500 dark:text-gray-400 hover:text-indigo-600 dark:hover:text-white transition-colors">
赞助我~
</a>
</li>
<li>
<a href="http://beian.miit.gov.cn" target="_blank" class="text-base text-gray-500 dark:text-gray-400 hover:text-indigo-600 dark:hover:text-white transition-colors">
赣ICP备18004555号-4
</a>
</li>
</ul>
</div>
</div>
<div class="mt-8 border-t border-gray-200 dark:border-gray-700 pt-8 md:flex md:items-center md:justify-between">
<p class="mt-8 text-base text-gray-400 md:mt-0 md:order-1 text-center w-full">
&copy; {{ date('Y') }} 永恒の录播查询站. All rights reserved.
</p>
</div>
</div>
</footer>
</footer>