---
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>