halo-theme-fantastic/layout/layout.ftl

150 lines
7.0 KiB
Plaintext
Raw Normal View History

2019-10-02 16:15:37 +00:00
<#macro layout title,keywords,description,canonical>
<#include "common/navbar.ftl">
<#include "common/widget.ftl">
<#include "common/module.ftl">
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<title>${title!}</title>
<meta name="keywords" content="${keywords!}"/>
<meta name="description" content="${description!}">
<meta property="og:type" content="website">
<meta property="og:title" content="${title!}">
<meta property="og:url" content="${canonical}">
<meta property="og:site_name" content="${title!}">
<meta property="og:description" content="${description!}">
<meta property="og:locale" content="zh">
<meta property="og:image" content="${user.avatar!}">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="${title!}">
<meta name="twitter:description" content="${description!}">
<meta name="twitter:image" content="${user.avatar!}">
<link rel="canonical" href="${canonical!}"/>
<link rel="alternative" href="${context!}/atom.xml" title="${options.blog_title!}" type="application/atom+xml">
<@global.head />
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/bulma@0.7.5/css/bulma.min.css">
<link rel="stylesheet" href="//use.fontawesome.com/releases/v5.4.1/css/all.css">
<#-- <link rel="stylesheet" href="//fonts.proxy.ustclug.org/css?family=Ubuntu:400,600|Source+Code+Pro">-->
2019-10-07 15:52:42 +00:00
<#-- <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/highlight.js@9.12.0/styles/atom-one-light.css">-->
2019-10-02 16:15:37 +00:00
<style>
body > .footer,
body > .navbar,
body > .section {
opacity: 0
}
</style>
<#if is_post?? || is_sheet??>
<style>
.content code .number {
background-color: transparent;
border-radius: 0;
display: unset;
font-size: .85em;
margin-right: 0;
padding: 0;
vertical-align: unset;
}
</style>
</#if>
<#if is_post?? || is_sheet??>
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/lightgallery@1.6.8/dist/css/lightgallery.min.css">
<link rel="stylesheet"
href="//cdn.jsdelivr.net/npm/justifiedGallery@3.7.0/dist/css/justifiedGallery.min.css">
</#if>
<link rel="stylesheet"
href="//cdn.jsdelivr.net/npm/outdatedbrowser@1.1.5/outdatedbrowser/outdatedbrowser.min.css">
<script src="//cdn.jsdelivr.net/npm/pace-js@1.0.2/pace.min.js"></script>
<link rel="stylesheet" href="${static!}/source/css/style.css">
<link rel="stylesheet" href="${static!}/source/css/bundle.css">
<link rel="stylesheet" href="${static!}/source/css/back-to-top.css">
2019-10-13 06:25:32 +00:00
<link rel="stylesheet" href="${static!}/source/css/style.theme.css">
2019-10-02 16:15:37 +00:00
<#if post??>
2019-10-13 06:25:32 +00:00
<#-- <link rel="stylesheet" type="text/css"-->
<#-- href="${static!}/source/lib/prism/css/prism-${settings.code_pretty!'Default'}.css"/>-->
<link rel="stylesheet" type="text/css"
href="${static!}/source/lib/prism/css/prism.css"/>
2019-10-05 16:45:43 +00:00
<link rel="stylesheet" type="text/css"
href="${static!}/source/lib/prism/css/prism-line-numbers.css"/>
2019-10-02 16:15:37 +00:00
<script type="text/javascript" src="${static!}/source/lib/prism/js/prism.js"></script>
2019-10-05 16:45:43 +00:00
<script type="text/javascript" src="${static!}/source/lib/prism/js/prism-line-numbers.js"></script>
2019-10-02 16:15:37 +00:00
</#if>
<#if is_index??>
<link rel="stylesheet" href="${static!}/source/css/widget_pin.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.5/css/swiper.min.css">
</#if>
</head>
<body class="is-3-column">
<@navbar 'page' />
<section class="section">
<div class="container">
<div class="columns">
<#if post?? >
<#if settings.share_type !=''>
<@module 'share' />
</#if>
2019-10-05 23:23:27 +00:00
<div class="column is-12-tablet <#if is_sheet?? || settings.share_type != ''>is-9-desktop<#else>is--desktop</#if> is-8-widescreen is-8-fullhd has-order-2 column-main">
2019-10-02 16:15:37 +00:00
<#nested />
</div>
<@widget 'right' />
<#else >
<#if is_index??>
2019-10-05 23:23:27 +00:00
<div class="column is-12-tablet is-8-desktop is-9-widescreen is-9-fullhd has-order-2 column-main"
2019-10-02 16:15:37 +00:00
style="margin-left: 10px">
<div class="columns">
<div class="column is-12-tablet is-12-desktop is-12-widescreen has-order-2 column-main">
<#-- 判断是否已经有置顶文章-->
<#list posts.content as post>
<#if post.topPriority == 1>
<#assign isTop = 'yes'>
<#break>
</#if>
</#list>
<#if isTop??>
<div class="level">
<#-- <#include "./common/widget_pin.ftl">-->
<@module 'slider' />
</div>
</#if>
<div class="level">
<div class="columns">
2019-10-05 23:23:27 +00:00
<div class="column is-12-tablet is-12-desktop is-8-widescreen is-8-fullhd has-order-2 column-main">
2019-10-02 16:15:37 +00:00
<#nested />
</div>
<@widget 'right' />
</div>
</div>
</div>
</div>
</div>
<@widget 'left' />
<#else>
2019-10-05 23:23:27 +00:00
<div class="column is-12-tablet is-8-desktop is-6-widescreen is-6-fullhd has-order-2 column-main">
2019-10-02 16:15:37 +00:00
<#nested />
</div>
<@widget 'left' />
<@widget 'right' />
</#if>
</#if>
</div>
</div>
</section>
<#include "common/footer.ftl">
<#include "common/scripts.ftl">
<#include "search/local.ftl">
</body>
</html>
</#macro>