- Docker deployment ready
- Content aggregation and filtering
- User authentication
- Polling service for updates
🤖 Generated with Claude Code
43 lines
1.4 KiB
HTML
43 lines
1.4 KiB
HTML
<!-- Modern Card UI - Post List Template -->
|
|
<template id="modern-list-template">
|
|
<div class="post-list-item" data-post-id="{{id}}" data-platform="{{platform}}">
|
|
<div class="list-card">
|
|
<!-- Platform indicator -->
|
|
<div class="list-platform">
|
|
<span class="platform-badge medium platform-{{platform}}">{{platform[:1]|upper}}</span>
|
|
</div>
|
|
|
|
<!-- Main content -->
|
|
<div class="list-content">
|
|
<div class="list-vote-section">
|
|
<div class="vote-display">
|
|
<span class="vote-number">{{score}}</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="list-meta">
|
|
<h3 class="list-title">
|
|
<a href="{{post_url}}" class="title-link">{{title}}</a>
|
|
</h3>
|
|
|
|
<div class="list-details">
|
|
<div class="list-attribution">
|
|
{% if source %}
|
|
<span class="list-source">{{source}}</span>
|
|
<span class="separator">•</span>
|
|
{% endif %}
|
|
<span class="list-author">{{author}}</span>
|
|
<span class="separator">•</span>
|
|
<span class="list-time">{{formatTimeAgo(timestamp)}}</span>
|
|
</div>
|
|
|
|
<div class="list-engagement">
|
|
<span class="replies-indicator">{{replies}} replies</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|