75 lines
2.9 KiB
Handlebars
75 lines
2.9 KiB
Handlebars
|
{{!< default}}
|
||
|
|
{{!-- Einzelner Beitrag --}}
|
||
|
|
{{#post}}
|
||
|
|
<main class="site-main">
|
||
|
|
<article class="article {{post_class}}">
|
||
|
|
|
||
|
|
<header class="article__header container container--narrow">
|
||
|
|
{{#if tags}}
|
||
|
|
<div class="tag-list">
|
||
|
|
{{#foreach tags}}<a class="tag-badge" href="{{url}}">{{name}}</a>{{/foreach}}
|
||
|
|
</div>
|
||
|
|
{{/if}}
|
||
|
|
|
||
|
|
<h1 class="article__title">{{title}}</h1>
|
||
|
|
|
||
|
|
<div class="post-meta">
|
||
|
|
<svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></svg>
|
||
|
|
<time datetime="{{date format="YYYY-MM-DD"}}">{{date format="D. MMMM YYYY"}}</time>
|
||
|
|
<span class="post-meta__sep">·</span>
|
||
|
|
<span>{{reading_time minute=(t "1 min read") minutes=(t "% min read")}}</span>
|
||
|
|
{{#if primary_author}}
|
||
|
|
<span class="post-meta__sep">·</span>
|
||
|
|
<span>{{authors separator=", "}}</span>
|
||
|
|
{{/if}}
|
||
|
|
</div>
|
||
|
|
|
||
|
|
{{#if custom_excerpt}}
|
||
|
|
<p class="article__excerpt">{{custom_excerpt}}</p>
|
||
|
|
{{/if}}
|
||
|
|
</header>
|
||
|
|
|
||
|
|
{{#if feature_image}}
|
||
|
|
<figure class="article__image container">
|
||
|
|
<img
|
||
|
|
srcset="{{img_url feature_image size="m"}} 750w,
|
||
|
|
{{img_url feature_image size="l"}} 1140w,
|
||
|
|
{{img_url feature_image size="xl"}} 1920w"
|
||
|
|
sizes="(max-width: 1200px) 100vw, 1140px"
|
||
|
|
src="{{img_url feature_image size="l"}}"
|
||
|
|
alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}">
|
||
|
|
{{#if feature_image_caption}}<figcaption>{{feature_image_caption}}</figcaption>{{/if}}
|
||
|
|
</figure>
|
||
|
|
{{/if}}
|
||
|
|
|
||
|
|
<section class="gh-content">
|
||
|
|
{{content}}
|
||
|
|
</section>
|
||
|
|
|
||
|
|
</article>
|
||
|
|
|
||
|
|
<nav class="post-nav container container--narrow" aria-label="{{t "More posts"}}">
|
||
|
|
{{#next_post}}
|
||
|
|
<a class="post-nav__link post-nav__link--newer" href="{{url}}">
|
||
|
|
<span class="post-nav__label">← {{t "Newer Post"}}</span>
|
||
|
|
<span class="post-nav__title">{{title}}</span>
|
||
|
|
</a>
|
||
|
|
{{else}}
|
||
|
|
<span></span>
|
||
|
|
{{/next_post}}
|
||
|
|
{{#prev_post}}
|
||
|
|
<a class="post-nav__link post-nav__link--older" href="{{url}}">
|
||
|
|
<span class="post-nav__label">{{t "Older Post"}} →</span>
|
||
|
|
<span class="post-nav__title">{{title}}</span>
|
||
|
|
</a>
|
||
|
|
{{/prev_post}}
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
{{#if comments}}
|
||
|
|
<section class="article__comments container container--narrow">
|
||
|
|
{{comments}}
|
||
|
|
</section>
|
||
|
|
{{/if}}
|
||
|
|
</main>
|
||
|
|
{{/post}}
|