Files
www_threefold_io/templates/blogPage.html
2022-07-24 21:29:51 +02:00

85 lines
2.7 KiB
HTML

{% extends "_default/base.html" %}
{% block content %}
{% if page.taxonomies.people %}
{% set author_path = 'people/' ~ page.taxonomies.people[0] ~ '/index.md' %}
{% set author = get_page(path=author_path) %}
{% endif %}
<!-- Default page template for blog posts and basic informative markdown files -->
<main>
<div class="container mx-auto mt-10">
<div>
<article id="article" class="article lg:w-4/6 mx-auto">
<h1 class="lg:text-5xl font-medium leading-none mt-0 text-gray-700">
{{ page.title }}
</h1>
<h4 class="text-2xl text-gray-600 leading-8">
{{ page.description }}
</h4>
<section class="post-author-list mb-3 mx-0">
<div class="flex items-center">
<div class="flex justify-between items-center">
<ul class="list-none flex author-list m-0">
<li class="author-list-item">
{% if author %}
{% set author_img = get_url(path='/' ~ author.relative_path | replace(from='_', to='-') | replace(from='index.md', to=author.extra.imgPath)) %}
<img src="{{author_img}}" alt="{{author.title}}" class="
h-8
w-8
sm:h-10
sm:w-10
rounded-full
bg-gray-200
border-2 border-white
" />
</li>
{% endif %}
</ul>
</div>
<div class="pl-3 flex flex-col text-xs leading-none uppercase">
{% if author %}
<p class="text-gray-700 text-xs">{{ author.title }}</p>
{% endif %}
<p class="text-gray-700 text-xs">
<time datetime="{{ page.date }}"> {{ page.date | date(format="%B %e, %Y", timezone="America/Chicago") }}</time>
</p>
</div>
</div>
<div class="my-2 sharethis-inline-share-buttons"></div>
</section>
<img class="mb-8 mx-auto" src={{"/" ~ page.extra.imgPath}} alt="">
<div id="article">{{ page.content | safe }}</div>
<section class="post-tags container relative py-10">
{% for tag in page.taxonomies.tags %}
{% set fullpath = "/tags/" ~ tag | replace(from='_', to='-' ) %}
<button class="
text-xs
bg-transparent
hover:text-blue-700
py-2
px-4
mr-2
border
hover:border-blue-500
border-gray-600
text-gray-700
rounded-full
"><a href="{{fullpath}}">{{ tag }}</a></button>
{% endfor %}
</section>
</article>
</div>
</div>
</main>
{% endblock content %}