_layouts/post.html in awesome-jekyll-theme-1.0.1 vs _layouts/post.html in awesome-jekyll-theme-1.1.0
- old
+ new
@@ -9,36 +9,47 @@
<a href="{{site.url}}/category/{{page.categories[0] | replace: ' ', '-' | downcase}}"
class="no-underline font-mulish text-sm hover:text-sky-400 text-gray-500">
{{ page.categories[0] | upcase }}
</a>
</div>
+
<h1 class="text-left text-2xl font-bold md:text-5xl text-black">{{page.title}}</h1>
- <div class="flex text-sm font-mulish">
- <p>{{ page.author }}</p>
- <p class="px-2">•</p>
- <p>{{ page.date | date: "%-d %B %Y" }}</p>
- <p class="px-2">•</p>
- <p>
- {% assign words = content | number_of_words %}
- {% if words < 360 %} 1 min {% else %} {{ words | divided_by: 180 }} mins {% endif %} </p>
+
+ <div class="flex flex-col md:flex-row text-sm font-mulish justify-between items-center">
+ <div class="flex">
+ <p>{{ page.author }}</p>
+ <p class="px-2">•</p>
+ <p>{{ page.date | date: "%-d %B %Y" }}</p>
+ <p class="px-2">•</p>
+ <p>
+ {% assign words = content | number_of_words %}
+ {% if words < 360 %} 1 min {% else %} {{ words | divided_by: 180 }} mins {% endif %} </p>
+ </div>
+ <div>
+ {% include sharing.html %}
+ </div>
</div>
- <img class="mt-0" src="{{page.image | relative_url}}" alt="{{page.title}}">
+ <img class="w-full" src="{{page.image | relative_url}}" alt="{{page.title}}">
<div class="my-6">
{{content}}
</div>
<div class="mx-auto py-8">
+ <p class="text-center font-extrabold italic">
+ {{ site.data[site.active_lang].strings.post.share | default:
+ site.data['en'].strings.post.share}}
+ </p>
{% include sharing.html %}
</div>
<div class="font-mulish flex justify-center mb-10">
{% if page.previous.url %}
- <a class="pr-2" href="{{page.previous.url}}">« {{ page.previous.title }}</a>
+ <a class="pr-2" href="{{page.previous.url | relative_url}}">« {{ page.previous.title }}</a>
{% endif %}
{% if page.next.url %}
- <a class="pl-2" href="{{page.next.url}}">{{ page.next.title }} »</a>
+ <a class="pl-2" href="{{page.next.url | relative_url}}">{{ page.next.title }} »</a>
{% endif %}
</div>
{% include comment_system.html %}
</div>