完成大部分移植

This commit is contained in:
julylies 2022-04-15 21:53:07 +08:00
parent ac64425506
commit b71d9a35d2
15 changed files with 322 additions and 26 deletions

12
500.ftl Normal file
View File

@ -0,0 +1,12 @@
<#include "header.ftl" />
<@head title="500- ${blog_title!}"/>
<main>
<div class="wrap">
<div class="error-page">
<h1>500</h1>
<p>找不到页面啦</p>
<img src="${theme_base!}/source/images/404.png"/>
</div>
</div>
</main>
<#include "footer.ftl">

View File

@ -1,5 +1,5 @@
<footer>
<div class="buttons">
<div class="buttons">
<a class="to-top" href="#"></a>
</div>
<div class="wrap min">

View File

@ -13,7 +13,8 @@
<link rel="alternate" type="application/rss+xml" title="atom 1.0" href="${atom_url!}">
<link href="${theme_base!}/source/css/kico.css" rel="stylesheet" type="text/css"/>
<link href="${theme_base!}/source/css/single.css" rel="stylesheet" type="text/css"/>
<link href="https://fastly.jsdelivr.net/gh/FortAwesome/Font-Awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<#-- <link href="https://fastly.jsdelivr.net/gh/FortAwesome/Font-Awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>-->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<@global.head />
<#if ! (options.blog_favicon?? && options.blog_favicon!='')>
<link rel="shortcut icon" type="images/x-icon" href="${theme_base!}/source/images/icon.png" sizes="192x192"/>

View File

@ -1,6 +1,4 @@
<#include "header.ftl" />
<@head title="${blog_title!}"/>
<#--<h1>公告</h1><#macro greet><font size="+2">Hello Joe!</font><@greet></@greet>
</#macro><p>${settings.index_notice!} </p> -->
<#include "module/post-list.ftl">
<#include "module/post-module.ftl">
<#include "footer.ftl" />

View File

@ -1,18 +1,4 @@
<#include "header.ftl">
<@head title="友情链接 -${blog_title!}" />
<h1>友情链接</h1>
<ul>
<@linkTag method="list">
<#if links?? && links?size gt 0>
<#list links as link>
<li>
<a href="${link.url}" target="_blank" rel="external">${link.name}</a>
<#if link.description!=''>
${link.description}
</#if>
</li>
</#list>
</#if>
</@linkTag>
</ul>
<main><#include "module/links-module.ftl"></main>
<#include "footer.ftl">

27
module/links-module.ftl Normal file
View File

@ -0,0 +1,27 @@
<div class="wrap min">
<h1>友情链接</h1>
<article>
<div class="links">
<@linkTag method="listTeams">
<#list teams as item>
<#--><@global.comment target=sheet type="sheet" />-->
<h3 class="link-title">
<span class="fake-title">${((item.team!'')?length>0)?string((item.team!''), '小伙伴们')}</span>
</h3>
<ul class="link-items fontSmooth">
<#list item.links?sort_by('priority')?reverse as link>
<li class="link-item">
<a class="link-item-inner effect-apollo" href="${link.url!}" title="${link.name!}" target="_blank">
<img class="lazyload" src="${link.logo!}" >
<#--<img class="lazyload" data-src="${link.logo!}" src="${theme_base!}/source/images/svg/loader/trans.ajax-spinner-preloader.svg" onerror="imgError(this)">-->
<span class="sitename">${link.name!}</span>
<div class="linkdes">${link.description!}</div>
</a>
</li>
</#list>
</ul>
</#list>
</@linkTag>
</div>
</article>
</div>

View File

@ -4,7 +4,6 @@
<section class="home-title">
<h1>${blog_title!}</h1>
<span>${user.description!}</span>
<#-- 待优化-->
<div class="home-social">
<#if settings.home_social?? && settings.home_social != ''>
${settings.home_social!}

View File

@ -63,8 +63,7 @@
</div>
</section>
</#if>
<#include "module/comment.ftl">
<@comment post=post type="post" />
<@global.comment target=post type="post" />
</div>
</main>
<#include "footer.ftl">

18
search.ftl Normal file
View File

