bolo-fantastic/bolo-fantastic/side.ftl

257 lines
11 KiB
Plaintext
Raw Normal View History

2020-05-20 14:35:05 +00:00
<#--
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">
2020-09-29 15:30:27 +00:00
<img class="is-rounded" src="${faviconURL}" alt="${blogTitle!}" style="padding: 2px;
2020-05-20 14:35:05 +00:00
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);">
</figure>
<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">
${statistic.statisticBlogViewCount}
</p>
</div>
</div>
</nav>
<div class="level is-mobile">
<#if usite??>
<#if usite.usiteQQ !=''>
2020-08-16 16:43:25 +00:00
<span class="level-item button is-marginless" target="_blank" title="QQ"
onclick="qq()">
<i class="fab fa-qq"></i>
</span>
2020-05-20 14:35:05 +00:00
</#if>
<#if usite.usiteWeChat !=''>
<span class="level-item button is-marginless" target="_blank" title="WeChat"
2020-08-16 15:02:52 +00:00
onclick="wechat()">
2020-05-20 14:35:05 +00:00
<i class="fab fa-weixin"></i>
</span>
</#if>
<#if usite.usiteWeiBo !=''>
<a class="level-item button is-marginless" target="_blank" title="Weibo"
href="https://weibo.com/${usite.usiteWeiBo}">
<i class="fab fa-weibo"></i>
</a>
</#if>
<#if usite.usiteGitHub !=''>
<a class="level-item button is-marginless" target="_blank" title="Github"
href="https://github.com/${usite.usiteGitHub}">
<i class="fab fa-github"></i>
</a>
</#if>
<#if usite.usiteTwitter !=''>
<a class="level-item button is-marginless" target="_blank" title="Twitter"
href="https://twitter.com/${usite.usiteTwitter}">
<i class="fab fa-twitter"></i>
</a>
</#if>
<#if usite.usiteFacebook !=''>
<a class="level-item button is-marginless" target="_blank" title="Facebook"
href="https://www.facebook.com/${usite.usiteFacebook}">
<i class="fab fa-facebook"></i>
</a>
</#if>
<#if usite.usiteTelegram !=''>
<a class="level-item button is-marginless" target="_blank" title="Telegram"
href="https://telegram.me/${usite.usiteTelegram}">
<i class="fab fa-telegram"></i>
</a>
</#if>
</#if>
</div>
</div>
</div>
<div class="card widget">
<div class="card-content">
<div class="menu">
2020-09-29 16:49:32 +00:00
<div class="menu-label">
2020-05-20 14:35:05 +00:00
${categoryLabel}
2020-09-29 16:49:32 +00:00
</div>
2020-05-20 14:35:05 +00:00
<ul class="menu-list">
<#list mostUsedCategories as category>
<li>
2020-09-29 16:49:32 +00:00
<a class="level is-marginless" href="/category/${category.categoryURI}">
2020-05-20 14:35:05 +00:00
<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>
2020-08-30 11:38:43 +00:00
<div class="card widget">
<div class="card-content">
2020-09-29 16:49:32 +00:00
<div class="menu-label">
2020-08-30 11:38:43 +00:00
${recentCommentsLabel}
2020-09-29 16:49:32 +00:00
</div>
2020-08-30 11:38:43 +00:00
<#list recentComments as comment>
<article class="media">
2020-09-29 16:49:32 +00:00
<a href="${comment.commentSharpURL}" class="media-left">
2020-08-31 15:02:49 +00:00
<p class="image is-48x48">
<img class="thumbnail" src="${adminUser.userAvatar!}"
data-src="${comment.commentThumbnailURL}"
2020-08-30 11:38:43 +00:00
alt="${comment.commentName}">
</p>
</a>
<div class="media-content">
<div class="content">
2020-09-20 06:20:59 +00:00
<div style="padding-top: 10px;padding-right:10px;">
2020-08-31 15:02:49 +00:00
<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>
2020-08-30 11:38:43 +00:00
</div>
2020-09-29 16:49:32 +00:00
<a href="${comment.commentSharpURL}"
2020-08-30 11:38:43 +00:00
class="title has-link-black-ter is-size-6
has-text-weight-normal"> ${comment.commentContent}</a>
</div>
</div>
</article>
</#list>
</div>
</div>
2020-05-20 14:35:05 +00:00
<div class="column-right-shadow is-hidden-widescreen is-6-fullhd">
2020-06-14 04:39:12 +00:00
<div class="card widget">
<div class="card-content" style="width:100%">
<div class="menu">
2020-09-29 16:49:32 +00:00
<div class="menu-label">
2020-06-14 04:39:12 +00:00
${noticeBoardLabel}
2020-09-29 16:49:32 +00:00
</div>
2020-06-14 04:39:12 +00:00
<ul class="menu-list">
${noticeBoard}
</ul>
</div>
</div>
</div>
2020-08-31 15:02:49 +00:00
<div class="card widget">
<div class="card-content" style="width:100%">
<div class="menu">
&nbsp;<input type="text" required="required" value="" name="s" id="search-m"
onkeydown="enterSearch(event)">&nbsp;
<input type="submit" id="searchsubmit" class="button" value="搜索" onclick="search_m()">
</div>
</div>
</div>
2020-05-20 14:35:05 +00:00
<div class="card widget">
<div class="card-content">
2020-09-29 16:49:32 +00:00
<div class="menu-label">
2020-05-20 14:35:05 +00:00
${mostViewCountArticlesLabel}
2020-09-29 16:49:32 +00:00
</div>
2020-05-20 14:35:05 +00:00
<#list mostViewCountArticles as article>
<article class="media">
<#if article.articleImg1URL?? && article.articleImg1URL!=''>
2020-09-29 16:49:32 +00:00
<a href="${article.articlePermalink}" class="media-left">
2020-05-20 14:35:05 +00:00
<p class="image is-64x64">
2020-08-22 09:28:20 +00:00
<img class="thumbnail" src="${adminUser.userAvatar!}" data-src="${article.articleImg1URL!}"
2020-05-20 14:35:05 +00:00
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>
2020-09-29 16:49:32 +00:00
<a href="${article.articlePermalink}"
2020-05-20 14:35:05 +00:00
class="title has-link-black-ter is-size-6 has-text-weight-normal">${article.articleTitle!}</a>
</div>
</div>
</article>
</#list>
</div>
</div>
2020-08-31 15:02:49 +00:00
<div class="card widget">
<div class="card-content">
<div class="menu">
2020-09-29 16:49:32 +00:00
<div class="menu-label">
2020-08-31 15:02:49 +00:00
${tagLabel}
2020-09-29 16:49:32 +00:00
</div>
2020-08-31 15:02:49 +00:00
<div class="field is-grouped is-grouped-multiline">
<#list mostUsedTags as tag>
<div class="control">
2020-09-29 16:49:32 +00:00
<a class="tags has-addons" href="/tags/${tag.tagTitle?url('UTF-8')}">
2020-08-31 15:02:49 +00:00
<span class="tag">${tag.tagTitle}</span>
<span class="tag is-grey">${tag.tagPublishedRefCount!}</span>
</a>
</div>
</#list>
</div>
</div>
</div>
</div>
2020-05-20 14:35:05 +00:00
</div>
</div>