You've already forked lubo_comment_query
样式
This commit is contained in:
@@ -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">
|
||||
© {{ date('Y') }} 永恒の录播查询站. All rights reserved.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</footer>
|
||||
@@ -1,57 +1,72 @@
|
||||
<nav class="bg-white shadow-sm w-full" aria-label="功能导航">
|
||||
<div class="mx-auto px-2 sm:px-6 lg:px-8">
|
||||
<nav class="bg-white dark:bg-gray-800 shadow-md sticky top-0 z-50 transition-colors duration-200">
|
||||
<div class="max-w-7xl mx-auto px-2 sm:px-6 lg:px-8">
|
||||
<div class="relative flex h-16 items-center justify-between">
|
||||
<div class="absolute inset-y-0 left-0 flex items-center md:hidden" onclick="document.getElementById('_mobile_menu').style.display = document.getElementById('_mobile_menu').style.display ? '' : 'none'">
|
||||
<button type="button" class="inline-flex items-center justify-center rounded-md p-2 text-gray-400 hover:bg-gray-700 hover:text-white focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white" aria-controls="mobile-menu" aria-expanded="false">
|
||||
<div class="absolute inset-y-0 left-0 flex items-center md:hidden">
|
||||
<!-- Mobile menu button-->
|
||||
<button type="button" onclick="document.getElementById('_mobile_menu').classList.toggle('hidden')" class="inline-flex items-center justify-center rounded-md p-2 text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-500 dark:hover:text-white focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500" aria-controls="mobile-menu" aria-expanded="false">
|
||||
<span class="sr-only">Open main menu</span>
|
||||
<svg class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
|
||||
</svg>
|
||||
<svg class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-1 items-center justify-center md:items-stretch md:justify-start">
|
||||
<div class="flex flex-shrink-0 items-center border border-black rounded-full px-4 font-bold">
|
||||
永恒の录播查询站
|
||||
<div class="flex flex-shrink-0 items-center">
|
||||
<a href="/" class="flex items-center space-x-2 text-gray-900 dark:text-white font-bold text-xl tracking-tight">
|
||||
<span class="bg-indigo-600 text-white p-1 rounded-lg">
|
||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
|
||||
</span>
|
||||
<span>永恒の录播</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="hidden sm:ml-6 md:block">
|
||||
<div class="flex space-x-4">
|
||||
<a class="{{ (request()->is('comments', '/', 'video/*')) ? 'bg-gray-900 text-white' : 'text-gray-700 hover:bg-gray-700 hover:text-white' }} px-3 py-2 rounded-md text-sm font-medium" href="/comments">节目单查询</a>
|
||||
<a class="{{ (request()->is('danmakus', 'danmakus/*')) ? 'bg-gray-900 text-white' : 'text-gray-700 hover:bg-gray-700 hover:text-white' }} px-3 py-2 rounded-md text-sm font-medium" href="/danmakus">稿件查询</a>
|
||||
<a class="{{ (request()->is('programs', 'programs/*/video')) ? 'bg-gray-900 text-white' : 'text-gray-700 hover:bg-gray-700 hover:text-white' }} px-3 py-2 rounded-md text-sm font-medium" href="/programs" title="数据不全，待补充">节目查询</a>
|
||||
<div class="hidden md:ml-6 md:block">
|
||||
<div class="flex space-x-2">
|
||||
<!-- Navigation Links -->
|
||||
<a href="/comments" class="{{ (request()->is('comments', '/', 'video/*')) ? 'bg-indigo-50 dark:bg-gray-700 text-indigo-700 dark:text-indigo-400' : 'text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-indigo-600 dark:hover:text-white' }} px-3 py-2 rounded-md text-sm font-medium transition-colors">节目单查询</a>
|
||||
<a href="/danmakus" class="{{ (request()->is('danmakus', 'danmakus/*')) ? 'bg-indigo-50 dark:bg-gray-700 text-indigo-700 dark:text-indigo-400' : 'text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-indigo-600 dark:hover:text-white' }} px-3 py-2 rounded-md text-sm font-medium transition-colors">稿件查询</a>
|
||||
<a href="/programs" class="{{ (request()->is('programs', 'programs/*/video')) ? 'bg-indigo-50 dark:bg-gray-700 text-indigo-700 dark:text-indigo-400' : 'text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-indigo-600 dark:hover:text-white' }} px-3 py-2 rounded-md text-sm font-medium transition-colors">节目查询</a>
|
||||
@auth("web")
|
||||
<a class="{{ (request()->is('construct/*')) ? 'bg-gray-900 text-white' : 'text-gray-700 hover:bg-gray-700 hover:text-white' }} px-3 py-2 rounded-md text-sm font-medium" href="/construct/programs">节目建设</a>
|
||||
<a href="/construct/programs" class="{{ (request()->is('construct/*')) ? 'bg-indigo-50 dark:bg-gray-700 text-indigo-700 dark:text-indigo-400' : 'text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-indigo-600 dark:hover:text-white' }} px-3 py-2 rounded-md text-sm font-medium transition-colors">建设</a>
|
||||
@endauth
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="absolute inset-y-0 right-0 flex items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0">
|
||||
<div class="relative ml-3">
|
||||
@auth("web")
|
||||
<div class="bg-gray-100 cursor-pointer hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" onclick="document.getElementById('_user_menu').style.display = document.getElementById('_user_menu').style.display ? '' : 'none'">
|
||||
{{ Auth::user()->name }}
|
||||
</div>
|
||||
<div id="_user_menu" class="absolute right-0 z-10 mt-2 w-48 origin-top-right rounded-md bg-white py-1 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none" role="menu" aria-orientation="vertical" aria-labelledby="user-menu-button" tabindex="-1" style="display: none">
|
||||
<a href="{{ route("logout") }}" class="block px-4 py-2 text-sm text-gray-700" role="menuitem" tabindex="-1" id="user-menu-item-2">退出登录</a>
|
||||
@auth("web")
|
||||
<button type="button" onclick="document.getElementById('_user_menu').classList.toggle('hidden')" class="flex rounded-full bg-white dark:bg-gray-800 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2" id="user-menu-button" aria-expanded="false" aria-haspopup="true">
|
||||
<span class="sr-only">Open user menu</span>
|
||||
<span class="inline-flex h-8 w-8 items-center justify-center rounded-full bg-indigo-600 text-white font-semibold">
|
||||
{{ substr(Auth::user()->name, 0, 1) }}
|
||||
</span>
|
||||
</button>
|
||||
|
||||
<div id="_user_menu" class="hidden absolute right-0 z-10 mt-2 w-48 origin-top-right rounded-md bg-white dark:bg-gray-800 py-1 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none" role="menu" aria-orientation="vertical" aria-labelledby="user-menu-button" tabindex="-1">
|
||||
<div class="px-4 py-2 text-xs text-gray-500 dark:text-gray-400 border-b dark:border-gray-700">
|
||||
{{ Auth::user()->name }}
|
||||
</div>
|
||||
<a href="{{ route("logout") }}" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700" role="menuitem" tabindex="-1">退出登录</a>
|
||||
</div>
|
||||
@endauth
|
||||
@guest
|
||||
<a class="hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="{{ route("login") }}">登录</a>
|
||||
<a href="{{ route("login") }}" class="text-gray-700 dark:text-gray-300 hover:text-indigo-600 dark:hover:text-white font-medium text-sm">登录</a>
|
||||
@endguest
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="md:hidden" id="_mobile_menu" style="display: none">
|
||||
<div class="space-y-1 px-2 pt-2 pb-3">
|
||||
<a class="{{ (request()->is('comments', '/', 'video/*')) ? 'bg-gray-900 text-white' : 'text-gray-700 hover:bg-gray-700 hover:text-white' }} block px-3 py-2 rounded-md text-base font-medium" href="/comments">节目单查询</a>
|
||||
<a class="{{ (request()->is('danmakus', 'danmakus/*')) ? 'bg-gray-900 text-white' : 'text-gray-700 hover:bg-gray-700 hover:text-white' }} block px-3 py-2 rounded-md text-base font-medium" href="/danmakus">稿件查询</a>
|
||||
<a class="{{ (request()->is('programs', 'programs/*/video')) ? 'bg-gray-900 text-white' : 'text-gray-700 hover:bg-gray-700 hover:text-white' }} block px-3 py-2 rounded-md text-base font-medium" href="/programs" title="数据不全，待补充">节目查询</a>
|
||||
<!-- Mobile menu -->
|
||||
<div class="hidden md:hidden" id="_mobile_menu">
|
||||
<div class="space-y-1 px-2 pt-2 pb-3 bg-gray-50 dark:bg-gray-800 border-t dark:border-gray-700">
|
||||
<a href="/comments" class="{{ (request()->is('comments', '/', 'video/*')) ? 'bg-indigo-50 dark:bg-gray-700 text-indigo-700 dark:text-indigo-400' : 'text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-indigo-600 dark:hover:text-white' }} block px-3 py-2 rounded-md text-base font-medium">节目单查询</a>
|
||||
<a href="/danmakus" class="{{ (request()->is('danmakus', 'danmakus/*')) ? 'bg-indigo-50 dark:bg-gray-700 text-indigo-700 dark:text-indigo-400' : 'text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-indigo-600 dark:hover:text-white' }} block px-3 py-2 rounded-md text-base font-medium">稿件查询</a>
|
||||
<a href="/programs" class="{{ (request()->is('programs', 'programs/*/video')) ? 'bg-indigo-50 dark:bg-gray-700 text-indigo-700 dark:text-indigo-400' : 'text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-indigo-600 dark:hover:text-white' }} block px-3 py-2 rounded-md text-base font-medium">节目查询</a>
|
||||
@auth("web")
|
||||
<a class="{{ (request()->is('construct/*')) ? 'bg-gray-900 text-white' : 'text-gray-700 hover:bg-gray-700 hover:text-white' }} block px-3 py-2 rounded-md text-base font-medium" href="/construct/programs">节目建设</a>
|
||||
<a href="/construct/programs" class="{{ (request()->is('construct/*')) ? 'bg-indigo-50 dark:bg-gray-700 text-indigo-700 dark:text-indigo-400' : 'text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-indigo-600 dark:hover:text-white' }} block px-3 py-2 rounded-md text-base font-medium">节目建设</a>
|
||||
@endauth
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</nav>
|
||||
Reference in New Issue
Block a user