63 lines
1.6 KiB
Handlebars
63 lines
1.6 KiB
Handlebars
{{!< default}}
|
|
|
|
{{#post}}
|
|
<article class="post-content {{post_class}} {{#unless feature_image}}no-image{{/unless}}">
|
|
|
|
<header class="post-content-header">
|
|
<h1 class="post-content-title">{{title}}</h1>
|
|
</header>
|
|
|
|
{{#if custom_excerpt}}
|
|
<p class="post-content-excerpt">{{custom_excerpt}}</p>
|
|
{{/if}}
|
|
|
|
{{#if feature_image}}
|
|
<div class="post-content-image">
|
|
<img class="kg-image" src="{{feature_image}}" alt="{{title}}" />
|
|
</div>
|
|
{{/if}}
|
|
|
|
<div class="post-content-body">
|
|
{{content}}
|
|
</div>
|
|
|
|
{{!-- Email subscribe form at the bottom of the page --}}
|
|
{{#if @labs.members}}
|
|
{{> subscribe-form}}
|
|
{{/if}}
|
|
|
|
<footer class="post-content-footer">
|
|
|
|
<div class="post-authors">
|
|
Written by
|
|
{{#foreach authors}}
|
|
<a href="{{url}}">{{name}}</a>
|
|
{{/foreach}}
|
|
</div>
|
|
|
|
</footer>
|
|
|
|
{{!--
|
|
<section class="post-content-comments">
|
|
If you want to embed comments, this is a good place to do it!
|
|
</section>
|
|
--}}
|
|
|
|
</article>
|
|
{{/post}}
|
|
|
|
{{!-- The #contentFor helper here will send everything inside it up to the matching #block helper found in default.hbs --}}
|
|
{{#contentFor "scripts"}}
|
|
<script>
|
|
// Layout Script for Ghost Gallery Cards
|
|
var images = document.querySelectorAll('.kg-gallery-image img');
|
|
images.forEach(function (image) {
|
|
var container = image.closest('.kg-gallery-image');
|
|
var width = image.attributes.width.value;
|
|
var height = image.attributes.height.value;
|
|
var ratio = width / height;
|
|
container.style.flex = ratio + ' 1 0%';
|
|
})
|
|
</script>
|
|
{{/contentFor}}
|