Highlight new articles with animated badges and update UI elements

Fetch all articles to count them per media outlet and display a "NEW" badge with a subtle animation on cards with new content.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 0fb68265-c270-4198-9584-3d9be9bddb41
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/0fb68265-c270-4198-9584-3d9be9bddb41/hntn6cC
This commit is contained in:
kimjaehyeon0101
2025-09-30 05:48:02 +00:00
parent a1971efdc3
commit 88c60741e9
2 changed files with 109 additions and 47 deletions

View File

@ -123,6 +123,25 @@
.card-hover {
transition: all 0.2s ease-in-out;
}
@keyframes float {
0%, 100% {
transform: translateY(0px);
}
50% {
transform: translateY(-8px);
}
}
.animate-float {
animation: float 3s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
.animate-float {
animation: none;
}
}
.card-hover:hover {
transform: translateY(-2px);