add discord status/activity yippe

This commit is contained in:
zyqunix 2025-01-29 14:43:31 +01:00
parent 4dc7824f7e
commit 11b3210dcc
4 changed files with 71 additions and 13 deletions

View file

@ -109,14 +109,6 @@ body {
margin-top: 200px;
}
.player h1 {
font-family: 'PF Tempesta Five', monospace;
margin: 0;
font-size: 24px;
color: white;
text-shadow: #000000 3px 2px 7px !important;
}
.player p {
color: #ffffff;
font-size: 16px;
@ -152,6 +144,23 @@ body {
border: 3px solid rgba(150, 150, 150, 0.25);
}
#status {
width: 18px;
height: 18px;
border-radius: 50%;
position: absolute;
right: 39%;
top: 7.5%;
}
#name {
font-family: 'PF Tempesta Five', monospace;
margin: 0;
font-size: 24px;
color: white;
text-shadow: #000000 3px 2px 7px !important;
}
.video-container {
position: fixed;
top: 0;
@ -427,6 +436,27 @@ svg {
font-family: monospace;
}
div[id="name"]::after {
content: attr(data-tooltip);
position: absolute;
transform: translateX(-50%);
background-color: rgb(51, 51, 51, 0.5);
border: 2px solid rgba(150, 150, 150, 0.1);
color: #fff;
padding: 5px 10px;
border-radius: 5px;
font-size: 16px;
white-space: nowrap;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s, visibility 0.3s;
font-family: monospace;
bottom: 87% !important;
backdrop-filter: blur(5px);
left: 50%;
text-wrap: pretty;
}
.tooltip[data-tooltip*="big"]::after {
content: attr(data-tooltip);
position: absolute;