zgodovina-fotografije/content/themes/aluo_foto_master-2/old/content_index copy 2.hbs

46 lines
1.8 KiB
Handlebars
Executable File

{{!< default}}
<!-- Blog Header -->
<header class="blog-header {{#if @site.cover_image}} has-cover{{/if}}">
<div class="inner">
<!-- Back to Content Index Button -->
<a href="/" class="back-button">
<img src="{{asset "images/arrow_back_kazalo.svg"}}" alt="Back Button" />
</a>
<div class="box index-box">
<img src="{{asset "images/kazalo.svg"}}" alt="Kazalo" />
</div>
</div>
</header>
<div id="index" class="container">
<main class="content" role="main">
<div class="index-content">
{{#get "posts" limit="all" order="published_at asc"}}
{{#foreach posts}}
<div class="post-summary" id="{{id}}">
<div class="image-overlay-container">
{{#if feature_image}}
<figure class="post-figure">
{{#if feature_image_caption}}
<hr>
<figcaption class="post-feature-image-caption">{{feature_image_caption}}</figcaption>
{{/if}}
<img src="{{feature_image}}" alt="{{title}}" class="post-feature-image">
</figure>
{{/if}}
<div class="overlay-text">
<h2 class="post-title"><a href="{{url}}">{{title}}</a></h2>
<ul class="post-subheaders"><span class="bullet"></span></ul>
</div>
</div>
</div>
{{/foreach}}
{{/get}}
</div>
</main>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"></script>
<script src="{{asset "js/content_index.js"}}"></script>