视图文件
This commit is contained in:
parent
40f1c16591
commit
02445457e0
42
resources/views/about.blade.php
Normal file
42
resources/views/about.blade.php
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
<!doctype html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport"
|
||||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
|
||||
<link rel="stylesheet" href="{{ asset('css/flowbite.css') }}">
|
||||
@include('modules.head')
|
||||
{!! $webHeader !!}
|
||||
</head>
|
||||
<body>
|
||||
<div class="bg-white">
|
||||
@include('modules.navbar')
|
||||
<div class="relative isolate px-6 lg:px-8">
|
||||
<div class="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80"
|
||||
aria-hidden="true">
|
||||
<div
|
||||
class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]"
|
||||
style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
|
||||
</div>
|
||||
<div class="mx-auto my-10 max-w-4xl py-8 sm:py-16 lg:py-16">
|
||||
<div class="w-full p-4 bg-white border border-gray-200 rounded-lg shadow-lg sm:p-8 dark:bg-gray-800 dark:border-gray-700">
|
||||
{!! $userAbout !!}
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]"
|
||||
aria-hidden="true">
|
||||
<div
|
||||
class="relative left-[calc(50%+3rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%+36rem)] sm:w-[72.1875rem]"
|
||||
style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
|
||||
</div>
|
||||
@include('modules.footer')
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script src="{{ asset('js/app.js') }}"></script>
|
||||
<script src="{{ asset('js/jquery.js') }}"></script>
|
||||
{!! $webFooter !!}
|
||||
</html>
|
||||
|
|
@ -6,7 +6,9 @@
|
|||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
|
||||
<title>Document</title>
|
||||
<link rel="stylesheet" href="{{ asset('css/flowbite.css') }}">
|
||||
@include('modules.head')
|
||||
{!! $webHeader !!}
|
||||
</head>
|
||||
<body class="h-full">
|
||||
<div class="flex min-h-full flex-col justify-center px-6 py-12 lg:px-8">
|
||||
|
|
@ -78,4 +80,5 @@ function user_change() {
|
|||
});
|
||||
}
|
||||
</script>
|
||||
{!! $webFooter !!}
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -6,7 +6,9 @@
|
|||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
|
||||
<title>Document</title>
|
||||
<link rel="stylesheet" href="{{ asset('css/flowbite.css') }}">
|
||||
@include('modules.head')
|
||||
{!! $webHeader !!}
|
||||
</head>
|
||||
<body class="h-full">
|
||||
<div class="flex min-h-full flex-col justify-center px-6 py-12 lg:px-8">
|
||||
|
|
@ -93,4 +95,5 @@ function user_change() {
|
|||
});
|
||||
}
|
||||
</script>
|
||||
{!! $webFooter !!}
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -6,7 +6,9 @@
|
|||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
|
||||
<title>Document</title>
|
||||
<link rel="stylesheet" href="{{ asset('css/flowbite.css') }}">
|
||||
@include('modules.head')
|
||||
{!! $webHeader !!}
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
|
@ -75,9 +77,7 @@ class="inline-flex items-center p-2 mt-2 ml-3 text-sm text-gray-500 rounded-lg s
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
<script src="{{ asset('js/app.js') }}"></script>
|
||||
<script src="{{ asset('js/jquery.js') }}"></script>
|
||||
</html>
|
||||
|
|
|
|||
74
resources/views/function/link.blade.php
Normal file
74
resources/views/function/link.blade.php
Normal file
|
|
@ -0,0 +1,74 @@
|
|||
<!doctype html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport"
|
||||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
|
||||
<link rel="stylesheet" href="{{ asset('css/flowbite.css') }}">
|
||||
@include('modules.head')
|
||||
{!! $webHeader !!}
|
||||
</head>
|
||||
<body>
|
||||
<div class="bg-white">
|
||||
@include('modules.navbar')
|
||||
<div class="relative isolate px-6 lg:px-8">
|
||||
<div class="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80"
|
||||
aria-hidden="true">
|
||||
<div
|
||||
class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]"
|
||||
style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
|
||||
</div>
|
||||
@foreach($blogSort as $valueSort)
|
||||
<div class="mx-auto mt-28 mb-3 max-w-4xl grid grid-cols-1 px-2">
|
||||
<div class="text-2xl text-bold">{!! $valueSort->title !!}</div>
|
||||
@if(!empty($valueSort->description))<div class="text-gray-500">{{ $valueSort->description }}</div> @endif
|
||||
</div>
|
||||
<div class="mx-auto max-w-4xl mb-3 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4">
|
||||
@foreach($blogLink as $valueLink)
|
||||
@if($valueLink->blogLocation == $valueSort->id)
|
||||
<a href="{{ $valueLink->blogUrl }}" target="_blank">
|
||||
<div
|
||||
class="flex p-2 bg-white border border-grey-200 rounded-lg shadow-lg sm:p-4 dark:bg-gray-800 dark:border-gray-700 grid-cols-2 m-1">
|
||||
<img id="Lazy"
|
||||
class="w-16 h-16 p-1 rounded-full ring-2 ring-gray-300 dark:ring-gray-500 me-2 sm:me-4"
|
||||
src="{{ asset('images/avatar.png') }}" data-src="{{ $valueLink->blogIcon }}"
|
||||
alt="Bordered avatar">
|
||||
<div class="grid grid-cols-1">
|
||||
<p class="text-xl font-bold">{{ $valueLink->blogName }}</p>
|
||||
<p class="text-sm text-gray-500 truncate">{{ $valueLink->blogDescription }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
@endif
|
||||
@endforeach
|
||||
</div>
|
||||
@endforeach
|
||||
<div class="mb-20"></div>
|
||||
<div
|
||||
class="absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]"
|
||||
aria-hidden="true">
|
||||
<div
|
||||
class="relative left-[calc(50%+3rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%+36rem)] sm:w-[72.1875rem]"
|
||||
style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
|
||||
</div>
|
||||
@include('modules.footer')
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script src="{{ asset('js/app.js') }}"></script>
|
||||
<script src="{{ asset('js/jquery.js') }}"></script>
|
||||
<script async src="{{ asset('js/lazyload.js') }}"></script>
|
||||
<script type="text/javascript">
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const lazyLoadInstance = new LazyLoad({
|
||||
elements_selector: '#Lazy', // 指定要延迟加载的元素选择器
|
||||
callback_error: function (element) {
|
||||
element.src = '{{ asset('images/avatar.png') }}'; // 图像加载失败时替换为占位图像
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{!! $webFooter !!}
|
||||
</html>
|
||||
1
resources/views/function/music.blade.php
Normal file
1
resources/views/function/music.blade.php
Normal file
|
|
@ -0,0 +1 @@
|
|||
<?php
|
||||
1
resources/views/function/sponsor.blade.php
Normal file
1
resources/views/function/sponsor.blade.php
Normal file
|
|
@ -0,0 +1 @@
|
|||
<?php
|
||||
|
|
@ -1,6 +1,3 @@
|
|||
@php
|
||||
use Illuminate\Support\Facades\Auth;
|
||||
@endphp
|
||||
<!doctype html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
|
|
@ -9,7 +6,9 @@
|
|||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
|
||||
<title>Document</title>
|
||||
<link rel="stylesheet" href="{{ asset('css/flowbite.css') }}">
|
||||
@include('modules.head')
|
||||
{!! $webHeader !!}
|
||||
</head>
|
||||
<body style="overflow: hidden;height: 100vh">
|
||||
<div class="bg-white">
|
||||
|
|
@ -21,17 +20,17 @@
|
|||
class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]"
|
||||
style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
|
||||
</div>
|
||||
<div class="mx-auto max-w-2xl py-32 sm:py-48 lg:py-56">
|
||||
<div class="mx-auto max-w-2xl py-32 sm:py-48 lg:py-48 xl:py-60">
|
||||
<div class="text-center">
|
||||
<h1 class="text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl"> {{ env('APP_NAME') }} </h1>
|
||||
<p class="mt-6 text-lg leading-8 text-gray-600">{{ env('APP_DESC') }}</p>
|
||||
<h1 class="text-6xl font-bold tracking-tight text-gray-900 sm:text-6xl"> {{ $webTitle }} </h1>
|
||||
<p class="mt-6 text-lg leading-8 text-gray-600">{{ $webSubTitleDescription }}</p>
|
||||
<div class="mt-10 flex items-center justify-center gap-x-6">
|
||||
<a href="{{ env('APP_BLOG') }}"
|
||||
<a href="{{ $sqlBlog }}"
|
||||
class="rounded-full bg-purple-700 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-purple-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">
|
||||
<i class="bi bi-door-open"></i>
|
||||
<span class="flex-1 ml-1 whitespace-nowrap">去我的博客</span>
|
||||
</a>
|
||||
<a href="#" class="text-sm font-semibold leading-6 text-gray-900">
|
||||
<a href="{{ route('about') }}" class="text-sm font-semibold leading-6 text-gray-900">
|
||||
<span class="flex-1 whitespace-nowrap">了解我</span>
|
||||
<i class="bi bi-arrow-right"></i>
|
||||
</a>
|
||||
|
|
@ -47,8 +46,24 @@ class="relative left-[calc(50%+3rem)] aspect-[1155/678] w-[36.125rem] -translate
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="fixed bottom-0 left-0 z-20 w-full p-4 md:flex md:items-end md:justify-between md:p-6">
|
||||
@if(empty($sqlIcp) && empty($sqlGongan))
|
||||
<div class="flex text-sm text-gray-500 dark:text-gray-400"></div>
|
||||
<div class="flex text-sm text-gray-500 dark:text-gray-400">
|
||||
<span class="flex justify-start"><i class="bi bi-c-circle"></i> @if(empty(!$sqlCopyRightYear)) {{ $sqlCopyRightYear }}-{{ date('Y') }} @else {{ date('Y') }} @endif {{ $sqlAuthor }}. All Rights Reserved.</span>
|
||||
</div>
|
||||
@else
|
||||
<div class="flex text-sm text-gray-500 dark:text-gray-400">
|
||||
<span class="flex justify-start"><i class="bi bi-c-circle pe-2"></i> @if(empty(!$sqlCopyRightYear)) {{ $sqlCopyRightYear }}-{{ date('Y') }} @else {{ date('Y') }} @endif {{ $sqlAuthor }}. All Rights Reserved.</span>
|
||||
</div>
|
||||
<div class="grid grid-cols-1 text-sm text-gray-500 dark:text-gray-400">
|
||||
@if(!empty($sqlIcp))<a href="https://beian.miit.gov.cn/"><span class="flex justify-end @if(!empty($sqlGongan))mb-1 @endif"><i class="bi bi-balloon pe-2"></i> {{ $sqlIcp }}</span></a> @endif
|
||||
@if(!empty($sqlGongan))<a href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode={{ $GonganCode }}"><span class="flex justify-end @if(!empty($sqlIcp))mt-1 @endif"><i class="bi bi-balloon-heart pe-2"></i> {{ $sqlGongan }}</span></a> @endif
|
||||
</div>
|
||||
@endif
|
||||
</footer>
|
||||
</body>
|
||||
<script src="{{ asset('js/app.js') }}"></script>
|
||||
<script src="{{ asset('js/jquery.js') }}"></script>
|
||||
{!! $webFooter !!}
|
||||
</html>
|
||||
|
|
|
|||
10
resources/views/modules/footer.blade.php
Normal file
10
resources/views/modules/footer.blade.php
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<footer>
|
||||
<div class="w-full mx-auto max-w-screen-xl p-4 md:flex md:items-center justify-center">
|
||||
<div class="text-sm text-gray-500 text-center dark:text-gray-400 gird grid-cols-1">
|
||||
<span class="flex text-sm justify-center text-gray-500 dark:text-gray-400"><i class="bi bi-c-circle pe-2"></i> @if(empty(!$sqlCopyRightYear)) {{ $sqlCopyRightYear }}-{{ date('Y') }} @else {{ date('Y') }} @endif {{ $sqlAuthor }}. All Rights Reserved.</span>
|
||||
@if(!empty($sqlGongang) || !empty($sqlIcp))<hr class="my-3"> @endif
|
||||
@if(!empty($sqlIcp))<a href="https://beian.miit.gov.cn/"><span class="flex text-sm justify-center text-gray-500 dark:text-gray-400 @if(!empty($sqlGongan))mb-1 @endif"><i class="bi bi-balloon pe-2"></i> {{ $sqlIcp }}</span></a> @endif
|
||||
@if(!empty($sqlGongan))<a href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode={{ $GonganCode }}"><span class="flex text-sm justify-center text-gray-500 dark:text-gray-400 @if(!empty($sqlIcp))mt-1 @endif"><i class="bi bi-balloon-heart pe-2"></i> {{ $sqlGongan }}</span></a> @endif
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
10
resources/views/modules/head.blade.php
Normal file
10
resources/views/modules/head.blade.php
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<title>{{ $webTitle }} - {{ $webSubTitle }}</title>
|
||||
<meta name="description" content="{{ $webDescription }}">
|
||||
<meta name="keywords" content="{{ $webKeyword }}">
|
||||
<meta name="author" content="{{ $sqlAuthor }}">
|
||||
<meta name="copyright" content="{{ $sqlAuthor }}">
|
||||
<link rel="shortcut icon" href="{{ $webIcon }}" type="image/x-icon">
|
||||
<link rel="icon" sizes="any" href="{{ $webIcon }}" type="image/x-icon">
|
||||
<!-- 适配Twitter卡片 -->
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:image" content="{{ $webIcon }}">
|
||||
|
|
@ -3,7 +3,7 @@
|
|||
<div class="flex lg:flex-1">
|
||||
<a href="#" class="-m-1.5 p-1.5">
|
||||
<span class="sr-only">Your Company</span>
|
||||
<img class="h-8 w-auto" src="https://tailwindui.com/img/logos/mark.svg?color=indigo&shade=600"
|
||||
<img class="h-8 w-auto" src="{{ asset('images/logo.jpg') }}"
|
||||
alt="">
|
||||
</a>
|
||||
</div>
|
||||
|
|
@ -19,11 +19,11 @@ class="-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray
|
|||
</button>
|
||||
</div>
|
||||
<div class="hidden lg:flex lg:gap-x-12">
|
||||
<a href="#" class="text-sm font-semibold leading-6 text-gray-900">
|
||||
<a href="{{ route('home') }}" class="text-sm font-semibold leading-6 text-gray-900">
|
||||
<i class="bi bi-house"></i>
|
||||
<span class="flex-1 ml-1 whitespace-nowrap">首页</span>
|
||||
</a>
|
||||
<a href="#" class="text-sm font-semibold leading-6 text-gray-900">
|
||||
<a href="{{ route('function.link') }}" class="text-sm font-semibold leading-6 text-gray-900">
|
||||
<i class="bi bi-link-45deg"></i>
|
||||
<span class="flex-1 ml-1 whitespace-nowrap">友链</span>
|
||||
</a>
|
||||
|
|
@ -52,7 +52,7 @@ class="-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray
|
|||
<div id="userDropdown" class="z-10 hidden bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-gray-700 dark:divide-gray-600">
|
||||
<ul class="py-2 text-sm text-gray-700 dark:text-gray-200" aria-labelledby="avatarButton">
|
||||
<li>
|
||||
<a href="#" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">
|
||||
<a href="{{ route('console.dashboard') }}" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">
|
||||
<i class="bi bi-person-rolodex"></i>
|
||||
<span class="flex-1 ml-3 whitespace-nowrap">管理员</span>
|
||||
</a>
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user