完成大部分移植
This commit is contained in:
parent
ac64425506
commit
b71d9a35d2
|
@ -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">
|
|
@ -1,5 +1,5 @@
|
|||
<footer>
|
||||
<div class="buttons">
|
||||
<div class="buttons">
|
||||
<a class="to-top" href="#"></a>
|
||||
</div>
|
||||
<div class="wrap min">
|
||||
|
|
|
@ -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"/>
|
||||
|
|
|
@ -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" />
|
16
links.ftl
16
links.ftl
|
@ -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">
|
||||
|
|
|
@ -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>
|
|
@ -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!}
|
3
post.ftl
3
post.ftl
|
@ -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">
|
||||
|
|
|
@ -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">
|
|
@ -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">
|
|
@ -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">
|
||||
|
|
@ -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,
|
||||
|
|
|
@ -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 |
Loading…
Reference in New Issue