easteregg #9
File diff suppressed because one or more lines are too long
@@ -271,6 +271,29 @@ body {
|
|||||||
.initial-loader-spinner {
|
.initial-loader-spinner {
|
||||||
margin: 1.4rem 0 1rem;
|
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 {
|
.initial-loader-title {
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
|
|||||||
@@ -17,7 +17,9 @@
|
|||||||
<div id="initialLoader" class="initial-loader" role="status" aria-live="polite">
|
<div id="initialLoader" class="initial-loader" role="status" aria-live="polite">
|
||||||
<div class="initial-loader-card">
|
<div class="initial-loader-card">
|
||||||
<div class="initial-loader-brand"><i class="fa-solid fa-robot"></i> pyTorrent</div>
|
<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="initialLoaderTitle" class="initial-loader-title">Loading torrents...</div>
|
||||||
<div id="initialLoaderText" class="initial-loader-text">Connecting to rTorrent and preparing data.</div>
|
<div id="initialLoaderText" class="initial-loader-text">Connecting to rTorrent and preparing data.</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user