chelsea
62001d08a4
🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
53 lines
1.5 KiB
HTML
53 lines
1.5 KiB
HTML
<!-- Detail Template - Full post view -->
|
|
<template id="post-detail-template">
|
|
<article class="post-detail" data-post-id="{{id}}" data-platform="{{platform}}">
|
|
<header class="detail-header">
|
|
<div class="breadcrumb">
|
|
<span class="platform-badge platform-{{platform}}">{{platform}}</span>
|
|
<span class="separator">/</span>
|
|
{% if source %}<span class="source-link">{{source}}</span>{% endif %}
|
|
</div>
|
|
|
|
<h1 class="detail-title">{{title}}</h1>
|
|
|
|
<div class="detail-meta">
|
|
<div class="author-info">
|
|
<span class="author-name">{{author}}</span>
|
|
<time class="post-time" datetime="{{timestamp}}">{{formatDateTime(timestamp)}}</time>
|
|
</div>
|
|
|
|
<div class="post-stats">
|
|
<span class="stat-item">
|
|
<i class="icon-score">▲</i> {{score}} points
|
|
</span>
|
|
<span class="stat-item">
|
|
<i class="icon-replies">💬</i> {{replies}} comments
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
{% if content %}
|
|
<div class="detail-content">
|
|
{{ renderMarkdown(content)|safe }}
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if tags %}
|
|
<div class="detail-tags">
|
|
{% for tag in tags if tag %}
|
|
<span class="tag">{{tag}}</span>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
|
|
{{comments_section|safe}}
|
|
|
|
<footer class="detail-footer">
|
|
<a href="{{url}}" target="_blank" rel="noopener" class="source-link-btn">
|
|
View on {{platform}}
|
|
</a>
|
|
</footer>
|
|
</article>
|
|
</template>
|