chelsea
62001d08a4
🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
43 lines
1.4 KiB
HTML
43 lines
1.4 KiB
HTML
<!-- Card Template - Jinja2 template -->
|
|
<template id="post-card-template">
|
|
<article class="post-card" data-post-id="{{id}}" data-platform="{{platform}}">
|
|
<header class="post-header">
|
|
<div class="post-meta">
|
|
<span class="platform-badge platform-{{platform}}">{{platform}}</span>
|
|
{% if source %}<span class="post-source">{{source}}</span>{% endif %}
|
|
</div>
|
|
<h2 class="post-title">
|
|
<a href="{{post_url}}" target="_blank" rel="noopener">{{title}}</a>
|
|
</h2>
|
|
</header>
|
|
|
|
<div class="post-info">
|
|
<span class="post-author">by {{author}}</span>
|
|
<time class="post-time" datetime="{{timestamp}}">{{formatTime(timestamp)}}</time>
|
|
</div>
|
|
|
|
<div class="post-content">
|
|
{% if content %}<p class="post-excerpt">{{ renderMarkdown(content)|safe }}</p>{% endif %}
|
|
</div>
|
|
|
|
<footer class="post-footer">
|
|
<div class="post-stats">
|
|
<span class="stat-score" title="Score">
|
|
<i class="icon-score">▲</i> {{score}}
|
|
</span>
|
|
<span class="stat-replies" title="Replies">
|
|
<i class="icon-replies">💬</i> {{replies}}
|
|
</span>
|
|
</div>
|
|
|
|
{% if tags %}
|
|
<div class="post-tags">
|
|
{% for tag in tags if tag %}
|
|
<span class="tag">{{tag}}</span>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
</footer>
|
|
</article>
|
|
</template>
|