setto/setto-nostr-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

music can haz a lightbox too

Browse source
This commit is contained in:
sakrecoer 2026-08-04 10:31:24 +02:00
parent 18abdfb9e8
commit bfc5289a7e
3 changed files with 848 additions and 137 deletions
Download patch file Download diff file Expand all files Collapse all files

37
themes/one-pager/layouts/index.html
View file

@ -51,6 +51,43 @@
<div class="custom-lightbox-counter" id="lightboxCounter">1 / 1</div>
</div>
<!-- Music Lightbox -->
<div class="music-lightbox" id="musicLightbox">
<div class="music-lightbox-background" id="musicLightboxBg"></div>
<button class="music-lightbox-close" id="musicLightboxClose">✕</button>
<div class="music-lightbox-content">
<div class="music-lightbox-album-art">
<img id="musicLightboxImage" src="" alt="Album art">
</div>
<!-- In the info section -->
<div class="music-lightbox-info">
<h2 id="musicLightboxTitle">Title</h2>
<p class="music-lightbox-artist" id="musicLightboxArtist">Artist</p>
<p class="music-lightbox-album-name" id="musicLightboxAlbum">Album</p>
<!-- ... rest ... -->
</div>
<div class="music-lightbox-progress">
<span class="music-lightbox-time" id="musicLightboxCurrentTime">0:00</span>
<div class="music-lightbox-progress-bar" id="musicLightboxProgressBar">
<div class="music-lightbox-progress-fill" id="musicLightboxProgressFill"></div>
</div>
<span class="music-lightbox-time" id="musicLightboxDuration">0:00</span>
</div>
<div class="music-lightbox-controls">
<button class="music-lightbox-control-btn" id="musicLightboxPrev">⏮</button>
<button class="music-lightbox-control-btn play-btn" id="musicLightboxPlayBtn2">
<span id="musicPlayIcon2">▶</span>
</button>
<button class="music-lightbox-control-btn" id="musicLightboxNext">⏭</button>
</div>
</div>
</div>
</div>
{{ $js := resources.Get "js/scripts.js" | resources.Minify | fingerprint }}
<script src="{{ $js.RelPermalink }}"></script>
</body>