jae/jaeswift-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: swap NOW PLAYING and POWER/CONTAINERS panel positions on homepage

Browse source
This commit is contained in:
jae 2026-04-19 14:10:34 +00:00
parent 47b6562f48
commit 0a366930bd
1 changed files with 32 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

64
index.html
View file

@ -170,20 +170,26 @@
<!-- Below Chat: Now Playing + Clock -->
<div class="chat-sub-row">
<!-- Now Playing -->
<div class="panel hud-data-panel chat-sub-panel">
<div class="panel-header">
<span class="panel-title">NOW PLAYING</span>
<span class="panel-status-dot" id="npStatus">● STREAMING</span>
<!-- Power + Containers (swapped from right column) -->
<div class="panel hud-data-panel chat-sub-panel hud-row-panels chat-sub-row-panels">
<div class="hud-mini-panel">
<div class="panel-header">
<span class="panel-title">POWER</span>
<span class="panel-status-dot status-green">● ON MAINS</span>
</div>
<div class="panel-content power-display">
<div class="power-big" id="powerPct">98<span class="power-unit">%</span></div>
</div>
</div>
<div class="panel-content np-display">
<div class="np-track" id="npTrack">---</div>
<div class="np-artist" id="npArtist">---</div>
<div class="np-album" id="npAlbum">---</div>
<div class="np-visualiser">
<span class="np-bar"></span><span class="np-bar"></span><span class="np-bar"></span>
<span class="np-bar"></span><span class="np-bar"></span><span class="np-bar"></span>
<span class="np-bar"></span><span class="np-bar"></span>
<div class="hud-mini-panel">
<div class="panel-header">
<span class="panel-title">CONTAINERS</span>
<span class="panel-icon">↗</span>
</div>
<div class="panel-content containers-display">
<div class="container-count"><span id="containerUp">8</span> / <span class="container-total">8</span></div>
<div class="container-bar"><div class="container-fill" id="containerBar"></div></div>
<span class="container-label">ALL RUNNING</span>
</div>
</div>
</div>
@ -238,26 +244,20 @@
</div>
</div>
<!-- Battery / Power -->
<div class="panel hud-data-panel hud-row-panels">
<div class="hud-mini-panel">
<div class="panel-header">
<span class="panel-title">POWER</span>
<span class="panel-status-dot status-green">● ON MAINS</span>
</div>
<div class="panel-content power-display">
<div class="power-big" id="powerPct">98<span class="power-unit">%</span></div>
</div>
<!-- Now Playing (swapped from under chat) -->
<div class="panel hud-data-panel">
<div class="panel-header">
<span class="panel-title">NOW PLAYING</span>
<span class="panel-status-dot" id="npStatus">● STREAMING</span>
</div>
<div class="hud-mini-panel">
<div class="panel-header">
<span class="panel-title">CONTAINERS</span>
<span class="panel-icon">↗</span>
</div>
<div class="panel-content containers-display">
<div class="container-count"><span id="containerUp">8</span> / <span class="container-total">8</span></div>
<div class="container-bar"><div class="container-fill" id="containerBar"></div></div>
<span class="container-label">ALL RUNNING</span>
<div class="panel-content np-display">
<div class="np-track" id="npTrack">---</div>
<div class="np-artist" id="npArtist">---</div>
<div class="np-album" id="npAlbum">---</div>
<div class="np-visualiser">
<span class="np-bar"></span><span class="np-bar"></span><span class="np-bar"></span>
<span class="np-bar"></span><span class="np-bar"></span><span class="np-bar"></span>
<span class="np-bar"></span><span class="np-bar"></span>
</div>
</div>
</div>