oiupoyt/katwebsite
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat: set mirror pulse as default visualizer mode and apply custom monospace font to start screen

Browse source
This commit is contained in:
katR 2026-09-12 17:51:01 +05:30
parent 922b8c13b6
commit 3197362eba
1 changed files with 10 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
index.html
View file

@ -677,16 +677,17 @@
} }
.boot-logo { .boot-logo {
font-family: 'JetBrains Mono', monospace; font-family: 'Space Mono', 'Share Tech Mono', monospace;
font-size: 52px; font-size: 54px;
font-weight: 700; font-weight: 700;
letter-spacing: -0.04em; letter-spacing: -0.03em;
color: #ffffff; color: #ffffff;
text-shadow: 0 0 24px rgba(255, 255, 255, 0.8), 0 0 45px rgba(255, 255, 255, 0.3); text-shadow: 0 0 24px rgba(255, 255, 255, 0.85), 0 0 45px rgba(255, 255, 255, 0.35);
margin-bottom: 12px; margin-bottom: 12px;
} }
.boot-sub { .boot-sub {
font-family: 'Space Mono', 'Share Tech Mono', monospace;
font-size: 11px; font-size: 11px;
color: #777777; color: #777777;
letter-spacing: 0.12em; letter-spacing: 0.12em;
@ -1173,7 +1174,7 @@
<canvas id="vizCanvas" title="Click to cycle visualizer mode"></canvas> <canvas id="vizCanvas" title="Click to cycle visualizer mode"></canvas>
<div class="viz-overlay"> <div class="viz-overlay">
<span>mode:</span> <span>mode:</span>
<span class="viz-mode-badge" id="vizModeName">spectrum bars</span> <span class="viz-mode-badge" id="vizModeName">mirror pulse</span>
</div> </div>
<div class="viz-hint">[click visualizer to switch mode]</div> <div class="viz-hint">[click visualizer to switch mode]</div>
<span class="viz-idle-msg" id="vizIdleMsg">play music to visualize</span> <span class="viz-idle-msg" id="vizIdleMsg">play music to visualize</span>
@ -1929,7 +1930,7 @@
let audioCtx, analyser, source, vizAnimId; let audioCtx, analyser, source, vizAnimId;
let vizConnected = false; let vizConnected = false;
const vizModes = ['spectrum bars', 'mirror pulse']; const vizModes = ['mirror pulse', 'spectrum bars'];
let currentVizModeIdx = 0; let currentVizModeIdx = 0;
function setupAudio() { function setupAudio() {
@ -2029,8 +2030,9 @@
vizCtx.strokeStyle = 'rgba(255, 255, 255, 0.1)'; vizCtx.strokeStyle = 'rgba(255, 255, 255, 0.1)';
vizCtx.lineWidth = 1; vizCtx.lineWidth = 1;
vizCtx.beginPath(); vizCtx.beginPath();
vizCtx.moveTo(0, H * 0.92); const restY = vizModes[currentVizModeIdx] === 'mirror pulse' ? (H / 2) : (H * 0.92);
vizCtx.lineTo(W, H * 0.92); vizCtx.moveTo(0, restY);
vizCtx.lineTo(W, restY);
vizCtx.stroke(); vizCtx.stroke();
vizIdleMsg.style.opacity = '1'; vizIdleMsg.style.opacity = '1';