pwnforfunandprofit.xyz/templates/partials/post-card.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>
    </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>