229 lines
9.3 KiB
Plaintext
229 lines
9.3 KiB
Plaintext
<#--
|
|
|
|
Bolo - A stable and beautiful blogging system based in Solo.
|
|
Copyright (c) 2020, https://github.com/adlered
|
|
|
|
This program is free software: you can redistribute it and/or modify
|
|
it under the terms of the GNU Affero General Public License as published by
|
|
the Free Software Foundation, either version 3 of the License, or
|
|
(at your option) any later version.
|
|
|
|
This program is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
GNU Affero General Public License for more details.
|
|
|
|
You should have received a copy of the GNU Affero General Public License
|
|
along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
|
|
-->
|
|
<div
|
|
class="column is-4-tablet is-4-desktop is-3-widescreen has-order-1 column-left <%= sticky_class(position) %>">
|
|
<div class="card widget profile">
|
|
<div class="card-content">
|
|
<nav class="level">
|
|
<div class="level-item has-text-centered" style="flex-shrink: 1">
|
|
<div class="level">
|
|
<figure class="image is-64x64 has-mb-6 level-left" style="margin: 0 auto">
|
|
<img class="is-rounded" src="${faviconURL}" alt="${blogTitle!}" height="48" width="48"
|
|
style="padding: 2px; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);">
|
|
</figure>
|
|
<div class="level-right">
|
|
<div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<nav class="level is-mobile" style="margin-bottom:0px ;">
|
|
<div class="level-item has-text-centered" style="flex-shrink: 1">
|
|
<div class="level">
|
|
<div class="level-right">
|
|
<div>
|
|
<p class="title is-4" style="text-align: center">
|
|
${blogTitle!}
|
|
</p>
|
|
<p class="is-size-6 is-block" style="text-align: center">
|
|
${blogSubtitle!}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<nav class="level is-mobile">
|
|
<div class="level-item has-text-centered is-marginless">
|
|
<div>
|
|
<p class="heading">
|
|
文章
|
|
</p>
|
|
<p class="title has-text-weight-normal">
|
|
${statistic.statisticPublishedBlogArticleCount}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="level-item has-text-centered is-marginless">
|
|
<div>
|
|
<p class="heading">
|
|
评论
|
|
</p>
|
|
<p class="title has-text-weight-normal">
|
|
${statistic.statisticPublishedBlogCommentCount}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="level-item has-text-centered is-marginless">
|
|
<div>
|
|
<p class="heading">
|
|
浏览
|
|
</p>
|
|
<p class="title has-text-weight-normal">
|
|
<#if statistic.statisticBlogViewCount?length gt 5>
|
|
<#assign viewCount=statistic.statisticBlogViewCount?number/>
|
|
<#assign viewCountWan=viewCount/10000 />
|
|
${viewCountWan?string('#.##')}w
|
|
<#else>
|
|
${statistic.statisticBlogViewCount}
|
|
</#if>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div class="level is-mobile">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card widget">
|
|
<div class="card-content">
|
|
<div class="menu">
|
|
<div class="menu-label">
|
|
${blogTitle!}-${categoryLabel}
|
|
</div>
|
|
<ul class="menu-list">
|
|
<#list mostUsedCategories as category>
|
|
<li>
|
|
<a class="level is-marginless" href="/category/${category.categoryURI}">
|
|
<span class="level-start">
|
|
<span class="level-item">${category.categoryTitle}</span>
|
|
</span>
|
|
<span class="level-end">
|
|
<span class="level-item tag">${category.categoryPublishedArticleCount}</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
</#list>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card widget">
|
|
<div class="card-content">
|
|
<div class="menu-label">
|
|
${blogTitle!}-${recentCommentsLabel}
|
|
</div>
|
|
<#list recentComments as comment>
|
|
<article class="media media-comment">
|
|
<a href="${comment.commentSharpURL}" class="media-left">
|
|
<p class="image is-48x48">
|
|
<img class="thumbnail" src="${adminUser.userAvatar!}"
|
|
data-src="${comment.commentThumbnailURL}"
|
|
alt="${comment.commentName}">
|
|
</p>
|
|
</a>
|
|
<div class="media-content">
|
|
<div class="content">
|
|
<div style="padding-top: 10px;padding-right:10px;">
|
|
<div class="has-text-grey is-size-7 is-uppercase">
|
|
<a href="${comment.commentURL}" rel="nofollow" target="_black">
|
|
${comment.commentName}</a>
|
|
评论于
|
|
${comment.commentDate2?string("yyyy-MM-dd")}
|
|
</div>
|
|
</div>
|
|
<a href="${comment.commentSharpURL}"
|
|
class="title has-link-black-ter is-size-6
|
|
has-text-weight-normal" style="background-color:#f7f7f7 !important;"> ${comment.commentContent}</a>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
</#list>
|
|
</div>
|
|
</div>
|
|
<div class="column-right-shadow is-hidden-widescreen is-6-fullhd">
|
|
<div class="card widget">
|
|
<div class="card-content" style="width:100%">
|
|
<div class="menu">
|
|
<div class="menu-label">
|
|
${blogTitle!}-${noticeBoardLabel}
|
|
</div>
|
|
<ul class="menu-list">
|
|
${noticeBoard}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card widget">
|
|
<div class="card-content" style="width:100%">
|
|
<div class="menu">
|
|
<input type="text" required="required" value="" name="s" id="search-m"
|
|
onkeydown="enterSearch(event)">
|
|
<input type="submit" id="searchsubmit" class="button" value="搜索" onclick="search_m()">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card widget">
|
|
<div class="card-content">
|
|
<div class="menu-label">
|
|
${mostViewCountArticlesLabel}
|
|
</div>
|
|
<#list mostViewCountArticles as article>
|
|
<article class="media">
|
|
<#if article.articleImg1URL?? && article.articleImg1URL!=''>
|
|
<a href="${article.articlePermalink}" class="media-left">
|
|
<p class="image is-64x64">
|
|
<img class="thumbnail" src="${adminUser.userAvatar!}" data-src="${article.articleImg1URL!}"
|
|
alt="${article.articleTitle!}">
|
|
</p>
|
|
</a>
|
|
</#if>
|
|
<div class="media-content">
|
|
<div class="content">
|
|
<div style="padding-top: 10px;">
|
|
|
|
<div class="has-text-grey is-size-7 is-uppercase">${article.articleViewCount}浏览
|
|
</div>
|
|
</div>
|
|
<a href="${article.articlePermalink}"
|
|
class="title has-link-black-ter is-size-6 has-text-weight-normal">${article.articleTitle!}</a>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
</#list>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card widget">
|
|
<div class="card-content">
|
|
<div class="menu">
|
|
<div class="menu-label">
|
|
${blogTitle!}-${tagLabel}
|
|
</div>
|
|
<div class="field is-grouped is-grouped-multiline">
|
|
<#list mostUsedTags as tag>
|
|
<div class="control">
|
|
<a class="tags has-addons" href="/tags/${tag.tagTitle?url('UTF-8')}">
|
|
<span class="tag">${tag.tagTitle}</span>
|
|
<span class="tag is-grey">${tag.tagPublishedRefCount!}</span>
|
|
</a>
|
|
</div>
|
|
</#list>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|