131 lines
4.9 KiB
Handlebars
131 lines
4.9 KiB
Handlebars
<!DOCTYPE html>
|
|
<html lang="{{@site.locale}}">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>{{meta_title}}</title>
|
|
|
|
<link rel="stylesheet" href="{{asset "built/screen.css"}}">
|
|
|
|
{{ghost_head}}
|
|
<style>
|
|
.share-block {
|
|
margin-top: 8rem;
|
|
text-align: center;
|
|
}
|
|
.share-block span {
|
|
display: inline-block;
|
|
font-weight: bold;
|
|
margin-right: 1rem;
|
|
font-size: 2rem;
|
|
}
|
|
.share-block a {
|
|
display: inline-block;
|
|
transition: all 0.3s;
|
|
margin: 0 0.25rem;
|
|
}
|
|
.share-block a:hover {
|
|
transform: scale(1.1);
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body class="{{body_class}}{{{block "body_class"}}} is-head-{{#match @custom.navigation_layout "Logo on the left"}}left-logo{{else match @custom.navigation_layout "Logo in the middle"}}middle-logo{{else}}stacked{{/match}}{{#match @custom.title_font "=" "Elegant serif"}} has-serif-title{{/match}}{{#match @custom.body_font "=" "Elegant serif"}} has-serif-body{{/match}}{{^is "home"}}{{#if @site.cover_image}} is-head-brand{{/if}}{{/is}}">
|
|
<div class="site">
|
|
|
|
<header id="gh-head" class="gh-head gh-outer">
|
|
<div class="gh-head-inner">
|
|
<div class="gh-head-brand">
|
|
<div class="gh-head-brand-wrapper">
|
|
<a class="gh-head-logo" href="{{@site.url}}">
|
|
{{#if @site.logo}}
|
|
<img src="{{@site.logo}}" alt="{{@site.title}}">
|
|
{{else}}
|
|
{{@site.title}}
|
|
{{/if}}
|
|
</a>
|
|
</div>
|
|
<button class="gh-search gh-icon-btn" aria-label="Search this site" data-ghost-search>{{> "icons/search"}}</button>
|
|
<button class="gh-burger"></button>
|
|
</div>
|
|
|
|
<nav class="gh-head-menu">
|
|
{{navigation}}
|
|
{{#unless @site.members_enabled}}
|
|
{{#match @custom.navigation_layout "Stacked"}}
|
|
<button class="gh-search gh-icon-btn" aria-label="Search this site" data-ghost-search>{{> "icons/search"}}</button>
|
|
{{/match}}
|
|
{{/unless}}
|
|
</nav>
|
|
|
|
<div class="gh-head-actions">
|
|
{{#unless @site.members_enabled}}
|
|
{{^match @custom.navigation_layout "Stacked"}}
|
|
<button class="gh-search gh-icon-btn" aria-label="Search this site" data-ghost-search>{{> "icons/search"}}</button>
|
|
{{/match}}
|
|
{{else}}
|
|
<button class="gh-search gh-icon-btn" aria-label="Search this site" data-ghost-search>{{> "icons/search"}}</button>
|
|
<div class="gh-head-members">
|
|
{{#unless @member}}
|
|
{{#unless @site.members_invite_only}}
|
|
<a class="gh-head-link" href="#/portal/signin" data-portal="signin">Sign in</a>
|
|
<a class="gh-head-btn gh-btn gh-primary-btn" href="#/portal/signup" data-portal="signup">Subscribe</a>
|
|
{{else}}
|
|
<a class="gh-head-btn gh-btn gh-primary-btn" href="#/portal/signin" data-portal="signin">Sign in</a>
|
|
{{/unless}}
|
|
{{else}}
|
|
<a class="gh-head-btn gh-btn gh-primary-btn" href="#/portal/account" data-portal="account">Account</a>
|
|
{{/unless}}
|
|
</div>
|
|
{{/unless}}
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
{{#is "home"}}
|
|
{{> "cover"}}
|
|
{{#if @custom.show_featured_posts}}
|
|
{{> "featured-posts"}}
|
|
{{/if}}
|
|
{{/is}}
|
|
|
|
<div class="site-content">
|
|
{{{body}}}
|
|
</div>
|
|
|
|
<footer class="gh-foot{{#unless @site.secondary_navigation}} no-menu{{/unless}} gh-outer">
|
|
<div class="gh-foot-inner gh-inner">
|
|
<div class="gh-copyright">
|
|
{{@site.title}} © {{date format="YYYY"}}
|
|
</div>
|
|
{{#if @site.secondary_navigation}}
|
|
<nav class="gh-foot-menu">
|
|
{{navigation type="secondary"}}
|
|
</nav>
|
|
{{/if}}
|
|
<div class="gh-powered-by">
|
|
<a href="https://ghost.org/" target="_blank" rel="noopener">Powered by Ghost</a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
</div>
|
|
|
|
{{#is "post, page"}}
|
|
{{> "pswp"}}
|
|
{{/is}}
|
|
|
|
{{!-- Fixes 100vh issue on mobile browsers with toolbar on the bottom --}}
|
|
<script>
|
|
if (document.body.classList.contains('with-full-cover') && (/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.platform))) {
|
|
document.getElementsByClassName('cover')[0].style.height = window.innerHeight + 'px';
|
|
}
|
|
</script>
|
|
|
|
<script src="{{asset "built/main.min.js"}}"></script>
|
|
|
|
{{ghost_foot}}
|
|
|
|
</body>
|
|
</html> |