mirror of
https://ghfast.top/https://github.com/zsjy/halo-theme-dream2.0-plus.git
synced 2025-03-15 20:09:41 +08:00
新增支持配置错误页风格
This commit is contained in:
j m
parent
1c94695b4c
commit
caadf44d77
@ -1338,6 +1338,36 @@ spec:
|
|||||||
label: 开启
|
label: 开启
|
||||||
- value: false
|
- value: false
|
||||||
label: 关闭
|
label: 关闭
|
||||||
|
- $formkit: group
|
||||||
|
name: error
|
||||||
|
label: 错误页面
|
||||||
|
help: 配置错误页面风格。
|
||||||
|
value:
|
||||||
|
style_4xx: 'error/common/error_default'
|
||||||
|
style_5xx: 'error/common/error_default'
|
||||||
|
children:
|
||||||
|
- $formkit: select
|
||||||
|
name: style_4xx
|
||||||
|
label: 4xx错误页面风格
|
||||||
|
help: '发生4xx错误页面风格，如：404等。'
|
||||||
|
options:
|
||||||
|
- value: 'error/4xx/error_blue_screen'
|
||||||
|
label: 蓝屏代码
|
||||||
|
- value: 'error/4xx/error_tv_screen'
|
||||||
|
label: 电视雪花屏幕
|
||||||
|
- value: 'error/4xx/error_train'
|
||||||
|
label: 小火车
|
||||||
|
- value: 'error/4xx/error_concise'
|
||||||
|
label: 简洁
|
||||||
|
- value: 'error/common/error_default'
|
||||||
|
label: 默认
|
||||||
|
- $formkit: select
|
||||||
|
name: style_5xx
|
||||||
|
label: 5xx错误页面风格
|
||||||
|
help: '发生5xx错误页面风格，如：500等。'
|
||||||
|
options:
|
||||||
|
- value: 'error/common/error_default'
|
||||||
|
label: 默认
|
||||||
- $formkit: radio
|
- $formkit: radio
|
||||||
name: effects_lantern_mode
|
name: effects_lantern_mode
|
||||||
id: effects_lantern_mode
|
id: effects_lantern_mode
|
||||||
|
|||||||
@ -229,6 +229,8 @@ $(document).on('pjax:end', function (event, xhr, options) {
|
|||||||
commonContext.initTimeCount()
|
commonContext.initTimeCount()
|
||||||
/* 初始化任务列表，禁止点击 */
|
/* 初始化任务列表，禁止点击 */
|
||||||
commonContext.iniTaskItemDisabled()
|
commonContext.iniTaskItemDisabled()
|
||||||
|
/** 关闭画廊 **/
|
||||||
|
commonContext.closeFancybox()
|
||||||
window.DProgress && DProgress.done()
|
window.DProgress && DProgress.done()
|
||||||
// 应该是由于浏览器缓存失效，有时候浏览器前后退还是会执行pjax:beforeSend
|
// 应该是由于浏览器缓存失效，有时候浏览器前后退还是会执行pjax:beforeSend
|
||||||
$('html').removeClass('pjax-loading')
|
$('html').removeClass('pjax-loading')
|
||||||
|
|||||||
2
templates/assets/js/pjax.min.js
vendored
2
templates/assets/js/pjax.min.js
vendored
@ -1 +1 @@
|
|||||||
(()=>{const s=new Set($('link[href*=".css"]').map((o,e)=>$(e).attr("href")).get()),l=new Set($('script[src*=".js"]').map((o,e)=>$(e).attr("src")).get()),e=()=>{var o=(new Date).getTime();return window.pjaxSerialNumber=o,console.log("sn = "+o),o},n=o=>"/"!==o.pathname&&0!==$(".banner").length?(window.initTop=99999999,window.innerHeight/4):0,c=(e,n,t)=>{if(n>=e.length)t&&t();else{let o=$(e[n]).attr("src");l.has(o)?c(e,n+1,t):(console.log((t?"同步":"异步")+"顺序加载js "+o),Utils.cachedScript(o).done(function(){console.log((t?"同步":"异步")+"顺序加载js完成 "+o),l.add(o),window.DProgress&&DProgress.inc(),c(e,n+1,t)}).fail(function(){console.log((t?"同步":"异步")+"顺序加载js失败 "+o),c(e,n+1,t)}))}};$(document).on("click","a[target!=_blank][href]:not([data-not-pjax])",o=>{$.pjax.click(o,".column-main",{scrollTo:n(o.currentTarget),fragment:".column-main",serialNumber:e(),timeout:8e3})}),$(document).on("submit","form[data-pjax]",function(o){$.pjax.submit(o,".column-main",{scrollTo:n(o.currentTarget),fragment:".column-main",serialNumber:e(),timeout:8e3})}),$(document).on("pjax:click",function(o,e){console.log("------------------------"),console.log("pjax:click sn = "+e.serialNumber)}),$(document).on("pjax:beforeSend",function(o,e,n){console.log("pjax:beforeSend sn = "+n.serialNumber),$("html").addClass("pjax-loading")}),$(document).on("pjax:start",function(o,e,n){console.log("pjax:start sn = "+n.serialNumber),window.DProgress&&DProgress.start(),$(".pjax-close").remove()}),$(document).on("pjax:send",function(o,e,n){console.log("pjax:send sn = "+n.serialNumber)}),$(document).on("pjax:clicked",function(o,e){console.log("pjax:clicked sn = "+e.serialNumber)}),$(document).on("pjax:beforeReplace",function(o,e,n){console.log("pjax:beforeReplace sn = "+n.serialNumber),$(".navbar-nav .current,.panel-side-menu .current").removeClass("current"),commonContext.initNavbar(),0<$("html.disable-scroll").length&&$(".navbar-mask").trigger("click")}),$(document).on("pjax:success",async function(o,e,n,t,a){a=a.serialNumber;if(console.log("pjax:success sn = "+a),window.pjaxSerialNumber===a){commonContext.initGallery(),commonContext.initTocAndNotice(),$("html").removeClass("pjax-loading");const i=$($.parseHTML(e,document,!0)),r=$("head");r.find("meta").remove(),r.find('link[rel="canonical"]').remove(),r.append(i.filter("meta")),r.append(i.filter('link[rel="canonical"]')),i.filter("link[data-pjax]").each(function(){let o=$(this).attr("href");s.has(o)||(r.append($(this)),console.log("加载css "+$(this).attr("href")),this.onload=function(){s.add(o),window.DProgress&&DProgress.inc(),console.log("加载css完成 "+$(this).attr("href"))})});let o=i.filter("script[data-pjax]");if(0<o.length){o.filter("[async]").each(function(){let o=$(this).attr("src");l.has(o)||(console.log("异步无序加载js "+o),Utils.cachedScript(o).done(function(){console.log("异步无序js完成 "+o),window.DProgress&&DProgress.inc(),l.add(o)}).fail(function(){console.log("异步无序js失败 "+o)}))}),new Promise(()=>{c(o.filter("[defer]"),0)});let e=o.filter(":not([async]):not([defer])");0<e.length&&await new Promise(o=>{c(e,0,o)})}console.log("全部处理完成"),window.pjaxSerialNumber===a&&(window.journalPjax&&window.journalPjax(a),window.postPjax&&window.postPjax(a),commonContext.initTimeCount(),commonContext.iniTaskItemDisabled(),commonContext.initCarousel(),commonContext.closeFancybox(),window.DProgress)&&DProgress.done()}}),$(document).on("pjax:timeout",function(o,e,n){console.log("pjax:timeout sn = "+n.serialNumber)}),$(document).on("pjax:error",function(o,e,n,t,a){console.log(`pjax:error sn = ${a.serialNumber} error `+t)}),$(document).on("pjax:complete",function(o,e,n,t){console.log("pjax:complete sn = "+t.serialNumber);var t=document.title,a=window.location.pathname,i=window.location.href;window.history&&window.history.replaceState&&window.history.replaceState({url:i,title:t,path:a},t,i)}),$(document).on("pjax:end",function(o,e,n){console.log("pjax:end sn = "+n.serialNumber),null==e&&(commonContext.initTocAndNotice(),commonContext.initCarousel(),commonContext.initTimeCount(),commonContext.iniTaskItemDisabled(),window.DProgress&&DProgress.done(),$("html").removeClass("pjax-loading"))}),$(document).on("pjax:popstate",function(o){console.log("pjax:popstate")}),window.addEventListener("popstate",function(o){if(console.log("popstate event triggered"),o.state){const o=window.location.href;$.pjax.reload(".column-main",{container:".column-main",push:!1,url:o,fragment:".column-main",serialNumber:e(),timeout:8e3})}})})();
|
(()=>{const s=new Set($('link[href*=".css"]').map((o,e)=>$(e).attr("href")).get()),l=new Set($('script[src*=".js"]').map((o,e)=>$(e).attr("src")).get()),e=()=>{var o=(new Date).getTime();return window.pjaxSerialNumber=o,console.log("sn = "+o),o},n=o=>"/"!==o.pathname&&0!==$(".banner").length?(window.initTop=99999999,window.innerHeight/4):0,c=(e,n,t)=>{if(n>=e.length)t&&t();else{let o=$(e[n]).attr("src");l.has(o)?c(e,n+1,t):(console.log((t?"同步":"异步")+"顺序加载js "+o),Utils.cachedScript(o).done(function(){console.log((t?"同步":"异步")+"顺序加载js完成 "+o),l.add(o),window.DProgress&&DProgress.inc(),c(e,n+1,t)}).fail(function(){console.log((t?"同步":"异步")+"顺序加载js失败 "+o),c(e,n+1,t)}))}};$(document).on("click","a[target!=_blank][href]:not([data-not-pjax])",o=>{$.pjax.click(o,".column-main",{scrollTo:n(o.currentTarget),fragment:".column-main",serialNumber:e(),timeout:8e3})}),$(document).on("submit","form[data-pjax]",function(o){$.pjax.submit(o,".column-main",{scrollTo:n(o.currentTarget),fragment:".column-main",serialNumber:e(),timeout:8e3})}),$(document).on("pjax:click",function(o,e){console.log("------------------------"),console.log("pjax:click sn = "+e.serialNumber)}),$(document).on("pjax:beforeSend",function(o,e,n){console.log("pjax:beforeSend sn = "+n.serialNumber),$("html").addClass("pjax-loading")}),$(document).on("pjax:start",function(o,e,n){console.log("pjax:start sn = "+n.serialNumber),window.DProgress&&DProgress.start(),$(".pjax-close").remove()}),$(document).on("pjax:send",function(o,e,n){console.log("pjax:send sn = "+n.serialNumber)}),$(document).on("pjax:clicked",function(o,e){console.log("pjax:clicked sn = "+e.serialNumber)}),$(document).on("pjax:beforeReplace",function(o,e,n){console.log("pjax:beforeReplace sn = "+n.serialNumber),$(".navbar-nav .current,.panel-side-menu .current").removeClass("current"),commonContext.initNavbar(),0<$("html.disable-scroll").length&&$(".navbar-mask").trigger("click")}),$(document).on("pjax:success",async function(o,e,n,t,a){a=a.serialNumber;if(console.log("pjax:success sn = "+a),window.pjaxSerialNumber===a){commonContext.initGallery(),commonContext.initTocAndNotice(),$("html").removeClass("pjax-loading");const i=$($.parseHTML(e,document,!0)),r=$("head");r.find("meta").remove(),r.find('link[rel="canonical"]').remove(),r.append(i.filter("meta")),r.append(i.filter('link[rel="canonical"]')),i.filter("link[data-pjax]").each(function(){let o=$(this).attr("href");s.has(o)||(r.append($(this)),console.log("加载css "+$(this).attr("href")),this.onload=function(){s.add(o),window.DProgress&&DProgress.inc(),console.log("加载css完成 "+$(this).attr("href"))})});let o=i.filter("script[data-pjax]");if(0<o.length){o.filter("[async]").each(function(){let o=$(this).attr("src");l.has(o)||(console.log("异步无序加载js "+o),Utils.cachedScript(o).done(function(){console.log("异步无序js完成 "+o),window.DProgress&&DProgress.inc(),l.add(o)}).fail(function(){console.log("异步无序js失败 "+o)}))}),new Promise(()=>{c(o.filter("[defer]"),0)});let e=o.filter(":not([async]):not([defer])");0<e.length&&await new Promise(o=>{c(e,0,o)})}console.log("全部处理完成"),window.pjaxSerialNumber===a&&(window.journalPjax&&window.journalPjax(a),window.postPjax&&window.postPjax(a),commonContext.initTimeCount(),commonContext.iniTaskItemDisabled(),commonContext.initCarousel(),commonContext.closeFancybox(),window.DProgress)&&DProgress.done()}}),$(document).on("pjax:timeout",function(o,e,n){console.log("pjax:timeout sn = "+n.serialNumber)}),$(document).on("pjax:error",function(o,e,n,t,a){console.log(`pjax:error sn = ${a.serialNumber} error `+t)}),$(document).on("pjax:complete",function(o,e,n,t){console.log("pjax:complete sn = "+t.serialNumber);var t=document.title,a=window.location.pathname,i=window.location.href;window.history&&window.history.replaceState&&window.history.replaceState({url:i,title:t,path:a},t,i)}),$(document).on("pjax:end",function(o,e,n){console.log("pjax:end sn = "+n.serialNumber),null==e&&(commonContext.initTocAndNotice(),commonContext.initCarousel(),commonContext.initTimeCount(),commonContext.iniTaskItemDisabled(),commonContext.closeFancybox(),window.DProgress&&DProgress.done(),$("html").removeClass("pjax-loading"))}),$(document).on("pjax:popstate",function(o){console.log("pjax:popstate")}),window.addEventListener("popstate",function(o){if(console.log("popstate event triggered"),o.state){const o=window.location.href;$.pjax.reload(".column-main",{container:".column-main",push:!1,url:o,fragment:".column-main",serialNumber:e(),timeout:8e3})}})})();
|
||||||
@ -2,7 +2,7 @@
|
|||||||
th:with="description=${isPost ? post != null ? post.status.excerpt : singlePage != null ? singlePage.status.excerpt : site.seo.description : site.seo.description}">
|
th:with="description=${isPost ? post != null ? post.status.excerpt : singlePage != null ? singlePage.status.excerpt : site.seo.description : site.seo.description}">
|
||||||
<meta charset="utf-8"/>
|
<meta charset="utf-8"/>
|
||||||
<title th:text="${title + (#strings.isEmpty(site.subtitle) ? '' : '|' + site.subtitle)}"></title>
|
<title th:text="${title + (#strings.isEmpty(site.subtitle) ? '' : '|' + site.subtitle)}"></title>
|
||||||
<script th:if="${theme.config.enhance.enable_sw}" th:src="${(theme.config.enhance.enable_sw == 'uninstall')? #theme.assets('/js/sw.min.js?uninstall=true') + '&mew=(mew=${theme.spec.version})' : '/sw.min.js?mew=(mew=${theme.spec.version})' + theme.config.enhance.enable_sw + '&cdn=' + theme.config.enhance.sw_cdn_source.replaceAll('\n', ',')}"></script>
|
<script th:if="${theme.config.enhance.enable_sw}" th:src="${(theme.config.enhance.enable_sw == 'uninstall')? #theme.assets('/js/sw.min.js?uninstall=true') + '&mew='+theme.spec.version : '/sw.min.js?mew='+theme.spec.version + theme.config.enhance.enable_sw + '&cdn=' + theme.config.enhance.sw_cdn_source.replaceAll('\n', ',')}"></script>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
||||||
<meta name="applicable-device" content="pc,mobile">
|
<meta name="applicable-device" content="pc,mobile">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
|||||||
149
templates/error/4xx/error_blue_screen.html
Normal file
149
templates/error/4xx/error_blue_screen.html
Normal file
File diff suppressed because one or more lines are too long
138
templates/error/4xx/error_concise.html
Normal file
138
templates/error/4xx/error_concise.html
Normal file
@ -0,0 +1,138 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh-CN" xmlns:th="https://www.thymeleaf.org"
|
||||||
|
th:fragment="error_fragment">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>404 Not Found</title>
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--bg-color: #f0f2f5;
|
||||||
|
--text-color: #333;
|
||||||
|
--card-bg: white;
|
||||||
|
--heading-color: #2c3e50;
|
||||||
|
--link-color: #3498db;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark-mode {
|
||||||
|
--bg-color: #1a1a1a;
|
||||||
|
--text-color: #e0e0e0;
|
||||||
|
--card-bg: #2c2c2c;
|
||||||
|
--heading-color: #ffffff;
|
||||||
|
--link-color: #63b3ed;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
background-color: var(--bg-color);
|
||||||
|
color: var(--text-color);
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
height: 100vh;
|
||||||
|
margin: 0;
|
||||||
|
padding: 20px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
transition: background-color 0.3s, color 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
background-color: var(--card-bg);
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 40px;
|
||||||
|
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
||||||
|
text-align: center;
|
||||||
|
max-width: 400px;
|
||||||
|
width: 100%;
|
||||||
|
transition: background-color 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
color: var(--heading-color);
|
||||||
|
margin-bottom: 20px;
|
||||||
|
font-size: 2.5em;
|
||||||
|
transition: color 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
line-height: 1.6;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
font-size: 64px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back-link {
|
||||||
|
color: var(--link-color);
|
||||||
|
text-decoration: none;
|
||||||
|
font-weight: bold;
|
||||||
|
transition: color 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back-link:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.theme-toggle {
|
||||||
|
position: absolute;
|
||||||
|
top: 20px;
|
||||||
|
right: 20px;
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
|
color: var(--text-color);
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 24px;
|
||||||
|
transition: transform 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.theme-toggle:hover {
|
||||||
|
transform: scale(1.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
.container {
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<button class="theme-toggle" onclick="toggleTheme()" aria-label="切换主题">🌓</button>
|
||||||
|
<div class="container">
|
||||||
|
<div class="icon">🔍</div>
|
||||||
|
<h1>404 Not Found</h1>
|
||||||
|
<p>抱歉，您请求的页面不存在。</p>
|
||||||
|
<p>可能是输入的网址有误，或者该页面已被移动或删除。</p>
|
||||||
|
<a href="/" class="back-link">返回首页</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function toggleTheme() {
|
||||||
|
document.body.classList.toggle('dark-mode')
|
||||||
|
localStorage.setItem('theme', document.body.classList.contains('dark-mode') ? 'dark' : 'light')
|
||||||
|
}
|
||||||
|
|
||||||
|
const savedTheme = localStorage.getItem('theme')
|
||||||
|
if (savedTheme === 'dark') {
|
||||||
|
document.body.classList.add('dark-mode')
|
||||||
|
}
|
||||||
|
|
||||||
|
const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')
|
||||||
|
|
||||||
|
function handleThemeChange(e) {
|
||||||
|
if (savedTheme) return
|
||||||
|
if (e.matches) {
|
||||||
|
document.body.classList.add('dark-mode')
|
||||||
|
} else {
|
||||||
|
document.body.classList.remove('dark-mode')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
mediaQuery.addListener(handleThemeChange)
|
||||||
|
handleThemeChange(mediaQuery)
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
427
templates/error/4xx/error_train.html
Normal file
427
templates/error/4xx/error_train.html
Normal file
@ -0,0 +1,427 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh-CN" xmlns:th="https://www.thymeleaf.org"
|
||||||
|
th:fragment="error_fragment">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>404 Not Found</title>
|
||||||
|
<style>
|
||||||
|
.main{
|
||||||
|
margin-top: 15%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.st0{fill:#fff}
|
||||||
|
.st2{fill:#5d89af}
|
||||||
|
.st3{fill:#709abf}
|
||||||
|
.st4,.st6{
|
||||||
|
fill:#fff;
|
||||||
|
stroke:#b3dcdf;
|
||||||
|
stroke-miterlimit:10
|
||||||
|
}
|
||||||
|
.st6{
|
||||||
|
stroke:#5d89af;
|
||||||
|
stroke-width:2
|
||||||
|
}
|
||||||
|
.st7,.st8,.st9{
|
||||||
|
stroke:#709abf;
|
||||||
|
stroke-miterlimit:10
|
||||||
|
}
|
||||||
|
|
||||||
|
.st7{
|
||||||
|
stroke-width:5;
|
||||||
|
stroke-linecap:round;
|
||||||
|
fill:none
|
||||||
|
}
|
||||||
|
.st8,.st9{
|
||||||
|
fill:#fff
|
||||||
|
}
|
||||||
|
.st9{
|
||||||
|
fill:none
|
||||||
|
}
|
||||||
|
.st10{
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#cloud1{
|
||||||
|
animation: cloud003 15s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
#cloud2{
|
||||||
|
animation: cloud002 25s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
#cloud3{
|
||||||
|
animation: cloud003 20s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
#cloud4{
|
||||||
|
animation: float 4s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
#cloud5{
|
||||||
|
animation: float 8s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
#cloud7{
|
||||||
|
animation: float 5s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
#tracks{
|
||||||
|
animation: slide 650ms linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bumps{
|
||||||
|
animation: land 10000ms linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes jig {
|
||||||
|
0% { transform: translateY(0px); }
|
||||||
|
50% { transform: translateY(1px); }
|
||||||
|
100% { transform: translateY(0px); }
|
||||||
|
}
|
||||||
|
|
||||||
|
#car-layers{
|
||||||
|
animation: jig 0.35s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes land {
|
||||||
|
from { transform: translateX(0); }
|
||||||
|
to { transform: translateX(1000px); }
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@keyframes slide {
|
||||||
|
from { transform: translateX(0px); }
|
||||||
|
to { transform: translateX(100px); }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* @keyframes cloudFloat {
|
||||||
|
0% { transform: translateX(0) translateY(3px); }
|
||||||
|
100% { transform: translateX(1000px) translateY(0); }
|
||||||
|
} */
|
||||||
|
|
||||||
|
@keyframes cloud001 {
|
||||||
|
0% { transform: translateX(-1000px) translateY(3px); }
|
||||||
|
100% { transform: translateX(1000px) translateY(0); }
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes cloud002 {
|
||||||
|
0% { transform: translateX(-1000px) translateY(3px); }
|
||||||
|
100% { transform: translateX(1000px) translateY(0); }
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes cloud003 {
|
||||||
|
0% { transform: translateX(-1000px) translateY(3px); }
|
||||||
|
100% { transform: translateX(1000px) translateY(0); }
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes float {
|
||||||
|
0% { transform: translateY(0px) translateX(0); }
|
||||||
|
50% { transform: translateY(8px) translateX(5px); }
|
||||||
|
100% { transform: translateY(0px) translateX(0); }
|
||||||
|
}
|
||||||
|
|
||||||
|
#bracefront, #braceback{
|
||||||
|
animation: braces 1s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes braces {
|
||||||
|
0% { transform: translateX(-2px); }
|
||||||
|
25% { transform: translateX(3px); }
|
||||||
|
50% { transform: translateX(-2px); }
|
||||||
|
75% { transform: translateX(3px); }
|
||||||
|
100% { transform: translateX(-2px); }
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="main">
|
||||||
|
<div>
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 355">
|
||||||
|
<g id="ocean">
|
||||||
|
<path id="sky" class="st0" d="M0 0h1000v203.1H0z"/>
|
||||||
|
<linearGradient id="water_1_" gradientUnits="userSpaceOnUse" x1="500" y1="354" x2="500" y2="200.667">
|
||||||
|
<stop offset="0" stop-color="#fff"/>
|
||||||
|
<stop offset="1" stop-color="#b3dcdf"/>
|
||||||
|
</linearGradient>
|
||||||
|
<path id="water" fill="url(#water_1_)" d="M0 200.7h1000V354H0z"/>
|
||||||
|
<path id="land" class="st0" d="M0 273.4h1000V354H0z"/>
|
||||||
|
<g id="bumps">
|
||||||
|
<path class="st0" d="M0 275.2s83.8-28 180-28 197 28 197 28H0z"/>
|
||||||
|
<path class="st0" d="M377 275.2s54.7-28 117.5-28 128.6 28 128.6 28H377z"/>
|
||||||
|
<path class="st0" d="M623.2 275.2s83.7-28 179.9-28 196.9 28 196.9 28H623.2z"/>
|
||||||
|
<path class="st0" d="M-998 275.2s83.8-28 180-28 197 28 197 28h-377z"/>
|
||||||
|
<path class="st0" d="M-621 275.2s54.7-28 117.5-28 128.6 28 128.6 28H-621z"/>
|
||||||
|
<path class="st0" d="M-374.8 275.2s83.7-28 179.9-28S2 275.2 2 275.2h-376.8z"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g id="tracks">
|
||||||
|
<path class="st2" d="M9.8 282.4h-3L0 307.6h3z"/>
|
||||||
|
<path class="st2" d="M19.8 282.4h-3L10 307.6h3z"/>
|
||||||
|
<path class="st2" d="M29.8 282.4h-3L20 307.6h3z"/>
|
||||||
|
<path class="st2" d="M39.8 282.4h-3L30 307.6h3z"/>
|
||||||
|
<path class="st2" d="M49.8 282.4h-3L40 307.6h3z"/>
|
||||||
|
<path class="st2" d="M59.8 282.4h-3L50 307.6h3z"/>
|
||||||
|
<path class="st2" d="M69.8 282.4h-3L60 307.6h3z"/>
|
||||||
|
<path class="st2" d="M79.8 282.4h-3L70 307.6h3z"/>
|
||||||
|
<path class="st2" d="M89.8 282.4h-3L80 307.6h3z"/>
|
||||||
|
<path class="st2" d="M99.8 282.4h-3L90 307.6h3z"/>
|
||||||
|
<path class="st2" d="M109.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M119.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M129.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M139.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M149.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M159.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M169.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M179.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M189.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M199.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M209.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M219.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M229.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M239.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M249.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M259.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M269.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M279.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M289.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M299.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M309.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M319.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M329.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M339.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M349.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M359.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M369.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M379.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M389.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M399.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M409.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M419.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M429.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M439.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M449.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M459.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M469.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M479.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M489.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M499.8 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M1000 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M990 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M980 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M970 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M960 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M950 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M940 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M930 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M920 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M910 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M900 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M890 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M880 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M870 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M860 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M850 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M840 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M830 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M820 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M810 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M800 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M790 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M780 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M770 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M760 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M750 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M740 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M730 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M720 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M710 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M700 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M690 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M680 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M670 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M660 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M650 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M640 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M630 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M620 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M610 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M600 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M590 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M580 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M570 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M560 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<g>
|
||||||
|
<path class="st2" d="M-490.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-480.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-470.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-460.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-450.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-440.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-430.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-420.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-410.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-400.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-390.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-380.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-370.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-360.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-350.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-340.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-330.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-320.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-310.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-300.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-290.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-280.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-270.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-260.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-250.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-240.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-230.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-220.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-210.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-200.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-190.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-180.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-170.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-160.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-150.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-140.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-130.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-120.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-110.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-100.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-90.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-80.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-70.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-60.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-50.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-40.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-30.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-20.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-10.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M-.2 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M500 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M490 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M480 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M470 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M460 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M450 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M440 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M430 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M420 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M410 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M400 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M390 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M380 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M370 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M360 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M350 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M340 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M330 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M320 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M310 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M300 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M290 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M280 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M270 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M260 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M250 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M240 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M230 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M220 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M210 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M200 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M190 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M180 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M170 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M160 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M150 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M140 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M130 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M120 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M110 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M100 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M90 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M80 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M70 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M60 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
</g>
|
||||||
|
<path class="st2" d="M550 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M540 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M530 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M520 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M510 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M550 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M540 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M530 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M520 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st2" d="M510 282.4h-3l-6.8 25.2h3z"/>
|
||||||
|
<path class="st3" d="M-499.5 300.2H1000v5.1H-499.5z"/>
|
||||||
|
<path class="st3" d="M-499.5 283.8H1000v2.8H-499.5z"/>
|
||||||
|
</g>
|
||||||
|
<g id="cloudsAll">
|
||||||
|
<path id="cloud1" class="st4" d="M19.5 69.7s-21.3.5-25-12.2c0 0-4.3-21.3 16-21.8 0 0-2.1-12.2 12.2-14.9 0 0 15-3.2 21.3 6.9 0 0 3.6-20.7 17.8-22.3 0 0 24-3 26.6 13.1 0 0 .1 9.5-2.8 13.5 0 0 9.5-15 26.5-4.8 0 0 12.1 7.9 7 20.2 0 0 16 4.8 10.1 18.1 0 0-10.2 8.5-17.1-1.1 0 0-5.5 16-32.5 16 0 0-19.1 2.1-27-13.3 0 0 .5 10.1-13.3 10.6-.1 0-20.3 3.2-19.8-8z"/>
|
||||||
|
<path id="cloud3" class="st4" d="M836 132s-18.3 2.1-22.2-4.9c0 0-4.9-11.8 12.5-13.8 0 0-2.5-6.8 9.7-9.6 0 0 12.7-3.1 18.7 2.1 0 0 2-12.2 14-14.3 0 0 16.6-3.3 23.7 2.1 0 0 4.8 3.9 2.4 6.5 0 0 3.1-4.8 18.4-.4 0 0 10.9 3.5 7.2 11 0 0 13.8-1.5 9.7 9.5 0 0-4.1 10.8-15.5 4.8 0 0-3.1 5.6-26.4 7.9 0 0-16.3 2.8-24-5.3 0 0 1 5.7-10.8 7.2-.1.1-17.2 3.6-17.4-2.8z"/>
|
||||||
|
<path id="cloud2" class="st4" d="M19.3 159.5s-15.9.6-18.8-5.1c0 0-3.4-9.5 11.7-10.1 0 0-1.7-5.5 9-6.9 0 0 11.2-1.7 16 2.8 0 0 2.5-9.4 13.1-10.3 0 0 17.9-1.8 20 5.4 0 0 .2 4.3-2 6.1 0 0 6.9-6.9 19.8-2.6 0 0 9.1 3.4 5.5 9 0 0 6.5 0 4.5 6.7 0 0-2.6 5.6-9.6 1 0 0-4 7.3-24.2 7.7 0 0-14.2 1.3-20.4-5.5 0 0 .5 4.5-9.8 5 0 .1-15 1.8-14.8-3.2z"/>
|
||||||
|
<path id="cloud4" class="st4" d="M370.3 109.5s15.9.6 18.8-5.1c0 0 3.4-9.5-11.7-10.1 0 0 1.7-5.5-9-6.9 0 0-11.2-1.7-16 2.8 0 0-2.5-9.4-13.1-10.3 0 0-17.9-1.8-20 5.4 0 0-.2 4.3 2 6.1 0 0-6.9-6.9-19.8-2.6 0 0-9.1 3.4-5.5 9 0 0-12 1.9-7.7 8 0 0 7.5 4 12.8-.2 0 0 4 7.3 24.2 7.7 0 0 14.2 1.3 20.4-5.5 0 0-.5 4.5 9.8 5 0 0 15.1 1.7 14.8-3.3z"/>
|
||||||
|
<path id="cloud5" class="st4" d="M511.7 12.4s-21.3-.3-25 7c0 0-4.3 12.2 16 12.5 0 0-2.1 7 12.2 8.6 0 0 15 1.8 21.3-4 0 0 3.6 11.9 17.8 12.8 0 0 19.5 1.6 27-4.4 0 0 5-4.4 2.1-6.7 0 0 4.1 4.4 21.2-1.5 0 0 12.1-4.6 7-11.6 0 0 16-2.8 10.1-10.4 0 0-10.2-4.9-17.1.6 0 0-5.5-9.2-32.5-9.2 0 0-19.1-1.2-27 7.6 0 0 .5-5.8-13.3-6.1-.1.2-20.3-1.6-19.8 4.8z"/>
|
||||||
|
</g>
|
||||||
|
<g id="train">
|
||||||
|
<path fill="#b3dcdf" d="M344.5 248.5h507.2v37.8H344.5z"/>
|
||||||
|
<g id="wheels">
|
||||||
|
<circle class="st6" cx="384.1" cy="285.6" r="15.1"/>
|
||||||
|
<path class="st2" d="M384.1 295.7c-5.6 0-10.1-4.5-10.1-10.1s4.5-10.1 10.1-10.1 10.1 4.5 10.1 10.1c0 5.5-4.6 10.1-10.1 10.1z"/>
|
||||||
|
<circle class="st6" cx="416.1" cy="285.6" r="15.1"/>
|
||||||
|
<path class="st2" d="M416.1 295.7c-5.6 0-10.1-4.5-10.1-10.1s4.5-10.1 10.1-10.1 10.1 4.5 10.1 10.1c0 5.5-4.6 10.1-10.1 10.1z"/>
|
||||||
|
<circle class="st6" cx="469.1" cy="285.6" r="15.1"/>
|
||||||
|
<path class="st2" d="M469.1 295.7c-5.6 0-10.1-4.5-10.1-10.1s4.5-10.1 10.1-10.1 10.1 4.5 10.1 10.1c0 5.5-4.6 10.1-10.1 10.1z"/>
|
||||||
|
<circle class="st6" cx="734.1" cy="285.6" r="15.1"/>
|
||||||
|
<path class="st2" d="M734.1 295.7c-5.6 0-10.1-4.5-10.1-10.1s4.5-10.1 10.1-10.1 10.1 4.5 10.1 10.1c0 5.5-4.6 10.1-10.1 10.1z"/>
|
||||||
|
<circle class="st6" cx="766.1" cy="285.6" r="15.1"/>
|
||||||
|
<path class="st2" d="M766.1 295.7c-5.6 0-10.1-4.5-10.1-10.1s4.5-10.1 10.1-10.1 10.1 4.5 10.1 10.1c0 5.5-4.6 10.1-10.1 10.1z"/>
|
||||||
|
<circle class="st6" cx="821.1" cy="285.6" r="15.1"/>
|
||||||
|
<path class="st2" d="M821.1 295.7c-5.6 0-10.1-4.5-10.1-10.1s4.5-10.1 10.1-10.1 10.1 4.5 10.1 10.1c0 5.5-4.6 10.1-10.1 10.1z"/>
|
||||||
|
</g>
|
||||||
|
<path id="bracefront" class="st7" d="M383.2 285.6h88.1"/>
|
||||||
|
<path id="braceback" class="st7" d="M733.2 285.6h88.1"/>
|
||||||
|
<g id="car-layers">
|
||||||
|
<path id="car" class="st8" d="M321.8 300.7v-32.4s1.2.7-1.5-2.4v-29.1s3.1-11.6 10.7-21.1c0 0 7.6-12 15.5-17.5h1.3s10.2-4.9 30.9-28h.6s-.9-1.4 0-2.7c0 0 10.1-10.5 21-12.3 0 0 9.4-1.8 20.2-1.8h47.7V151H492v-1.1h10.1v1.1h19v2.2s8.2.9 19.2-4.2c0 0 1.4-1.1 28.8-1.1h291.5v6.8h7.5v2.2s12.2-.6 12.2 9.8V177l-10-.1v57.9s14.9-.5 14.9 10.2c0 0 1 9-14.9 8.9v3.8H719.5s-2.4.1-4.3 3l-15 29s-2.9 5.1-10.8 5.1H504.3s-2.9.1-6.1-5l-13.1-25s-4.5-7.1-11.8-7.1H369v2.4s-3.2 1.3-7.1 8.7L351.4 289s-2.9 6.3-6.9 6.4h-17.8l-4.9 5.3z"/>
|
||||||
|
<path id="streamline-outine" class="st8" d="M320.3 236.6s1.4-6.8 4.4-11.3c0 0 .1-2.3 23.2-6.3l78-16.6s103.3-21.1 134.9-26.1c0 0 93.3-16 120.5-17.9 0 0 57.6-4.3 100-4.1h88.9v63.4s-10.3 5.4-17.1 5.3c0 0-305.6 4.9-366.3 8.1 0 0-100.3 4.8-119.1 6.8 0-.1-46.6 1.2-47.4-1.3z"/>
|
||||||
|
<g id="window-grate">
|
||||||
|
<path class="st9" d="M739.5 182.6H854"/>
|
||||||
|
<path class="st9" d="M739.5 177.6H854"/>
|
||||||
|
<path class="st9" d="M739.5 172.6H854"/>
|
||||||
|
<path class="st9" d="M739.5 167.6H854"/>
|
||||||
|
<path class="st9" d="M739.5 161.4H854v26.1H739.5z"/>
|
||||||
|
</g>
|
||||||
|
<path class="st9" d="M320.3 257.8h549.9"/>
|
||||||
|
<g id="Text">
|
||||||
|
<text transform="translate(377.037 230.025)" class="st8 st10" font-size="21">
|
||||||
|
404
|
||||||
|
</text>
|
||||||
|
<text transform="translate(659.5 213.994)" class="st8 st10" font-size="24.025">
|
||||||
|
Page not found.
|
||||||
|
</text>
|
||||||
|
</g>
|
||||||
|
<g id="ladders">
|
||||||
|
<g id="ladder-f">
|
||||||
|
<path id="front-ladder" class="st8" d="M433.8 258.4h17.8v34.8h-17.8z"/>
|
||||||
|
<path id="fb-rung" class="st9" d="M433.8 281.1h17.7"/>
|
||||||
|
<path id="ft-rung" class="st9" d="M433.8 268.6h17.7"/>
|
||||||
|
</g>
|
||||||
|
<g id="ladder-b">
|
||||||
|
<path id="ladder-back" class="st8" d="M851.8 257.8h17.8v34.8h-17.8z"/>
|
||||||
|
<path id="bt-rung" class="st9" d="M851.8 268.6h17.7"/>
|
||||||
|
<path id="bb-rung" class="st9" d="M851.8 281.1h17.7"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<path id="window-front" class="st8" d="M350.5 196.4s-.4 3.9 15.2 4.3l32.3-30.3s-18.2 1.1-19-.8l-28.5 26.8z"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
208
templates/error/4xx/error_tv_screen.html
Normal file
208
templates/error/4xx/error_tv_screen.html
Normal file
@ -0,0 +1,208 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh-CN" xmlns:th="https://www.thymeleaf.org"
|
||||||
|
th:fragment="error_fragment">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>404 Not Found</title>
|
||||||
|
<style>
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
html {
|
||||||
|
height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
canvas {
|
||||||
|
z-index: 1;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.caps {
|
||||||
|
z-index: 2;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
opacity: 0;
|
||||||
|
animation: as 8s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.caps img {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes as {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
10% {
|
||||||
|
opacity: .3;
|
||||||
|
}
|
||||||
|
20% {
|
||||||
|
opacity: .1;
|
||||||
|
}
|
||||||
|
30% {
|
||||||
|
opacity: .5;
|
||||||
|
}
|
||||||
|
40% {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
opacity: .8;
|
||||||
|
}
|
||||||
|
55% {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
55% {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.frame {
|
||||||
|
z-index: 3;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 19%, rgba(0, 0, 0, 0.9) 100%); /* FF3.6+ */
|
||||||
|
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(19%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.9))); /* Chrome,Safari4+ */
|
||||||
|
background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 19%, rgba(0, 0, 0, 0.9) 100%); /* Chrome10+,Safari5.1+ */
|
||||||
|
background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 19%, rgba(0, 0, 0, 0.9) 100%); /* Opera 12+ */
|
||||||
|
background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 19%, rgba(0, 0, 0, 0.9) 100%); /* IE10+ */
|
||||||
|
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 19%, rgba(0, 0, 0, 0.9) 100%); /* W3C */
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#e6000000', GradientType=1); /* IE6-9 fallback on horizontal gradient */
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.frame div {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: -20%;
|
||||||
|
width: 100%;
|
||||||
|
height: 20%;
|
||||||
|
background-color: rgba(0, 0, 0, .12);
|
||||||
|
box-shadow: 0 0 10px rgba(0, 0, 0, .3);
|
||||||
|
animation: asd 12s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.frame div:nth-child(1) {
|
||||||
|
animation-delay: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.frame div:nth-child(2) {
|
||||||
|
animation-delay: 4s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.frame div:nth-child(3) {
|
||||||
|
animation-delay: 8s;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes asd {
|
||||||
|
0% {
|
||||||
|
top: -20%;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
top: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
z-index: 3;
|
||||||
|
position: absolute;
|
||||||
|
font: bold 200px/200px Arial, sans-serif;
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
margin-top: -100px;
|
||||||
|
width: 100%;
|
||||||
|
margin-left: -50%;
|
||||||
|
height: 200px;
|
||||||
|
text-align: center;
|
||||||
|
color: transparent;
|
||||||
|
text-shadow: 0 0 30px rgba(0, 0, 0, .5);
|
||||||
|
animation: asdd 2s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes asdd {
|
||||||
|
0% {
|
||||||
|
text-shadow: 0 0 30px rgba(0, 0, 0, .5);
|
||||||
|
}
|
||||||
|
33% {
|
||||||
|
text-shadow: 0 0 10px rgba(0, 0, 0, .4);
|
||||||
|
}
|
||||||
|
66% {
|
||||||
|
text-shadow: 0 0 20px rgba(0, 0, 0, .2);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
text-shadow: 0 0 40px rgba(0, 0, 0, .8);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script>
|
||||||
|
var Application = (function () {
|
||||||
|
var canvas
|
||||||
|
var ctx
|
||||||
|
var imgData
|
||||||
|
var pix
|
||||||
|
var WIDTH
|
||||||
|
var HEIGHT
|
||||||
|
var flickerInterval
|
||||||
|
|
||||||
|
var init = function () {
|
||||||
|
canvas = document.getElementById('canvas')
|
||||||
|
ctx = canvas.getContext('2d')
|
||||||
|
canvas.width = WIDTH = 700
|
||||||
|
canvas.height = HEIGHT = 500
|
||||||
|
ctx.fillStyle = 'white'
|
||||||
|
ctx.fillRect(0, 0, WIDTH, HEIGHT)
|
||||||
|
ctx.fill()
|
||||||
|
imgData = ctx.getImageData(0, 0, WIDTH, HEIGHT)
|
||||||
|
pix = imgData.data
|
||||||
|
flickerInterval = setInterval(flickering, 30)
|
||||||
|
}
|
||||||
|
|
||||||
|
var flickering = function () {
|
||||||
|
for (var i = 0; i < pix.length; i += 4) {
|
||||||
|
var color = (Math.random() * 255) + 50
|
||||||
|
pix[i] = color
|
||||||
|
pix[i + 1] = color
|
||||||
|
pix[i + 2] = color
|
||||||
|
}
|
||||||
|
ctx.putImageData(imgData, 0, 0)
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
init: init
|
||||||
|
}
|
||||||
|
}())
|
||||||
|
|
||||||
|
window.onload = function () {
|
||||||
|
// js source https://codepen.io/moklick/pen/zKleC
|
||||||
|
Application.init()
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<h1>404</h1>
|
||||||
|
|
||||||
|
<div class="frame">
|
||||||
|
<div></div>
|
||||||
|
<div></div>
|
||||||
|
<div></div>
|
||||||
|
</div>
|
||||||
|
<div class="caps"></div>
|
||||||
|
<canvas id="canvas"></canvas>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
29
templates/error/common/error_default.html
Normal file
29
templates/error/common/error_default.html
Normal file
@ -0,0 +1,29 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<th:block xmlns:th="https://www.thymeleaf.org"
|
||||||
|
th:fragment="error_fragment"
|
||||||
|
th:insert="~{common/layout :: layout (title = ${error.status + ' - ' + #strings.defaultString(error.title, 'Internal server error')},
|
||||||
|
canonical = ${site.url + '/' + error.status}, content = ~{::content}, isPost = true)}">
|
||||||
|
<th:block th:fragment="content"
|
||||||
|
th:with="posts = ${postFinder.list(1,6)}, isEmpty = ${#lists.isEmpty(posts)}">
|
||||||
|
<div class="card">
|
||||||
|
<div class="title card-content main-title" th:text="${error.status + '错误 - ' + site.title}"></div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-content">
|
||||||
|
<div class="main-content">
|
||||||
|
<div style="margin: 20px 0; text-align: center; ">
|
||||||
|
<i style="font-size: 7rem" th:text="${error.status}"></i>
|
||||||
|
<p th:if="${error.status == 404}" style="font-size: 1.4em;text-indent: 2em;">找不到网页，可能已被删除，去<a th:href='${site.url}'>首页</a>看看吧。</p>
|
||||||
|
<p th:unless="${error.status == 404}" style="font-size: 1.4em;text-indent: 2em;">围观群众太过热情，服务器繁忙，请稍后访问。</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<th:block th:if="${!isEmpty}">
|
||||||
|
<div class="card">
|
||||||
|
<div class="title card-content main-title">最新文章推荐</div>
|
||||||
|
</div>
|
||||||
|
<th:block th:replace="~{main/article_list :: articleList (${posts.items})}"/>
|
||||||
|
</th:block>
|
||||||
|
</th:block>
|
||||||
|
</th:block>
|
||||||
@ -1,30 +1,12 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<th:block xmlns:th="https://www.thymeleaf.org"
|
<th:block xmlns:th="https://www.thymeleaf.org">
|
||||||
th:insert="~{common/layout :: layout (title = ${error.status + ' - ' + #strings.defaultString(error.title, 'Internal server error')},
|
<th:block
|
||||||
canonical = ${site.url + '/' + error.status}, content = ~{::content}, isPost = true)}">
|
th:if="${error.status >= 400 && error.status < 500}"
|
||||||
<th:block th:fragment="content"
|
th:insert="~{${theme.config.enhance.error.style_4xx} :: error_fragment}">
|
||||||
th:with="posts = ${postFinder.list(1,6)}, isEmpty = ${#lists.isEmpty(posts)}">
|
</th:block>
|
||||||
<div class="card">
|
<th:block
|
||||||
<div class="title card-content main-title" th:text="${error.status + '错误 - ' + site.title}"></div>
|
th:if="${error.status >= 500 && error.status < 600}"
|
||||||
</div>
|
th:insert="~{${theme.config.enhance.error.style_5xx} :: error_fragment}">
|
||||||
<div class="card">
|
|
||||||
<div class="card-content">
|
|
||||||
<div class="main-content">
|
|
||||||
<div style="margin: 20px 0; text-align: center; ">
|
|
||||||
<i style="font-size: 7rem" th:text="${error.status}"></i>
|
|
||||||
<p th:if="${error.status == 404}" style="font-size: 1.4em;text-indent: 2em;">找不到网页，可能已被删除，去<a th:href='${site.url}'>首页</a>看看吧。</p>
|
|
||||||
<p th:unless="${error.status == 404}" style="font-size: 1.4em;text-indent: 2em;">围观群众太过热情，服务器繁忙，请稍后访问。</p>
|
|
||||||
</div>
|
|
||||||
<pre th:if="${not #strings.isEmpty(error.detail)}"><code class="|异常信息">[(${#strings.defaultString(error.title, 'Internal server error')} + ':
|
|
||||||
' + ${error.detail})]</code></pre>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<th:block th:if="${!isEmpty}">
|
|
||||||
<div class="card">
|
|
||||||
<div class="title card-content main-title">最新文章推荐</div>
|
|
||||||
</div>
|
|
||||||
<th:block th:replace="~{main/article_list :: articleList (${posts.items})}"/>
|
|
||||||
</th:block>
|
|
||||||
</th:block>
|
</th:block>
|
||||||
</th:block>
|
</th:block>
|
||||||
|
|
||||||
|
|||||||
@ -30,7 +30,7 @@ spec:
|
|||||||
settingName: theme-dream2-plus-setting
|
settingName: theme-dream2-plus-setting
|
||||||
configMapName: theme-dream2-plus-configMap
|
configMapName: theme-dream2-plus-configMap
|
||||||
# 版本号
|
# 版本号
|
||||||
version: 1.3.5
|
version: 1.3.6.beta1
|
||||||
# 最低支持的 Halo 版本
|
# 最低支持的 Halo 版本
|
||||||
require: ">=2.20.0"
|
require: ">=2.20.0"
|
||||||
# 许可
|
# 许可
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user