95 lines
3.2 KiB
Handlebars
95 lines
3.2 KiB
Handlebars
{{!< default}}
|
|
{{!-- The tag above means: insert everything in this file into the body of the default.hbs template --}}
|
|
|
|
{{#post}}
|
|
|
|
<main class="gh-main">
|
|
|
|
<article class="gh-article {{post_class}}">
|
|
|
|
<header class="gh-article-header gh-canvas">
|
|
|
|
<div class="gh-article-tags">
|
|
{{#foreach tags}}
|
|
<a class="gh-article-tag" href="{{url}}">{{name}}</a>
|
|
{{/foreach}}
|
|
</div>
|
|
<h1 class="gh-article-title is-title">{{title}}</h1>
|
|
|
|
<div class="gh-article-meta">
|
|
<div class="gh-article-author-image">
|
|
{{#foreach authors}}
|
|
{{#if profile_image}}
|
|
<a href="{{url}}">
|
|
<img class="author-profile-image" src="{{img_url profile_image size="xs"}}" alt="{{name}}" />
|
|
</a>
|
|
{{else}}
|
|
<a href="{{url}}">{{> "icons/avatar"}}</a>
|
|
{{/if}}
|
|
{{/foreach}}
|
|
</div>
|
|
<div class="gh-article-meta-wrapper">
|
|
<h4 class="gh-article-author-name">{{authors}}</h4>
|
|
<div class="gh-article-meta-content">
|
|
<time class="gh-article-meta-date" datetime="{{date format="YYYY-MM-DD"}}">{{date}}</time>
|
|
{{#if reading_time}}
|
|
<span class="gh-article-meta-length"><span class="bull">—</span> {{reading_time}}</span>
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{> "feature-image"}}
|
|
|
|
</header>
|
|
|
|
<section class="gh-content gh-canvas is-body">
|
|
{{content}}
|
|
</section>
|
|
|
|
</article>
|
|
|
|
<section class="gh-comments gh-canvas">
|
|
|
|
<div id="mastodon-comments-header" style="display: none;">
|
|
|
|
<div class="mastodon-comments-top">
|
|
<hr/>
|
|
</div>
|
|
|
|
<h2>Comments</h2>
|
|
<p>Comments powered by Mastodon. Reply to <a id="toot-link-top">this status</a> to comment.</p>
|
|
<div class="tootlink-tip">
|
|
<b>Tip:</b> paste this URL into the search bar of your Mastodon client:<br/>
|
|
<span id="toot-link-clip" class="tootlink" onclick="copyElementTextToClipboard(this)"></span> (click to copy)
|
|
</div>
|
|
</div>
|
|
|
|
<noscript><p>You need JavaScript to view the comments.</p></noscript>
|
|
<div id="mastodon-comments-list"></div>
|
|
</section>
|
|
|
|
{{#if comments}}
|
|
<div class="gh-comments gh-canvas">
|
|
{{comments}}
|
|
</div>
|
|
{{/if}}
|
|
|
|
</main>
|
|
|
|
{{/post}}
|
|
|
|
{{#get "posts" include="authors,tags" filter="id:-{{post.id}}" limit="4" as |next|}}
|
|
{{#if next}}
|
|
<section class="gh-container is-grid gh-outer">
|
|
<div class="gh-container-inner gh-inner">
|
|
<h2 class="gh-container-title">Read more</h2>
|
|
<div class="gh-feed">
|
|
{{#foreach next}}
|
|
{{> "post-card" lazyLoad=true}}
|
|
{{/foreach}}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{{/if}}
|
|
{{/get}} |