Files
Journal-ghost/default.hbs
Sodbileg Gansukh 9389035ab6 Better position for mobile search icon
The search icon used to be on the bottom of the mobile menu, and now it will be placed before the burger menu.
2022-08-02 15:50:36 +08:00

105 lines
4.1 KiB
Handlebars
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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}}
</head>
<body class="{{body_class}} is-head-b--a_n{{#match @custom.title_font "=" "Elegant serif"}} has-serif-title{{/match}}{{#match @custom.body_font "=" "Elegant serif"}} has-serif-body{{/match}}">
<div class="gh-site">
<header id="gh-head" class="gh-head gh-outer">
<div class="gh-head-inner gh-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" data-ghost-search>{{> "icons/search"}}</button>
<button class="gh-burger"></button>
</div>
<nav class="gh-head-menu">
{{navigation}}
</nav>
<div class="gh-head-actions">
<button class="gh-search gh-icon-btn" data-ghost-search>{{> "icons/search"}}</button>
{{#unless @member}}
<a class="gh-head-btn" href="#/portal/signup" data-portal="signup">
{{> icons/email}}
Subscribe
</a>
{{else}}
<a class="gh-head-btn" href="#/portal/account" data-portal="account">Account</a>
{{/unless}}
</div>
</div>
</header>
{{{body}}}
{{^if @member.paid}}
<div class="gh-subscribe">
<div class="gh-outer">
<section class="gh-subscribe-inner">
{{^if @member}}
<h3 class="gh-subscribe-title">Subscribe to {{@site.title}}</h3>
<div class="gh-subscribe-description">Dont miss out on the latest issues. Sign up now to get access to the library of members-only issues.</div>
<a class="gh-subscribe-input" href="#/portal/signup" data-portal="signup">
<div class="gh-subscribe-input-text">
{{> icons/email}}
jamie@example.com
</div>
<div class="gh-subscribe-input-btn">Subscribe</div>
</a>
{{else}}
<h3 class="gh-subscribe-title">Ready for unlimited access?</h3>
<div class="gh-subscribe-description">Upgrade to a paid account to get full access.</div>
<a class="gh-subscribe-btn gh-btn gh-primary-btn" href="#/portal/account/plans" data-portal="account/plans">Upgrade now</a>
{{/if}}
</section>
</div>
</div>
{{/if}}
<footer class="gh-foot gh-outer">
<div class="gh-foot-inner gh-inner">
<div class="gh-copyright">
{{@site.title}} © {{date format="YYYY"}}
</div>
<nav class="gh-foot-menu">
{{navigation type="secondary"}}
</nav>
<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}}
<script src="{{asset "built/main.min.js"}}"></script>
{{ghost_foot}}
</body>
</html>