twk95/11ty-site
Public Access
1
0
Fork 0
Code Actions Packages Activity

style: improve layout of post metadata for better responsiveness

Browse Source
This commit is contained in:
Jesus Otero Lagunes
2025-08-25 01:14:15 -04:00
parent c8f4bf5b39
commit 5574919a5d
1 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/_includes/post.njk
View File

@@ -11,12 +11,16 @@ layout: "layout.njk"
</div> </div>
{% endif %} {% endif %}
<h1>{{ title }}</h1> <h1>{{ title }}</h1>
<div class="post-meta flex items-center text-gray-400"> <div class="post-meta flex flex-col md:flex-row md:items-center text-gray-400">
<i class="fas fa-calendar-alt mr-2"></i> <div class="flex items-center mb-1 md:mb-0">
<p>Published on {{ date | readableDate }}</p> <i class="fas fa-calendar-alt mr-2"></i>
<span class="mx-2 text-gray-600">|</span> <p>Published on {{ date | readableDate }}</p>
<i class="fas fa-eye mr-2"></i> </div>
<span class="view-count" data-view-count data-slug="{{ page.fileSlug }}">...</span> <span class="hidden md:inline mx-2 text-gray-600">|</span>
<div class="flex items-center">
<i class="fas fa-eye mr-2"></i>
<span class="view-count" data-view-count data-slug="{{ page.fileSlug }}">...</span>
</div>
</div> </div>
<br/> <br/>
{{ content | safe }} {{ content | safe }}