Lorenzo Dellacà
2858f82b3a
Now, all posts show info about: author, updated date, tags. However, styling is needed and also the tags part has to be fixed (we need to add a comma after every tag's name, excluding the last one)
69 lines
2.9 KiB
Handlebars
Executable File
69 lines
2.9 KiB
Handlebars
Executable File
{{!< default}}
|
|
<div class="mind-post-header unselectable">
|
|
{{#post}}
|
|
|
|
<div>
|
|
<h1>{{title}}</h1>
|
|
<p><a class="mind-post-header_tag" href="{{primary_tag.url}}">{{primary_tag.name}}</a> •
|
|
<time class="post-date" datetime="{{date published_at format='YYYY-MM-DD'}}">{{date published_at format="DD MMMM YYYY"}}</time>
|
|
</p>
|
|
</div>
|
|
{{/post}}
|
|
<i class="mind-global-header_arrow-down mind-global-header_arrow-down-mid"></i>
|
|
</div>
|
|
|
|
<main>
|
|
<div class="mind-content_main">
|
|
<div class="mind-post_main">
|
|
<aside class="mind-post_sidebar unselectable">
|
|
<div class="mind-post_sidebar-content" id="mind-post_sidebar-left">
|
|
<h4>Paragraphs</h4>
|
|
{{!-- This gets automatically filled by the sidebar script! --}}
|
|
</div>
|
|
</aside>
|
|
{{#post}}
|
|
<div class="mind-post_central-column">
|
|
<div class="mind-post_content">
|
|
<div class="mind-post_content-header">
|
|
|
|
{{#if feature_image}}
|
|
<img class="mind-post_feature-image"
|
|
srcset="
|
|
{{img_url feature_image size="s"}} 300w,
|
|
{{img_url feature_image size="m"}} 600w,
|
|
{{img_url feature_image size="l"}} 1200w,
|
|
{{img_url feature_image size="xl"}} 1600w,
|
|
{{img_url feature_image size="xxl"}} 2000w"
|
|
src="{{img_url feature_image size="l"}}"
|
|
alt="Feature Image"/>
|
|
{{/if}}
|
|
</div>
|
|
{{content}}
|
|
<hr>
|
|
<i>Last update: <time class="post-date" datetime="{{date updated_at format='YYYY-MM-DD'}}">{{date updated_at format="DD MMMM YYYY"}}</time></i>
|
|
<br />
|
|
<i>Author: {{primary_author.name}}</i>
|
|
|
|
{{#if tags}}
|
|
<br />
|
|
<i>Tags:
|
|
{{#foreach tags}} {{!-- TODO: NOT WORKING --}}
|
|
<a href="{{url}}" title="{{name}}" class="tag tag-{{id}} {{slug}}">{{name}}</a>
|
|
{{/foreach}}
|
|
{{/if}}
|
|
</i>
|
|
<hr>
|
|
</div>
|
|
<h3>Comments</h3>
|
|
<div id="remark42"></div>
|
|
</div>
|
|
{{/post}}
|
|
<aside class="mind-post_sidebar unselectable">
|
|
<div class="mind-post_sidebar-content">
|
|
{{> "post-card-small"}}
|
|
</div>
|
|
</aside>
|
|
</div>
|
|
</div>
|
|
</main>
|