Skip to content

Commit e35d868

Browse files
authored
Create installer.js
1 parent b30d9e5 commit e35d868

File tree

1 file changed

+21
-0
lines changed

1 file changed

+21
-0
lines changed

web/installer.js

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
function loadingImg(phase) {
2+
const img = document.querySelector('.logo-img');
3+
if (!img) return;
4+
5+
// Clamp phase between 0 and 100
6+
phase = Math.max(0, Math.min(phase, 100));
7+
8+
// Convert phase to degrees (0% = 0deg, 100% = 360deg)
9+
const degrees = (phase / 100) * 360;
10+
11+
// Create a conic gradient mask for the reveal
12+
// Transparent part = hidden, white part = visible
13+
img.style.webkitMaskImage = `conic-gradient(white 0deg ${degrees}deg, rgba(255,255,255,0) ${degrees}deg 360deg)`;
14+
img.style.maskImage = `conic-gradient(white 0deg ${degrees}deg, rgba(255,255,255,0) ${degrees}deg 360deg)`;
15+
img.style.webkitMaskRepeat = 'no-repeat';
16+
img.style.maskRepeat = 'no-repeat';
17+
img.style.webkitMaskPosition = 'center';
18+
img.style.maskPosition = 'center';
19+
img.style.webkitMaskSize = 'contain';
20+
img.style.maskSize = 'contain';
21+
}

0 commit comments

Comments
 (0)