bune.city/_layouts/post.html

55 lines
2.2 KiB
HTML

---
layout: default
---
{% include header.html %}
<h1 id='post-title'>{{ page.title }}</h1>
<main>
<article id='post-content'>
<section id='post-info'>
<i class='material-icons'>access_time</i> Published {{ page.date | date_to_long_string: "ordinal" }} <br>
<i class='material-icons'>group_work</i> Categories:
{{ " " }}{%- for category in page.categories -%}
<a href='/categories/{{ category | downcase }}'>{{ category }}</a>
{%- unless category == page.categories.last %}, {% endunless %}
{%- endfor %} <br>
<i class='material-icons'>label</i> Tags:
{{ " " }}{%- for tag in page.tags -%}
<a href='/tags/{{ tag | downcase }}'>{{ tag }}</a>
{%- unless tag == page.tags.last %}, {% endunless %}
{%- endfor %}
</section>
<section id='post-body'>
{{ content }}
</section>
<!-- <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a> -->
<hr>
<section id='post-related'>
<h2 id='related'>Posts like this</h2>
<div id='post-related-posts'>
{% for post in site.related_posts limit: 3 -%}
<div class='related-post'>
<div class='related-title'>{{ post.title }}</div>
<p>
{% if post.summary %}{{ post.summary }}{% else %}{{ post.excerpt | summarise }}{% endif %}
</p>
<a href='{{ post.url }}'>Read more</a>
</div>
{%- endfor %}
</div>
</section>
<section id='post-share'>
<h2 id='share'>Share this post</h2>
{%- assign summary = page.summary %}
{%- unless summary %}
{%- assign summary = page.excerpt | summarise | truncate: 150 %}
{%- endunless %}
{%- assign summary = summary | escape %}
<a class='post-share mastodon' target='_blank' href='/mastodon-share.html#Bune City Blog - {{ page.title }}%0A%0A{{ summary }}%0A%0A{{ page.url | absolute_url }} %23BuneCityBlog'></a>
<a class='post-share email' target='_blank' href="mailto:?subject={{ page.title }} - Bune City Blog&amp;body=An interesting article I read on the Bune City Blog: {{ summary }} Read more: {{ page.url }}"></a>
</section>
<section id='post-comments'>
<h2 id='comments'>Leave a comment</h2>
coming soon uwu
</section>
</article>
</main>