@ -0,0 +1,18 @@
<#include "header.ftl">
<@head title="友情链接 -${blog_title!}" />
<h1>友情链接</h1>
<ul>
<@linkTag method="list">
<#if links?? && links?size gt 0>
<#list links as link>
<li>
<a href="${link.url}" target="_blank" rel="external">${link.name}</a>
<#if link.description!=''>
${link.description}
</#if>
</li>
</#list>
</#if>
</@linkTag>
</ul>
<#include "footer.ftl">

View File

@ -7,8 +7,7 @@
<article class="post-content">
${sheet.formatContent!}
</article>
<#include "module/comment.ftl">
<@comment post=sheet type="sheet" />
<@global.comment target=sheet type="sheet" />
</section>
</div>
<#include "footer.ftl">

10
sheet_links.ftl Normal file
View File

@ -0,0 +1,10 @@
<#include "header.ftl">
<@head title="${sheet.title!} - ${blog_title!}" />
<div class="wrap min">
<main>
<#include "module/links-module.ftl">
</main>
<@global.comment target=sheet type="sheet" />
</div>
<#include "footer.ftl">

View File

@ -14,6 +14,188 @@
/* 0 - 全局
-------------------------------- */
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
color: #e67474;
outline: none;
transition: color .2s ease-out, border .2s ease-out, opacity .2s ease-out
}
a:hover,
a:focus,
a:active {
color: orange
}
a:focus {
outline: none
}
a:hover,
a:active {
outline: none;
color: orange
}
.links {
margin-bottom: 80px
}
.links ul {
margin: 0;
list-style: none;
padding: 0;
width: 100%;
display: inline-block
}
.links ul li {
width: 32%;
float: left;
border: 1px solid #ececec;
padding: 10px 30px;
margin: 4px;
position: relative;
overflow: hidden;
transition: all .3s;
border-radius: 10px;
/** fix #35 友链多了以后显示BUG */
height: 100px;
}
.links ul li img {
float: right;
box-shadow: inset 0 0 10px #000;
padding: 5px;
opacity: 1;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transition: all ease 1s;
-webkit-transition: all ease 1s;
-moz-transition: all ease 1s;
-o-transition: all ease 1s;
margin-top: 5px;
width: 65px;
height: 65px;
padding: 2px;
border-radius: 100%
}
.links ul li:hover img {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg)
}
.links ul li:before {
content: "";
background-color: orange;
transform: skew(45deg, 0);
width: 0;
height: 100%;
position: absolute;
top: 0;
left: -60px;
z-index: -1;
transition: all .5s;
opacity: 0.2;
}
.links ul li:hover {
color: #27323a;
border: 1px solid orange
}
.links ul li:hover:before {
width: 180%
}
.linkdes {
color: #949494;
font-size: 13px;
padding: 10px 0;
border-top: 1px dashed #ddd;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
line-height: 25px;
transition: all .5s
}
.links ul li:hover .linkdes {
border-top: 1px dashed #fff
}
span.linkss-title {
font-size: 25px;
text-align: center;
display: block;
margin: 50px 0 30px;
letter-spacing: 5px
}
@media (max-width:630px) {
.links ul li {
width: 100% !important
}
.we-content li {
width: 100%;
margin-top: 0
}
.we-icon {
top: 50px !important
}
.wtitle {
top: 130px !important
}
.sub-text {
top: 160px !important
}
.admin-login,
.wesite-des {
display: none
}
.wesite-title {
float: none;
text-align: center;
border-right: none;
padding-right: 0
}
}
.links ul li {
width: 48.6%
}
.links ul li:before {
display: none
}
.links ul li:hover .sitename {
color: orange
}
.links ul li:hover .linkdes {
color: #949494;
border-top: 1px dashed #ddd
}
.link-title span.fake-title {
padding-left: 10px;
border-left: 3px solid orange
}
.lazyload {
-moz-filter: blur(0px);
-ms-filter: blur(0px);
filter: blur(0px);
transition: .3s filter linear, .3s -webkit-filter linear
}
.lazyload[src*="#lazyload-blur"],
.lazyload[style*="#lazyload-blur"] {
-moz-filter: blur(10px);
-ms-filter: blur(10px);
filter: blur(10px)
}
span.sitename {
color: orange;
padding-bottom: 10px;
display: block;
transition: all .3s;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap
}
body, dl, dt, dd, ol, ul,
h1, h2, h3, h4, h5, h6, p,
pre, code, form,

