coryd.dev/src/pages/sections/posts/post.html

59 lines
1.6 KiB
HTML

---
pagination:
data: posts.all
size: 1
alias: post
permalink: "{{ post.url }}/index.html"
schema: blog
---
<article class="standalone">
<aside>
{%- if post.featured -%}{% tablericon "star" %}{%- endif -%}
<time datetime="{{ post.date }}">
{{ post.date | date: "%B %e, %Y" }}
</time>
</aside>
<h3>{{ post.title }}</h3>
{% render "blocks/tags.liquid",
tags:post.tags
%}
<div>
{% render "blocks/banners/old-post.liquid",
isOldPost:post.old_post
%}
{%- if post.image -%}
<img
srcset="
{{ globals.cdn_url }}{{ post.image }}?class=w200&type=webp 200w,
{{ globals.cdn_url }}{{ post.image }}?class=w400&type=webp 400w,
{{ globals.cdn_url }}{{ post.image }}?class=w800&type=webp 800w,
{{ globals.cdn_url }}{{ post.image }}?class=w1600&type=webp 1600w
"
sizes="(max-width: 450px) 200px,
(max-width: 850px) 400px,
(max-width: 1000px) 800px,
1200px"
src="{{ globals.cdn_url }}{{ post.image }}?class=w200"
alt="{{ post.image_alt | replaceQuotes }}"
class="image-banner"
loading="eager"
decoding="async"
width="200"
height="auto"
/>
{%- endif -%}
{{ post.content | markdown }}
{% render "blocks/index.liquid",
blocks:post.blocks
%}
{% render "blocks/associated-media.liquid",
artists: post.artists,
books: post.books,
genres: post.genres,
movies: post.movies,
posts: post.posts,
shows: post.shows
%}
{% render "blocks/banners/coffee.liquid" %}
</div>
</article>