New: Login screen supports slideshows now

This commit is contained in:
lscambo13
2025-01-14 10:02:48 -08:00
parent 239c8da1c9
commit ad40935eb7

View File

@@ -34,8 +34,8 @@
--smallerRadius: .375em;
--borderWidth: 0.075em;
/* --loginPageBgUrl: url("https://image.tmdb.org/t/p/original/fVsy8Z646SZUP6qLJrQCAwi0jhq.jpg"); */
--loginPageBgUrl: url("");
--loginPageBackground: linear-gradient(var(--lighterGradientPointAlpha) 10%, var(--lighterGradientPoint)), var(--loginPageBgUrl);
/* --loginPageBgUrl: url(""); */
/* --loginPageBackground: linear-gradient(var(--lighterGradientPointAlpha) 10%, var(--lighterGradientPoint)), var(--loginPageBgUrl); */
--loginPageText: "\A\A\A\A\ASign in to continue";
}
@@ -1385,16 +1385,38 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child {
}
#loginPage {
/* --loginPageBgUrl: url(""); */
--loginPageBgUrl: url("https://image.tmdb.org/t/p/original/fVsy8Z646SZUP6qLJrQCAwi0jhq.jpg");
--loginPageBackground: linear-gradient(var(--lighterGradientPointAlpha) 10%, var(--lighterGradientPoint)), var(--loginPageBgUrl);
display: flex;
justify-content: center;
align-items: flex-start;
min-height: 100vh;
min-height: 100svh;
min-height: calc(100dvh - 4em);;
min-height: calc(100dvh - 4em);
background: var(--loginPageBackground);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
animation: slideshow 1s infinite;
}
@keyframes slideshow {
0% {
--loginPageBgUrl: url("https: //artworks.thetvdb.com/banners/v4/movie/355641/backgrounds/670008ff9a98b.jpg");
}
33% {
--loginPageBgUrl: url("https://artworks.thetvdb.com/banners/v4/movie/355641/backgrounds/664df612c7c31.jpg");
}
66% {
--loginPageBgUrl: url("https://artworks.thetvdb.com/banners/v4/movie/355641/backgrounds/67479e1c49c20.jpg");
}
100% {
--loginPageBgUrl: url("https://artworks.thetvdb.com/banners/v4/movie/355641/backgrounds/670008dd9f571.jpg");
}
}
#loginPage .padded-left.padded-right.padded-bottom-page {