View File

@ -0,0 +1,65 @@
<svg class="lds-spinner" width="75px" height="75px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><g transform="rotate(0 50 50)">
<rect x="47" y="18" rx="2" ry="2" width="6" height="14" fill="orange">
<animate attributeName="opacity" values="1;0" times="0;1" dur="1s" begin="-0.9375s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(22.5 50 50)">
<rect x="47" y="18" rx="2" ry="2" width="6" height="14" fill="orange">
<animate attributeName="opacity" values="1;0" times="0;1" dur="1s" begin="-0.875s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(45 50 50)">
<rect x="47" y="18" rx="2" ry="2" width="6" height="14" fill="orange">
<animate attributeName="opacity" values="1;0" times="0;1" dur="1s" begin="-0.8125s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(67.5 50 50)">
<rect x="47" y="18" rx="2" ry="2" width="6" height="14" fill="orange">
<animate attributeName="opacity" values="1;0" times="0;1" dur="1s" begin="-0.75s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(90 50 50)">
<rect x="47" y="18" rx="2" ry="2" width="6" height="14" fill="orange">
<animate attributeName="opacity" values="1;0" times="0;1" dur="1s" begin="-0.6875s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(112.5 50 50)">
<rect x="47" y="18" rx="2" ry="2" width="6" height="14" fill="orange">
<animate attributeName="opacity" values="1;0" times="0;1" dur="1s" begin="-0.625s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(135 50 50)">
<rect x="47" y="18" rx="2" ry="2" width="6" height="14" fill="orange">
<animate attributeName="opacity" values="1;0" times="0;1" dur="1s" begin="-0.5625s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(157.5 50 50)">
<rect x="47" y="18" rx="2" ry="2" width="6" height="14" fill="orange">
<animate attributeName="opacity" values="1;0" times="0;1" dur="1s" begin="-0.5s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(180 50 50)">
<rect x="47" y="18" rx="2" ry="2" width="6" height="14" fill="orange">
<animate attributeName="opacity" values="1;0" times="0;1" dur="1s" begin="-0.4375s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(202.5 50 50)">
<rect x="47" y="18" rx="2" ry="2" width="6" height="14" fill="orange">
<animate attributeName="opacity" values="1;0" times="0;1" dur="1s" begin="-0.375s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(225 50 50)">
<rect x="47" y="18" rx="2" ry="2" width="6" height="14" fill="orange">
<animate attributeName="opacity" values="1;0" times="0;1" dur="1s" begin="-0.3125s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(247.5 50 50)">
<rect x="47" y="18" rx="2" ry="2" width="6" height="14" fill="orange">
<animate attributeName="opacity" values="1;0" times="0;1" dur="1s" begin="-0.25s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(270 50 50)">
<rect x="47" y="18" rx="2" ry="2" width="6" height="14" fill="orange">
<animate attributeName="opacity" values="1;0" times="0;1" dur="1s" begin="-0.1875s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(292.5 50 50)">
<rect x="47" y="18" rx="2" ry="2" width="6" height="14" fill="orange">
<animate attributeName="opacity" values="1;0" times="0;1" dur="1s" begin="-0.125s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(315 50 50)">
<rect x="47" y="18" rx="2" ry="2" width="6" height="14" fill="orange">
<animate attributeName="opacity" values="1;0" times="0;1" dur="1s" begin="-0.0625s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(337.5 50 50)">
<rect x="47" y="18" rx="2" ry="2" width="6" height="14" fill="orange">
<animate attributeName="opacity" values="1;0" times="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animate>
</rect>
</g></svg>

After

Width:  |  Height:  |  Size: 4.0 KiB

View File

@ -1,4 +1,4 @@
<#include "header.ftl">
<@head title="标签:${tag.name} - ${blog_title!}" />
<#include "module/post-list.ftl">
<#include "module/post-module.ftl">
<#include "footer.ftl">