mirror of
https://github.com/aljazceru/Journal-ghost.git
synced 2026-01-12 01:34:20 +01:00
The search icon used to be on the bottom of the mobile menu, and now it will be placed before the burger menu.
105 lines
4.1 KiB
Handlebars
105 lines
4.1 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}}
|
||
</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">Don’t 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> |