Badri Sunderarajan
cb3fbfc08d
We can now set social links using custom properties, leaving the secondary navigation free for other things (like complying with payment gateway standards)!
138 lines
5.5 KiB
Handlebars
138 lines
5.5 KiB
Handlebars
<!DOCTYPE html>
|
|
<html lang="{{@site.locale}}">
|
|
<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" />
|
|
<meta name="HandheldFriendly" content="True" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
{{!-- 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"}}" />
|
|
|
|
{{! -- Here come all the fonts! -- }}
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@800&family=Crimson+Text:ital,wght@0,400;0,700;1,400;1,700&family=Didact+Gothic&family=Fanwood+Text:ital@0;1&display=swap" rel="stylesheet">
|
|
|
|
{{!-- 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}}">
|
|
<div class="viewport">
|
|
{{> "icons/social-sprites"}}
|
|
|
|
<header id="gh-head" class="gh-head {{#if @site.cover_image}}has-cover{{/if}}">
|
|
<nav class="gh-head-inner inner gh-container">
|
|
|
|
<div class="gh-head-brand">
|
|
<a class="gh-head-logo" href="{{@site.url}}">
|
|
{{#if @site.logo}}
|
|
<img src="{{@site.logo}}" alt="{{@site.title}}" />
|
|
{{else}}
|
|
{{@site.title}}
|
|
{{/if}}
|
|
</a>
|
|
<a class="gh-burger" role="button">
|
|
<div class="gh-burger-box">
|
|
<div class="gh-burger-inner"></div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="gh-head-menu">
|
|
{{navigation}}
|
|
</div>
|
|
<div class="gh-head-actions">
|
|
<div class="gh-social">
|
|
{{#if @site.facebook}}
|
|
<a class="gh-social-facebook" href="{{facebook_url @site.facebook}}" title="Facebook" target="_blank" rel="noopener">{{> "icons/facebook"}}</a>
|
|
{{/if}}
|
|
{{#if @site.twitter}}
|
|
<a class="gh-social-twitter" href="{{twitter_url @site.twitter}}" title="Twitter" target="_blank" rel="noopener">{{> "icons/twitter"}}</a>
|
|
{{/if}}
|
|
{{#if @custom.mastodon_url}}
|
|
<a class="gh-social-mastodon" href="{{@custom.mastodon_url}}" title="Mastodon" target="_blank" rel="noopener">
|
|
<svg width="16" height="16" role="img" aria-label="Mastodon icon">
|
|
<use xlink:href="#mastodon"></use>
|
|
</svg>
|
|
</a>
|
|
{{/if}}
|
|
{{#if @custom.instagram_url}}
|
|
<a class="gh-social-instagram" href="{{@custom.instagram_url}}" title="Instagram" target="_blank" rel="noopener">
|
|
<svg width="16" height="16" role="img" aria-label="Instagram icon">
|
|
<use xlink:href="#instagram"></use>
|
|
</svg>
|
|
</a>
|
|
{{/if}}
|
|
</div>
|
|
|
|
{{#unless @member}}
|
|
<a class="gh-head-button" href="#/portal/signup">Newsletter</a>
|
|
{{else}}
|
|
<a class="gh-head-button" href="#/portal/account">Account</a>
|
|
{{/unless}}
|
|
</div>
|
|
</nav>
|
|
</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> © {{date format="YYYY"}}</section>
|
|
|
|
<nav class="site-footer-nav">
|
|
{{navigation type="secondary"}}
|
|
</nav>
|
|
|
|
<div><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>
|
|
$(document).ready(function () {
|
|
// Mobile Menu Trigger
|
|
$('.gh-burger').click(function () {
|
|
$('body').toggleClass('gh-head-open');
|
|
});
|
|
// FitVids - Makes video embeds responsive
|
|
$(".gh-content").fitVids();
|
|
});
|
|
</script>
|
|
<script type="text/javascript">
|
|
/**
|
|
* toggleMathfulness: a function to toggle between "math-free"
|
|
* and "mathful" elements on the page. This is a global toggle
|
|
* that sets all math-toggle checkboxes to the specified value.
|
|
*/
|
|
function toggleMathfulness(element) {
|
|
// apply current state to all elements
|
|
Array.from(document.getElementsByClassName('math-toggle')).forEach((e)=>{e.checked = element.checked})
|
|
}
|
|
</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>
|