Skip to content

S
solo
Commit e758a9b0 authored by Van's avatar Van
Browse files
Options

皮肤写好，一大波重构&细节袭来

parent bd65e364
Hide whitespace changes
Inline Side-by-side
Showing with 149 additions and 163 deletions
src/main/webapp/skins/next/archives.ftl
View file @ e758a9b0
......@@ -8,43 +8,37 @@
</@head>
</head>
<body>
<div class="container one-column page-home">
<div class="container one-column page-archive">
<div class="headband"></div>
<#include "header.ftl">
<main id="main" class="main">
<div class="main-inner">
<div id="content" class="content">
<article>
<header>
<h2>
<a rel="archive" href="${servePath}/archives.html">
${archiveLabel}
<section id="posts" class="posts-collapse">
<span class="archive-move-on"></span>
<span class="archive-page-counter">
嗯..! 目前共计 ${statistic.statisticPublishedBlogArticleCount} 篇日志。 继续努力。
</span>
<#if 0 != archiveDates?size>
<#list archiveDates as archiveDate>
<div class="collection-title">
<#if "en" == localeString?substring(0, 2)>
<h2 class="archive-year motion-element">
<a href="${servePath}/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}">
${archiveDate.monthName} ${archiveDate.archiveDateYear}(${archiveDate.archiveDatePublishedArticleCount})
</a>
</h2>
</header>
<#if 0 != archiveDates?size>
<ul class="tags fn-clear">
<#list archiveDates as archiveDate>
<li>
<#if "en" == localeString?substring(0, 2)>
<a class="tag" href="${servePath}/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}"
title="${archiveDate.monthName} ${archiveDate.archiveDateYear}(${archiveDate.archiveDatePublishedArticleCount})">
${archiveDate.monthName} ${archiveDate.archiveDateYear}(${archiveDate.archiveDatePublishedArticleCount})</a>
<#else>
<a class="tag" href="${servePath}/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}"
title="${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel}(${archiveDate.archiveDatePublishedArticleCount})">
${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel}(${archiveDate.archiveDatePublishedArticleCount})</a>
</#if>
</li>
<li>
<#list articles as article>
${article.articleTitle}
</#list>
</li>
</#list>
</ul>
<#else>
<h2 class="archive-year motion-element">
<a href="${servePath}/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}">
${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel}(${archiveDate.archiveDatePublishedArticleCount})
</a>
</h2>
</#if>
</div>
</#list>
</#if>
</article>
</section>
</div>
</div>
<#include "side.ftl">
......
src/main/webapp/skins/next/author-articles.ftl deleted 100644 → 0
View file @ bd65e364
<#include "macro-head.ftl">
<!DOCTYPE html>
<html>
<head>
<@head title="${authorName} - ${blogTitle}">
<meta name="keywords" content="${metaKeywords},${authorName}"/>
<meta name="description" content="<#list articles as article>${article.articleTitle}<#if article_has_next>,</#if></#list>"/>
</@head>
</head>
<body>
<#include "side.ftl">
<main>
<h2 class="classify-name">
${author1Label}${authorName}
</h2>
<#include "article-list.ftl">
<#include "footer.ftl">
</main>
</body>
</html>
src/main/webapp/skins/next/css/main.css
View file @ e758a9b0
......@@ -356,8 +356,6 @@ blockquote {
padding: 0;
}
img {
display: block;
margin: auto 0;
max-width: 100%;
height: auto;
}
......
src/main/webapp/skins/next/css/next.css
View file @ e758a9b0
......@@ -72,10 +72,6 @@ ul.comments {
background-color: #F7F7F7;
}
.comments li img {
vertical-align: sub;
}
.comments .comment-content {
margin: 8px 0 0;
}
......@@ -264,8 +260,8 @@ ul.comments {
}
.error-msg {
font-size: 1.5rem;
color: #9EABB3;
margin-right: 10px;
}
.cmtFromSym {
......
src/main/webapp/skins/next/dynamic.ftl
View file @ e758a9b0
......@@ -8,86 +8,46 @@
</@head>
</head>
<body>
<#include "side.ftl">
<main class="dynamic">
<#if 0 != recentComments?size>
<ul class="comments">
<#list recentComments as comment>
<#if comment_index < 6>
<li>
<img class="avatar" title="${comment.commentName}"
alt="${comment.commentName}" src="${comment.commentThumbnailURL}">
<div class="content">
<div class="fn-clear post-meta">
<span class="fn-left">
<#if "http://" == comment.commentURL>
<span>${comment.commentName}</span>
<#else>
<a href="${comment.commentURL}" target="_blank">${comment.commentName}</a>
</#if>
<time>${comment.commentDate?string("yy-MM-dd HH")}</time>
</span>
<a class="fn-right" href="${servePath}${comment.commentSharpURL}">${viewLabel}»</a>
</div>
<div class="comment-content">
${comment.commentContent}
</div>
<div class="container one-column page-home">
<div class="headband"></div>
<#include "header.ftl">
<main id="main" class="main">
<div class="main-inner">
<div id="content" class="content">
<#if 0 != recentComments?size>
<ul class="comments" id="comments">
<#list recentComments as comment>
<#if comment_index < 6>
<li class="fn-clear">
<div class="fn-left avatar-warp">
<img class="avatar-48" title="${comment.commentName}" src="${comment.commentThumbnailURL}">
</div>
<div class="fn-left" style="width: 90%">
<div class="fn-clear post-meta">
<span class="fn-left">
<#if "http://" == comment.commentURL>
<span>${comment.commentName}</span>
<#else>
<a href="${comment.commentURL}" target="_blank">${comment.commentName}</a>
</#if>
<time>${comment.commentDate?string("yyyy-MM-dd HH:mm")}</time>
</span>
</div>
<div class="comment-content">
${comment.commentContent}
</div>
</div>
</li>
</#if>
</#list>
</ul>
</#if>
</div>
</li>
</#if>
</#list>
</ul>
</#if>
<#if 0 != mostCommentArticles?size || 0 != mostViewCountArticles?size>
<#if 0 != mostCommentArticles?size>
<article>
<header>
<h2>
${mostCommentArticlesLabel}
</h2>
</header>
<ul>
<#list mostCommentArticles as article>
<li>
<a href="${servePath}${article.articlePermalink}" title="${article.articleTitle}" rel="nofollow">
${article.articleTitle}
</a>
<span data-ico="&#xe14e;">
${article.articleCommentCount}
</span>
</li>
</#list>
</ul>
</article>
</#if>
<#if 0 != mostViewCountArticles?size>
<article>
<header>
<h2>
${mostViewCountArticlesLabel}
</h2>
</header>
<ul>
<#list mostViewCountArticles as article>
<li>
<a href="${servePath}${article.articlePermalink}" title="${article.articleTitle}" rel="nofollow">
${article.articleTitle}
</a>
<span data-ico="&#xe185;">
${article.articleViewCount}
</span>
</li>
</#list>
</ul>
</article>
</#if>
</#if>
</div>
<#include "side.ftl">
</main>
<#include "footer.ftl">
</main>
</div>
<script>
var $commentContents = $(".comments .comment-content");
......
src/main/webapp/skins/next/page.ftl
View file @ e758a9b0
......@@ -9,26 +9,29 @@
</@head>
</head>
<body>
<#include "side.ftl">
<main>
<article class="post article-body">
<section class="abstract">
${page.pageContent}
</section>
<footer class="fn-clear share">
<div class="fn-right">
<span class="icon icon-t-weibo" data-type="tencent"></span>
<span class="icon icon-weibo" data-type="weibo"></span>
<span class="icon icon-twitter" data-type="twitter"></span>
<span class="icon icon-gplus" data-type="google"></span>
</div>
</footer>
</article>
<@comments commentList=pageComments article=page></@comments>
<div class="container one-column page-post-detail">
<div class="headband"></div>
<#include "header.ftl">
<main id="main" class="main">
<div class="main-inner">
<div id="content" class="content">
<div id="posts" class="posts-expand">
<article class="post post-type-normal">
<div class="post-body">
${page.pageContent}
</div>
</article>
</div>
<#include "footer.ftl">
<@comments commentList=pageComments article=page></@comments>
</div>
</div>
<#include "side.ftl">
</main>
<#include "footer.ftl">
<@comment_script oId=page.oId></@comment_script>
</main>
</div>
</body>
</html>
src/main/webapp/skins/next/tag-articles.ftl
View file @ e758a9b0
......@@ -8,17 +8,72 @@
</@head>
</head>
<body>
<#include "side.ftl">
<main>
<h2 class="classify-name">
${tag1Label}
<a rel="alternate" href="${servePath}/tag-articles-feed.do?oId=${tag.oId}">
${tag.tagTitle}
(${tag.tagPublishedRefCount})
</a>
</h2>
<#include "article-list.ftl">
<div class="container one-column">
<div class="headband"></div>
<#include "header.ftl">
<main id="main" class="main">
<div class="main-inner">
<div id="content" class="content">
<div id="posts" class="posts-collapse">
<div class="collection-title">
<h2>
${tag.tagTitle}
<small>${tagLabel}</small>
</h2>
</div>
<#list articles as article>
<article class="post post-type-normal">
<header class="post-header">
<h1 class="post-title">
<a class="post-title-link" href="${servePath}${article.articlePermalink}">
<span itemprop="name">${article.articleTitle}</span>
<#if article.articlePutTop>
<sup>
${topArticleLabel}
</sup>
</#if>
<#if article.hasUpdated>
<sup>
${updatedLabel}
</sup>
</#if>
</a>
</h1>
<div class="post-meta">
<time class="post-time">
${article.articleCreateDate?string("MM-dd")}
</time>
</div>
</header>
</article>
</#list>
<#if 0 != paginationPageCount>
<nav class="pagination">
<#if 1 != paginationPageNums?first>
<a href="${servePath}${path}/${paginationPreviousPageNum}" class="extend"><i class="fa fa-angle-left"></i></a>
<a class="page-number" href="${servePath}${path}/1">1</a> ...
</#if>
<#list paginationPageNums as paginationPageNum>
<#if paginationPageNum == paginationCurrentPageNum>
<span class="page-number current">${paginationPageNum}</span>
<#else>
<a class="page-number" href="${servePath}${path}/${paginationPageNum}">${paginationPageNum}</a>
</#if>
</#list>
<#if paginationPageNums?last != paginationPageCount> ...
<a href="${servePath}${path}/${paginationPageCount}" class="page-number">${paginationPageCount}</a>
<a href="${servePath}${path}/${paginationNextPageNum}" class="extend next"><i class="fa fa-angle-right"></i></a>
</#if>
</nav>
</#if>
</div>
</div>
</div>
<#include "side.ftl">
</main>
<#include "footer.ftl">
</main>
</div>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment