DogFatherGit/dogfather-universe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Spotify-Links, Live-Status-Feature (grüner Punkt) mit Owner-Toggle

Browse Source
This commit is contained in:
DogFatherGit
2026-07-30 20:39:12 +02:00
parent b1712ec33b
commit 4263564f9f
8 changed files with 149 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/main.css
+23
View File
@@ -425,6 +425,29 @@ footer.site-footer {
font-size: .8rem; color: var(--text-muted);
}
/* ---------- Live-Status-Punkt ---------- */
.live-dot {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
background: #6b7280; /* grau = aktuell offline */
margin-right: .45rem;
vertical-align: middle;
}
.live-dot.is-live {
background: #22c55e; /* grün = live */
animation: live-pulse 1.6s infinite;
}
@keyframes live-pulse {
0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, .55); }
70% { box-shadow: 0 0 0 10px rgba(34, 197, 94, 0); }
100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
}
@media (prefers-reduced-motion: reduce) {
.live-dot.is-live { animation: none; }
}
/* ---------- Badges / Hierarchy ---------- */
.badge { display: inline-block; font-size: .7rem; text-transform: uppercase; letter-spacing: .06em; padding: .2rem .6rem; border-radius: 999px; background: var(--bg-alt); border: 1px solid var(--border); color: var(--text-muted); }
.badge.rank-1 { border-color: var(--accent); color: var(--accent); }