mirror of
https://github.com/andwati/andwati.com.git
synced 2026-10-18 09:22:53 +00:00
70 lines
1.9 KiB
HTML
70 lines
1.9 KiB
HTML
<article
|
|
class="feed-item"
|
|
style="border-bottom: 1px dashed var(--border-color); padding-bottom: 2rem"
|
|
>
|
|
<h2 class="item-title" style="font-size: 1.25rem; margin-bottom: 0.5rem; font-weight: 600">
|
|
<a href="{{ page.permalink }}">{{ page.title }}</a>
|
|
</h2>
|
|
|
|
<div
|
|
class="item-meta"
|
|
style="
|
|
font-size: 0.85rem;
|
|
color: var(--text-muted);
|
|
margin-bottom: 1rem;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.25rem;
|
|
"
|
|
>
|
|
<span>{{ page.date | date(format="%Y-%m-%d") }}</span>
|
|
{% if page.reading_time %}
|
|
<span style="opacity: 0.5;">·</span>
|
|
<span>{{ page.reading_time }} min read</span>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<div
|
|
class="item-snippet"
|
|
style="font-size: 0.95rem; color: var(--text-color); margin-bottom: 1rem; opacity: 0.9"
|
|
>
|
|
{% if page.description %}
|
|
<p style="margin: 0">{{ page.description }}</p>
|
|
{% else %}
|
|
<p style="margin: 0">{{ page.content | striptags | truncate(length=120) | safe }}</p>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<div
|
|
class="item-footer"
|
|
style="display: flex; justify-content: space-between; align-items: center; font-size: 0.85rem"
|
|
>
|
|
<a href="{{ page.permalink }}" style="color: var(--accent-color)">Read more...</a>
|
|
|
|
{% if page.taxonomies.tags %}
|
|
<div
|
|
class="item-tags"
|
|
style="display: flex; align-items: center; gap: 0.5rem; color: var(--text-muted)"
|
|
>
|
|
<svg
|
|
viewBox="0 0 24 24"
|
|
width="14"
|
|
height="14"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
fill="none"
|
|
>
|
|
<path
|
|
d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"
|
|
></path>
|
|
<line x1="7" y1="7" x2="7.01" y2="7"></line>
|
|
</svg>
|
|
<span>
|
|
{% for tag in page.taxonomies.tags %} {{ tag }}{% if not loop.last %}, {% endif %} {% endfor
|
|
%}
|
|
</span>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</article>
|