2013-10-17 03:16:40 +00:00
|
|
|
{{!< default}}
|
2017-05-31 18:09:50 +00:00
|
|
|
{{!-- The tag above means: insert everything in this file
|
|
|
|
into the {body} of the default.hbs template --}}
|
2013-10-17 03:16:40 +00:00
|
|
|
|
2017-05-15 20:03:47 +00:00
|
|
|
{{!-- The big featured header, it uses blog cover image as a BG if available --}}
|
2019-10-21 05:43:34 +00:00
|
|
|
<header class="site-header">
|
|
|
|
<div class="outer site-nav-main">
|
|
|
|
<div class="inner">
|
|
|
|
{{> "site-nav"}}
|
|
|
|
</div>
|
2017-05-15 20:03:47 +00:00
|
|
|
</div>
|
|
|
|
</header>
|
|
|
|
|
2017-05-31 18:09:50 +00:00
|
|
|
{{!-- Everything inside the #post tags pulls data from the post --}}
|
2014-11-11 05:02:52 +00:00
|
|
|
{{#post}}
|
|
|
|
|
2018-04-17 20:19:05 +00:00
|
|
|
<main id="site-main" class="site-main outer">
|
2017-05-31 18:09:50 +00:00
|
|
|
<div class="inner">
|
|
|
|
|
2017-06-05 11:19:29 +00:00
|
|
|
<article class="post-full {{post_class}} {{#unless feature_image}}no-image{{/unless}}">
|
2014-07-20 14:43:44 +00:00
|
|
|
|
2017-05-31 18:09:50 +00:00
|
|
|
<header class="post-full-header">
|
|
|
|
<h1 class="post-full-title">{{title}}</h1>
|
|
|
|
</header>
|
2013-10-17 03:16:40 +00:00
|
|
|
|
2017-05-31 18:09:50 +00:00
|
|
|
{{#if feature_image}}
|
2018-12-17 12:25:57 +00:00
|
|
|
<figure class="post-full-image">
|
|
|
|
{{!-- This is a responsive image, it loads different sizes depending on device
|
|
|
|
https://medium.freecodecamp.org/a-guide-to-responsive-images-with-ready-to-use-templates-c400bd65c433 --}}
|
|
|
|
<img
|
|
|
|
srcset="{{img_url feature_image size="s"}} 300w,
|
|
|
|
{{img_url feature_image size="m"}} 600w,
|
|
|
|
{{img_url feature_image size="l"}} 1000w,
|
|
|
|
{{img_url feature_image size="xl"}} 2000w"
|
|
|
|
sizes="(max-width: 800px) 400px,
|
2019-10-21 05:43:34 +00:00
|
|
|
(max-width: 1170px) 1170px,
|
|
|
|
2000px"
|
2018-12-17 12:25:57 +00:00
|
|
|
src="{{img_url feature_image size="xl"}}"
|
|
|
|
alt="{{title}}"
|
|
|
|
/>
|
2017-05-31 18:09:50 +00:00
|
|
|
</figure>
|
|
|
|
{{/if}}
|
2013-10-17 03:16:40 +00:00
|
|
|
|
2017-05-31 18:09:50 +00:00
|
|
|
<section class="post-full-content">
|
2018-08-21 16:47:42 +00:00
|
|
|
<div class="post-content">
|
|
|
|
{{content}}
|
|
|
|
</div>
|
2017-05-31 18:09:50 +00:00
|
|
|
</section>
|
2013-10-17 03:16:40 +00:00
|
|
|
|
2017-05-31 18:09:50 +00:00
|
|
|
</article>
|
|
|
|
|
|
|
|
</div>
|
2013-10-17 03:16:40 +00:00
|
|
|
</main>
|
2017-05-31 18:09:50 +00:00
|
|
|
|
2014-11-11 05:02:52 +00:00
|
|
|
{{/post}}
|
2017-06-12 09:01:00 +00:00
|
|
|
|
2021-03-03 02:48:32 +00:00
|
|
|
|
2017-06-12 09:01:00 +00:00
|
|
|
<script>
|
2021-03-03 02:48:32 +00:00
|
|
|
$(function() {
|
|
|
|
var $postContent = $(".gh-content");
|
|
|
|
$postContent.fitVids();
|
|
|
|
});
|
2017-06-12 09:01:00 +00:00
|
|
|
</script>
|