65 lines
2.4 KiB
Handlebars
65 lines
2.4 KiB
Handlebars
|
{{!< default}}
|
||
|
|
|
||
|
|
<header class="blog-header {{#if @site.cover_image}} has-cover{{/if}}">
|
||
|
|
<div class="inner">
|
||
|
|
<div class="box blog-box">
|
||
|
|
<h1 class="blog-name">{{@site.title}}</h1>
|
||
|
|
{{#if @site.description}}
|
||
|
|
<span class="blog-description">{{@site.description}}</span>
|
||
|
|
{{/if}}
|
||
|
|
</div>
|
||
|
|
{{#if @site.cover_image}}
|
||
|
|
<div class="blog-cover cover">
|
||
|
|
<img
|
||
|
|
srcset="{{img_url @site.cover_image size="s"}} 320w,
|
||
|
|
{{img_url @site.cover_image size="m"}} 640w,
|
||
|
|
{{img_url @site.cover_image size="l"}} 960w,
|
||
|
|
{{img_url @site.cover_image size="xl"}} 1920w"
|
||
|
|
src="{{img_url @site.cover_image size="xl"}}"
|
||
|
|
alt="{{@site.title}}" />
|
||
|
|
</div>
|
||
|
|
{{/if}}
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<!-- Sticky Menu Bar -->
|
||
|
|
<nav class="portal-menu">
|
||
|
|
<ul>
|
||
|
|
{{#get "posts" order="published_at asc" limit="all"}}
|
||
|
|
{{#foreach posts}}
|
||
|
|
<li><a href="#{{slug}}" class="smooth-scroll">{{title}}</a></li>
|
||
|
|
{{/foreach}}
|
||
|
|
{{/get}}
|
||
|
|
</ul>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
<div id="index" class="container">
|
||
|
|
<main class="content" role="main">
|
||
|
|
{{!-- Main Content --}}
|
||
|
|
{{#get "posts" order="published_at asc" limit="all"}}
|
||
|
|
{{#foreach posts}}
|
||
|
|
<article id="{{slug}}" class="{{post_class}}">
|
||
|
|
<div class="inner">
|
||
|
|
<div class="box post-box">
|
||
|
|
{{#if featured}}
|
||
|
|
<span class="post-feature">
|
||
|
|
<i class="icon icon-star">{{> "icons/icon-star"}}</i>
|
||
|
|
</span>
|
||
|
|
{{/if}}
|
||
|
|
<h2 class="post-title"><a href="{{url}}">{{{title}}}</a></h2>
|
||
|
|
<span class="post-meta">
|
||
|
|
{{t "By"}}
|
||
|
|
{{authors separator=", "}}
|
||
|
|
{{#primary_tag}}{{t "in"}} <a class="post-meta-tag" href="{{url}}">{{name}}</a>{{/primary_tag}}
|
||
|
|
{{t "on"}}
|
||
|
|
<time datetime="{{date format='DD-MM-YYYY'}}">{{date format="DD MMM YYYY"}}</time>
|
||
|
|
</span>
|
||
|
|
<p class="post-excerpt">{{content}}…</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
{{/foreach}}
|
||
|
|
{{/get}}
|
||
|
|
</main>
|
||
|
|
</div>
|