compress
This commit is contained in:
229
metro-hot/dynamic.ftl
Normal file
229
metro-hot/dynamic.ftl
Normal file
@@ -0,0 +1,229 @@
|
||||
<#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>
|
||||
Reference in New Issue
Block a user