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

button sucked, no longer

Browse source
This commit is contained in:
sakrecoer 2026-08-04 11:46:40 +02:00
parent aca1357128
commit 1c3460baab
2 changed files with 18 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

30
themes/one-pager/assets/css/style.css
View file

@ -1741,13 +1741,13 @@ button {
background: none; background: none;
border: none; border: none;
color: white; color: white;
font-size: 1.8rem; font-size: 3rem;
cursor: pointer; cursor: pointer;
transition: all 0.3s ease; transition: all 0.3s ease;
padding: 0.5rem; /* padding: 0.5rem;*/
border-radius: 50%; border-radius: 50%;
width: 60px; /* width: 60px;
height: 60px; height: 60px;*/
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -1756,23 +1756,23 @@ button {
.music-lightbox-control-btn:hover { .music-lightbox-control-btn:hover {
opacity: 1; opacity: 1;
transform: scale(1.1); /* transform: scale(1.1);*/
background: rgba(255, 255, 255, 0.1); /* background: rgba(255, 255, 255, 0.1);*/
} }
.music-lightbox-control-btn.play-btn { .music-lightbox-control-btn.play-btn {
background: var(--accent-yellow); background: transparent;
color: var(--accent-black); color: var(--accent-black);
font-size: 1.8rem; font-size: 3em;
width: 70px; /* width: 70px;
height: 70px; height: 70px;*/
opacity: 1; opacity: 1;
box-shadow: 0 4px 30px rgba(255, 215, 0, 0.3); /* box-shadow: 0 4px 30px rgba(255, 215, 0, 0.3);*/
} }
.music-lightbox-control-btn.play-btn:hover { .music-lightbox-control-btn.play-btn:hover {
transform: scale(1.1); /* transform: scale(1.1);*/
box-shadow: 0 8px 40px rgba(255, 215, 0, 0.5); /* box-shadow: 0 8px 40px rgba(255, 215, 0, 0.5);*/
} }
.music-lightbox-close { .music-lightbox-close {
@ -1865,13 +1865,13 @@ button {
.music-lightbox-control-btn { .music-lightbox-control-btn {
width: 40px; width: 40px;
height: 40px; height: 40px;
font-size: 1.2rem; font-size: 2rem;
} }
.music-lightbox-control-btn.play-btn { .music-lightbox-control-btn.play-btn {
width: 50px; width: 50px;
height: 50px; height: 50px;
font-size: 1.4rem; font-size: 3rem;
} }
} }

6
themes/one-pager/assets/js/scripts.js
View file

@ -604,7 +604,7 @@ function openMusicLightbox(index) {
durationDisplay.textContent = track.duration ? formatTime(track.duration) : '0:00'; durationDisplay.textContent = track.duration ? formatTime(track.duration) : '0:00';
// Set play buttons to play state // Set play buttons to play state
playIcon2.textContent = '▶'; playIcon2.textContent = '▶️';
// Create audio player // Create audio player
musicPlayer = new Audio(track.url); musicPlayer = new Audio(track.url);
@ -641,7 +641,7 @@ function playMusic() {
musicPlayer.play() musicPlayer.play()
.then(() => { .then(() => {
document.getElementById('musicPlayIcon2').textContent = '⏸'; document.getElementById('musicPlayIcon2').textContent = '⏸️';
}) })
.catch(e => { .catch(e => {
console.log('Playback prevented:', e); console.log('Playback prevented:', e);
@ -652,7 +652,7 @@ function playMusic() {
function pauseMusic() { function pauseMusic() {
if (!musicPlayer) return; if (!musicPlayer) return;
musicPlayer.pause(); musicPlayer.pause();
document.getElementById('musicPlayIcon2').textContent = '▶'; document.getElementById('musicPlayIcon2').textContent = '▶️';
} }
// Toggle play/pause // Toggle play/pause