Vivid-Casper/default.hbs

<!DOCTYPE html>
<html lang="{{@site.locale}}"{{#match @custom.color_scheme "Dark"}} class="dark-mode"{{else match @custom.color_scheme "Auto"}} class="auto-color"{{/match}}>
<head>

    {{!-- Basic meta - advanced meta is output with {ghost_head} below --}}
    <title>{{meta_title}}</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    {{!-- Base Meta --}}
    <title>
        {{#is "post, page"}}
        {{meta_title}} - {{@site.title}}
        {{else}}
        {{meta_title}}
        {{/is}}
    </title>
    <meta name="HandheldFriendly" content="True" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    
    {{!-- Preload scripts --}}
    <link rel="preload" as="style" href="{{asset "built/screen.css"}}" />
    <link rel="preload" as="script" href="{{asset "built/casper.js"}}" />

    {{!-- Theme assets - use the {asset} helper to reference styles & scripts,
    this will take care of caching and cache-busting automatically --}}
    <link rel="stylesheet" type="text/css" href="{{asset "built/screen.css"}}" />
    <link rel="stylesheet" type="text/css" href="{{asset "css/prism.css"}}" />

    {{!-- This tag outputs all your advanced SEO meta, structured data, and other important settings,
    it should always be the last tag before the closing head tag --}}
    {{ghost_head}}

</head>
<body class="{{body_class}} is-head-{{#match @custom.navigation_layout "Logo on cover"}}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 "=" "Modern sans-serif"}} has-sans-body{{/match}}{{#if @custom.show_publication_cover}} has-cover{{/if}}">
<div class="viewport">

    <header id="gh-head" class="gh-head outer{{#match @custom.header_style "Hidden"}} is-header-hidden{{/match}}">
        <div class="gh-head-inner inner">
            <div class="gh-head-brand">
                <a class="gh-head-logo{{#unless @site.logo}} no-image{{/unless}}" href="{{@site.url}}">
                    {{#if @site.logo}}
                        <img src="{{@site.logo}}" alt="{{@site.title}}">
                    {{else}}
                        {{@site.title}}
                    {{/if}}
                </a>
                <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" data-ghost-search>{{> "icons/search"}}</button>
                    {{/match}}
                {{else}}
                    <button class="gh-search gh-icon-btn" 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-button" href="#/portal/signup" data-portal="signup">Subscribe</a>
                            {{else}}
                                <a class="gh-head-button" href="#/portal/signin" data-portal="signin">Sign in</a>
                            {{/unless}}
                        {{else}}
                            <a class="gh-head-button" href="#/portal/account" data-portal="account">Account</a>
                        {{/unless}}
                    </div>
                {{/unless}}
            </div>
        </div>
    </header>

    <div class="site-content">
        {{!-- All other templates get inserted here, index.hbs, post.hbs, etc --}}
        {{{body}}}
    </div>

    {{!-- The global footer at the very bottom of the screen --}}
    <footer class="site-footer outer">
        <div class="inner">
            <section class="copyright"><a href="{{@site.url}}">{{@site.title}}</a> &copy; {{date format="YYYY"}}</section>
            <nav class="site-footer-nav">
                {{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>
{{!-- /.viewport --}}


{{!-- Scripts - handle member signups, responsive videos, infinite scroll, floating headers, and galleries --}}
<script
    src="https://code.jquery.com/jquery-3.5.1.min.js"
    integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
    crossorigin="anonymous">
</script>
<script src="{{asset "built/casper.js"}}"></script>
<script src="{{asset "js/prism.js"}}"></script>
<script>
$(document).ready(function () {
    // Mobile Menu Trigger
    $('.gh-burger').click(function () {
        $('body').toggleClass('gh-head-open');
    });
    // FitVids - Makes video embeds responsive
    $(".gh-content").fitVids();
});
</script>

{{!-- Ghost outputs required functional scripts with this tag - it should always be the last thing before the closing body tag --}}
{{ghost_foot}}

</body>
</html>
Casper - initial commit to separate GitHub repo 2013-05-11 10:16:11 +00:00			`<!DOCTYPE html>`
Auto dark mode 2022-05-27 06:46:30 +00:00			`<html lang="{{@site.locale}}"{{#match @custom.color_scheme "Dark"}} class="dark-mode"{{else match @custom.color_scheme "Auto"}} class="auto-color"{{/match}}>`
Casper - initial commit to separate GitHub repo 2013-05-11 10:16:11 +00:00			`<head>`
First pass 2.0 design 2017-05-15 20:03:47 +00:00
Style refresh 2021-03-03 02:48:32 +00:00			`{{!-- Basic meta - advanced meta is output with {ghost_head} below --}}`
			`<title>{{meta_title}}</title>`
replaced to html5 charset tag http-equiv="Content-Type" content="text/html" is invalid in HTML5. 2013-12-28 10:41:19 +00:00			`<meta charset="utf-8" />`
removed chrome frame option from meta tag Google has discontinue the Chrome frame project so I suggest to remove it. Event HTML5 boilerplate has removed it https://github.com/h5bp/html5-boilerplate/commit/8fc26501f4635df92bbbff966d8d6e6064e0e419 2013-12-28 10:55:38 +00:00			`<meta http-equiv="X-UA-Compatible" content="IE=edge" />`
Assets need slashes 2013-09-15 16:50:23 +00:00
First pass 2.0 design 2017-05-15 20:03:47 +00:00			`{{!-- Base Meta --}}`
Append blog title to post titles to improve SEO 2018-03-13 20:02:34 +00:00			`<title>`
			`{{#is "post, page"}}`
Replace @blog with @site 2023-07-11 19:12:56 +00:00			`{{meta_title}} - {{@site.title}}`
Append blog title to post titles to improve SEO 2018-03-13 20:02:34 +00:00			`{{else}}`
			`{{meta_title}}`
			`{{/is}}`
			`</title>`
Added self-closing tags to header Added self-closing tags to header Reverses commit 13e9620 - Self-closed tags in the header per Ghost code spec 2013-09-04 19:45:35 +00:00			`<meta name="HandheldFriendly" content="True" />`
			`<meta name="viewport" content="width=device-width, initial-scale=1.0" />`
Head > Adding preload 2021-10-15 03:30:01 +00:00
Consistent syntax 2023-06-27 05:01:12 +00:00			`{{!-- Preload scripts --}}`
			`<link rel="preload" as="style" href="{{asset "built/screen.css"}}" />`
			`<link rel="preload" as="script" href="{{asset "built/casper.js"}}" />`
Assets need slashes 2013-09-15 16:50:23 +00:00
Style refresh 2021-03-03 02:48:32 +00:00			`{{!-- Theme assets - use the {asset} helper to reference styles & scripts,`
			`this will take care of caching and cache-busting automatically --}}`
Rejig asset compilation destination Avoid using "public" because it's a reserved word by the asset helper 2017-06-16 12:23:03 +00:00			`<link rel="stylesheet" type="text/css" href="{{asset "built/screen.css"}}" />`
Add Prism for syntax highlighting 2018-03-14 00:48:40 +00:00			`<link rel="stylesheet" type="text/css" href="{{asset "css/prism.css"}}" />`
move font above css include (#279) 2017-02-24 05:23:02 +00:00
Style refresh 2021-03-03 02:48:32 +00:00			`{{!-- This tag outputs all your advanced SEO meta, structured data, and other important settings,`
			`it should always be the last tag before the closing head tag --}}`
Next pass on Casper refactor * New Helpers * Updated Helpers * New reponsive header styles * New global blog icon * Responsive styles adjustments 2013-08-26 00:35:53 +00:00			`{{ghost_head}}`

First pass 2.0 design 2017-05-15 20:03:47 +00:00			`</head>`
Added navbar options (#906) 2022-11-11 03:30:32 +00:00			`<body class="{{body_class}} is-head-{{#match @custom.navigation_layout "Logo on cover"}}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 "=" "Modern sans-serif"}} has-sans-body{{/match}}{{#if @custom.show_publication_cover}} has-cover{{/if}}">`
And so the lord said unto Moses, let us obliterate this CSS 2021-03-04 01:22:45 +00:00			`<div class="viewport">`

Fixed logo visibility when the header is hidden 2022-12-16 03:57:59 +00:00			`<header id="gh-head" class="gh-head outer{{#match @custom.header_style "Hidden"}} is-header-hidden{{/match}}">`
Added navbar options (#906) 2022-11-11 03:30:32 +00:00			`<div class="gh-head-inner inner">`
And so the lord said unto Moses, let us obliterate this CSS 2021-03-04 01:22:45 +00:00			`<div class="gh-head-brand">`
Fixed logo visibility when the header is hidden 2022-12-16 03:57:59 +00:00			`<a class="gh-head-logo{{#unless @site.logo}} no-image{{/unless}}" href="{{@site.url}}">`
And so the lord said unto Moses, let us obliterate this CSS 2021-03-04 01:22:45 +00:00			`{{#if @site.logo}}`
Added navbar options (#906) 2022-11-11 03:30:32 +00:00			`<img src="{{@site.logo}}" alt="{{@site.title}}">`
And so the lord said unto Moses, let us obliterate this CSS 2021-03-04 01:22:45 +00:00			`{{else}}`
			`{{@site.title}}`
			`{{/if}}`
			`</a>`
re-add aria-label to search button for screen readers This was added by https://github.com/TryGhost/Casper/pull/896 but then appears to have been accidentally reverted in the merge of https://github.com/TryGhost/Casper/pull/906 2023-01-17 01:48:35 +00:00			`<button class="gh-search gh-icon-btn" aria-label="Search this site" data-ghost-search>{{> "icons/search"}}</button>`
Added navbar options (#906) 2022-11-11 03:30:32 +00:00			`<button class="gh-burger"></button>`
And so the lord said unto Moses, let us obliterate this CSS 2021-03-04 01:22:45 +00:00			`</div>`
Added navbar options (#906) 2022-11-11 03:30:32 +00:00			`<nav class="gh-head-menu">`
And so the lord said unto Moses, let us obliterate this CSS 2021-03-04 01:22:45 +00:00			`{{navigation}}`
Added navbar options (#906) 2022-11-11 03:30:32 +00:00			`{{#unless @site.members_enabled}}`
Fix for intended location of search icon 2022-11-12 01:46:24 +00:00			`{{#match @custom.navigation_layout "Stacked"}}`
re-add aria-label to search button for screen readers This was added by https://github.com/TryGhost/Casper/pull/896 but then appears to have been accidentally reverted in the merge of https://github.com/TryGhost/Casper/pull/906 2023-01-17 01:48:35 +00:00			`<button class="gh-search gh-icon-btn" aria-label="Search this site" data-ghost-search>{{> "icons/search"}}</button>`
Added navbar options (#906) 2022-11-11 03:30:32 +00:00			`{{/match}}`
			`{{/unless}}`
			`</nav>`
And so the lord said unto Moses, let us obliterate this CSS 2021-03-04 01:22:45 +00:00
			`<div class="gh-head-actions">`
Added navbar options (#906) 2022-11-11 03:30:32 +00:00			`{{#unless @site.members_enabled}}`
Fix for intended location of search icon 2022-11-12 01:46:24 +00:00			`{{^match @custom.navigation_layout "Stacked"}}`
Added navbar options (#906) 2022-11-11 03:30:32 +00:00			`<button class="gh-search gh-icon-btn" data-ghost-search>{{> "icons/search"}}</button>`
			`{{/match}}`
And so the lord said unto Moses, let us obliterate this CSS 2021-03-04 01:22:45 +00:00			`{{else}}`
Added navbar options (#906) 2022-11-11 03:30:32 +00:00			`<button class="gh-search gh-icon-btn" data-ghost-search>{{> "icons/search"}}</button>`
Added sign in link to the navbar 2022-12-14 08:42:46 +00:00			`<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-button" href="#/portal/signup" data-portal="signup">Subscribe</a>`
			`{{else}}`
			`<a class="gh-head-button" href="#/portal/signin" data-portal="signin">Sign in</a>`
			`{{/unless}}`
Added navbar options (#906) 2022-11-11 03:30:32 +00:00			`{{else}}`
Fixed account button background 2022-12-15 01:55:41 +00:00			`<a class="gh-head-button" href="#/portal/account" data-portal="account">Account</a>`
Added navbar options (#906) 2022-11-11 03:30:32 +00:00			`{{/unless}}`
Added sign in link to the navbar 2022-12-14 08:42:46 +00:00			`</div>`
And so the lord said unto Moses, let us obliterate this CSS 2021-03-04 01:22:45 +00:00			`{{/unless}}`
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template 2019-10-21 05:43:34 +00:00			`</div>`
Added navbar options (#906) 2022-11-11 03:30:32 +00:00			`</div>`
And so the lord said unto Moses, let us obliterate this CSS 2021-03-04 01:22:45 +00:00			`</header>`
Navigation 2015-02-27 14:48:15 +00:00
Fix nested main element issue 2021-09-22 07:24:17 +00:00			`<div class="site-content">`
Style refresh 2021-03-03 02:48:32 +00:00			`{{!-- All other templates get inserted here, index.hbs, post.hbs, etc --}}`
Navigation 2015-02-27 14:48:15 +00:00			`{{{body}}}`
Fix nested main element issue 2021-09-22 07:24:17 +00:00			`</div>`
Navigation 2015-02-27 14:48:15 +00:00
And so the lord said unto Moses, let us obliterate this CSS 2021-03-04 01:22:45 +00:00			`{{!-- The global footer at the very bottom of the screen --}}`
			`<footer class="site-footer outer">`
Author profile 2021-03-04 22:22:45 +00:00			`<div class="inner">`
And so the lord said unto Moses, let us obliterate this CSS 2021-03-04 01:22:45 +00:00			`<section class="copyright"><a href="{{@site.url}}">{{@site.title}}</a> © {{date format="YYYY"}}</section>`
			`<nav class="site-footer-nav">`
Author profile 2021-03-04 22:22:45 +00:00			`{{navigation type="secondary"}}`
And so the lord said unto Moses, let us obliterate this CSS 2021-03-04 01:22:45 +00:00			`</nav>`
Added a class name to the powered by text no issues - our other themes have this class, and this makes it consistent across over all offcial themes 2023-03-28 08:01:24 +00:00			`<div class="gh-powered-by"><a href="https://ghost.org/" target="_blank" rel="noopener">Powered by Ghost</a></div>`
New subscribe overlay 2017-06-15 14:03:19 +00:00			`</div>`
And so the lord said unto Moses, let us obliterate this CSS 2021-03-04 01:22:45 +00:00			`</footer>`
Navigation 2015-02-27 14:48:15 +00:00
And so the lord said unto Moses, let us obliterate this CSS 2021-03-04 01:22:45 +00:00			`</div>`
			`{{!-- /.viewport --}}`
New Stylez * New pagination styles * Refactored footer to global footer * Introduced new RSS subscription tooltip 2013-08-28 19:07:18 +00:00
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template 2019-10-21 05:43:34 +00:00
Style refresh 2021-03-03 02:48:32 +00:00			`{{!-- Scripts - handle member signups, responsive videos, infinite scroll, floating headers, and galleries --}}`
			`<script`
			`src="https://code.jquery.com/jquery-3.5.1.min.js"`
			`integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="`
			`crossorigin="anonymous">`
			`</script>`
			`<script src="{{asset "built/casper.js"}}"></script>`
Merge remote-tracking branch 'upstream/main' 2021-04-07 17:00:37 +00:00			`<script src="{{asset "js/prism.js"}}"></script>`
Style refresh 2021-03-03 02:48:32 +00:00			`<script>`
And so the lord said unto Moses, let us obliterate this CSS 2021-03-04 01:22:45 +00:00			`$(document).ready(function () {`
			`// Mobile Menu Trigger`
			`$('.gh-burger').click(function () {`
			`$('body').toggleClass('gh-head-open');`
Style refresh 2021-03-03 02:48:32 +00:00			`});`
Author profile 2021-03-04 22:22:45 +00:00			`// FitVids - Makes video embeds responsive`
			`$(".gh-content").fitVids();`
And so the lord said unto Moses, let us obliterate this CSS 2021-03-04 01:22:45 +00:00			`});`
Style refresh 2021-03-03 02:48:32 +00:00			`</script>`
First pass 2.0 design 2017-05-15 20:03:47 +00:00
Style refresh 2021-03-03 02:48:32 +00:00			`{{!-- Ghost outputs required functional scripts with this tag - it should always be the last thing before the closing body tag --}}`
			`{{ghost_foot}}`
Theme helper blitz - date no longer requires published_at - author.name now works.. so using for consistency - url has absolute flag - other misc fixes 2013-09-02 21:12:24 +00:00
Casper - initial commit to separate GitHub repo 2013-05-11 10:16:11 +00:00			`</body>`
Use asset helper to generate paths. fixes #54 2013-11-28 13:41:52 +00:00			`</html>`