_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}}">&laquo; {{ page.previous.title }}</a> + <a class="pr-2" href="{{page.previous.url | relative_url}}">&laquo; {{ page.previous.title }}</a> {% endif %} {% if page.next.url %} - <a class="pl-2" href="{{page.next.url}}">{{ page.next.title }} &raquo;</a> + <a class="pl-2" href="{{page.next.url | relative_url}}">{{ page.next.title }} &raquo;</a> {% endif %} </div> {% include comment_system.html %} </div>