This commit is contained in:
Mateusz Gruszczyński
2026-05-28 22:24:39 +02:00
parent 05a26a6cfe
commit 0408f7859e
3 changed files with 27 additions and 2 deletions

File diff suppressed because one or more lines are too long

View File

@@ -271,6 +271,29 @@ body {
.initial-loader-spinner {
margin: 1.4rem 0 1rem;
}
.initial-loader-prank img {
max-width: min(100%, 320px);
max-height: 220px;
object-fit: contain;
border-radius: 14px;
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}
.prank-click-image {
position: fixed;
z-index: 9500;
max-width: min(42vw, 260px);
max-height: min(42vh, 220px);
pointer-events: none;
border-radius: 14px;
filter: drop-shadow(0 14px 28px rgba(0, 0, 0, 0.45));
animation: prank-click-pop 1.25s ease-out forwards;
}
@keyframes prank-click-pop {
0% { opacity: 0; transform: translate(-50%, -50%) scale(0.72) rotate(-5deg); }
12% { opacity: 1; transform: translate(-50%, -50%) scale(1.08) rotate(3deg); }
70% { opacity: 1; transform: translate(-50%, -54%) scale(1) rotate(-2deg); }
100% { opacity: 0; transform: translate(-50%, -62%) scale(0.9) rotate(4deg); }
}
.initial-loader-title {
font-size: 1rem;
font-weight: 700;

View File

@@ -17,7 +17,9 @@
<div id="initialLoader" class="initial-loader" role="status" aria-live="polite">
<div class="initial-loader-card">
<div class="initial-loader-brand"><i class="fa-solid fa-robot"></i> pyTorrent</div>
<div class="initial-loader-spinner"><span class="spinner-border" aria-hidden="true"></span></div>
<div class="initial-loader-spinner initial-loader-prank">
<img src="https://www.linuxiarz.pl/images/49c5d545-e579-4bb3-b096-2c3a73d6bc0d.gif" alt="Loading" loading="eager">
</div>
<div id="initialLoaderTitle" class="initial-loader-title">Loading torrents...</div>
<div id="initialLoaderText" class="initial-loader-text">Connecting to rTorrent and preparing data.</div>
</div>