230 lines
10 KiB
Plaintext
230 lines
10 KiB
Plaintext
<#include "macro-head.ftl">
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<@head title="${blogTitle}">
|
|
<meta name="keywords" content="${metaKeywords},${dynamicLabel}"/>
|
|
<meta name="description" content="${metaDescription},${dynamicLabel}"/>
|
|
</@head>
|
|
</head>
|
|
<body>
|
|
${topBarReplacement}
|
|
<div class="wrapper">
|
|
<div id="header">
|
|
<#include "header.ftl" />
|
|
<div class="article-header">
|
|
<h2>${blogSubtitle}</h2>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="fn-clear" id="dynamic">
|
|
<div class="main">
|
|
<#if 0 != recentComments?size>
|
|
<div id="comments">
|
|
<#list recentComments as comment>
|
|
<#if comment_index < 6>
|
|
<div id="${comment.oId}" class="fn-clear">
|
|
<img title="${comment.commentName}"
|
|
alt="${comment.commentName}" src="${comment.commentThumbnailURL}"/>
|
|
<div class="comment-main">
|
|
<div class="fn-clear">
|
|
<#if "http://" == comment.commentURL>
|
|
<span>${comment.commentName}</span>
|
|
<#else>
|
|
<a href="${comment.commentURL}" target="_blank">${comment.commentName}</a>
|
|
</#if>
|
|
<div class="fn-right" data-ico="">
|
|
${comment.commentDate?string("yy-MM-dd HH:mm")}
|
|
</div>
|
|
</div>
|
|
<div class="article-body">${comment.commentContent}</div>
|
|
</div>
|
|
</div>
|
|
</#if>
|
|
</#list>
|
|
</div>
|
|
</#if>
|
|
</div>
|
|
<div class="side">
|
|
<div>
|
|
<form target="_blank" method="get" action="http://www.google.com/search">
|
|
<input placeholder="Search" id="search" type="text" name="q" /><span data-ico="g"></span>
|
|
<input type="submit" name="btnG" value="" class="fn-none" />
|
|
<input type="hidden" name="oe" value="UTF-8" />
|
|
<input type="hidden" name="ie" value="UTF-8" />
|
|
<input type="hidden" name="newwindow" value="0" />
|
|
<input type="hidden" name="sitesearch" value="${blogHost}" />
|
|
</form>
|
|
|
|
<#if "" != noticeBoard>
|
|
<div class="notice-board side-tile">
|
|
<span data-ico=""></span>
|
|
<div class="title">
|
|
${noticeBoard}
|
|
</div>
|
|
<div class="text">
|
|
${noticeBoardLabel}
|
|
</div>
|
|
</div>
|
|
</#if>
|
|
|
|
<a rel="alternate" href="${servePath}/blog-articles-feed.do" class="user side-tile">
|
|
<span data-ico=""></span>
|
|
<div class="text">
|
|
${atomLabel}
|
|
</div>
|
|
</a>
|
|
|
|
<div class="online-count side-tile">
|
|
<span data-ico=""></span>
|
|
<div class="text">
|
|
${viewCount1Label}
|
|
${statistic.statisticBlogViewCount}<br/>
|
|
${articleCount1Label}
|
|
${statistic.statisticPublishedBlogArticleCount}<br/>
|
|
${commentCount1Label}
|
|
${statistic.statisticPublishedBlogCommentCount}<br/>
|
|
</div>
|
|
</div>
|
|
|
|
<#include "copyright.ftl">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="fn-clear">
|
|
<#if 0 != mostCommentArticles?size>
|
|
<div class="side-tile most-comment fn-clear">
|
|
<div class="fn-left">
|
|
<span data-ico=""></span>
|
|
<div class="title">
|
|
${mostCommentArticlesLabel}
|
|
</div>
|
|
</div>
|
|
<div class="text fn-right">
|
|
<ul>
|
|
<#list mostCommentArticles as article>
|
|
<li>
|
|
<a href="${servePath}${article.articlePermalink}" title="${article.articleTitle}" rel="nofollow">
|
|
${article.articleTitle}
|
|
</a>
|
|
<span data-ico="">
|
|
${article.articleCommentCount}
|
|
</span>
|
|
</li>
|
|
</#list>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</#if>
|
|
|
|
|
|
<#if 0 != mostViewCountArticles?size>
|
|
<div class="side-tile most-view fn-clear">
|
|
<div class="fn-left">
|
|
<span data-ico=""></span>
|
|
<div class="title">
|
|
${mostViewCountArticlesLabel}
|
|
</div>
|
|
</div>
|
|
<div class="text fn-right">
|
|
<ul>
|
|
<#list mostViewCountArticles as article>
|
|
<li>
|
|
<a href="${servePath}${article.articlePermalink}" title="${article.articleTitle}" rel="nofollow">
|
|
${article.articleTitle}
|
|
</a>
|
|
<span data-ico="">
|
|
${article.articleViewCount}
|
|
</span>
|
|
</li>
|
|
</#list>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</#if>
|
|
</div>
|
|
|
|
<div class="fn-clear">
|
|
<#if 0 != archiveDates?size>
|
|
<div class="side-tile archives-tile fn-clear">
|
|
<div class="fn-left">
|
|
<span data-ico=""></span>
|
|
<div class="title">
|
|
${dateArticlesLabel}
|
|
</div>
|
|
</div>
|
|
<div class="text fn-right">
|
|
<#list archiveDates as archiveDate>
|
|
<#if "en" == localeString?substring(0, 2)>
|
|
<a href="${servePath}/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}"
|
|
title="${archiveDate.monthName} ${archiveDate.archiveDateYear}(${archiveDate.archiveDatePublishedArticleCount})">
|
|
${archiveDate.monthName} ${archiveDate.archiveDateYear}(${archiveDate.archiveDatePublishedArticleCount})</a>
|
|
<#else>
|
|
<a 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>
|
|
</#list>
|
|
</div>
|
|
</div>
|
|
</#if>
|
|
|
|
<#if 0 != links?size>
|
|
<div class="side-tile links-tile fn-clear">
|
|
<div class="fn-left">
|
|
<span data-ico=""></span>
|
|
<div class="title">
|
|
${linkLabel}
|
|
</div>
|
|
</div>
|
|
<div class="text fn-right">
|
|
<#list links as link>
|
|
<a rel="friend" href="${link.linkAddress}" title="${link.linkDescription}" target="_blank">
|
|
<!--img src="http://www.google.com/s2/u/0/favicons?domain=<#list link.linkAddress?split('/') as x><#if x_index=2>${x}<#break></#if></#list>" /-->
|
|
${link.linkTitle}
|
|
</a>
|
|
</#list>
|
|
</div>
|
|
</div>
|
|
</#if>
|
|
|
|
<#if 0 != mostUsedTags?size>
|
|
<div class="side-tile tags-tile fn-clear">
|
|
<div class="fn-left">
|
|
<span data-ico=";"></span>
|
|
<div class="title">
|
|
${popTagsLabel}
|
|
</div>
|
|
</div>
|
|
<div class="text fn-right">
|
|
<#list mostUsedTags as tag>
|
|
<a rel="tag" href="${servePath}/tags/${tag.tagTitle?url('UTF-8')}"
|
|
title="${tag.tagTitle}(${tag.tagPublishedRefCount})">
|
|
${tag.tagTitle}
|
|
</a>
|
|
</#list>
|
|
</div>
|
|
</div>
|
|
</#if>
|
|
</div>
|
|
</div>
|
|
<span id="goTop" onclick="Util.goTop()" data-ico="" class="side-tile"></span>
|
|
<#include "footer.ftl"/>
|
|
<script>
|
|
$("#comments .article-body").each(function() {
|
|
this.innerHTML = Util.replaceEmString($(this).html());
|
|
});
|
|
|
|
if ($(".side").height() < $(".main").height()) {
|
|
$(".main").height($(".side").height() - 5).css({
|
|
"overflow": "auto",
|
|
"margin-top": "5px"
|
|
});
|
|
|
|
$("#comments").css("margin-top", "0");
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|