mind-overflow-website-ghost.../post.hbs
Lorenzo Dellacà e899839211 Implement more image resizing, fix responsiveness
- Two new image sizes have been added: xl and xxl.
- Image resizing has been implemented in featured images.
- Some elements were not responsive, such as the link preview and code block.
2020-11-06 17:35:02 +01:00

56 lines
2.2 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 format='YYYY-MM-DD'}}">{{date 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>
</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>