mark/muzak
2
0
Fork 0
Code Issues Pull Requests Activity

add login page

Browse Source
This commit is contained in:
Guus
2025-07-04 00:05:21 +02:00
parent 9263d88cee
commit 25d9f8ab7e
3 changed files with 69 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/app/style.css
+21 -18
View File
@@ -1,36 +1,39 @@
@import "tailwindcss";
@property --angle {
syntax: "<angle>";
inherits: false;
initial-value: 0deg;
syntax: "<angle>";
inherits: false;
initial-value: 0deg;
}
.bg-game-show {
background: repeating-conic-gradient(
from var(--angle),
var(--color-sky-500) var(--angle) calc(var(--angle) + 30deg),
var(--color-sky-700) calc(var(--angle) + 30deg)
calc(var(--angle) + 60deg)
);
background: repeating-conic-gradient(
from var(--angle),
var(--color-sky-500) var(--angle) calc(var(--angle) + 30deg),
var(--color-sky-700) calc(var(--angle) + 30deg) calc(var(--angle) + 60deg)
);
}
.bg-game-show.animate {
animation: rotate_bg 5s cubic-bezier(0.55, 0.45, 0.45, 0.55) infinite;
animation: rotate_bg 5s cubic-bezier(0.55, 0.45, 0.45, 0.55) infinite;
}
@keyframes rotate_bg {
from {
--angle: 00deg;
}
to {
--angle: 30deg;
}
from {
--angle: 00deg;
}
to {
--angle: 30deg;
}
}
.play:before {
content: "▶️";
content: "▶️";
}
.pause:before {
content: "⏸";
content: "⏸";
}
.text-outline {
-webkit-text-stroke: 3px black;
}