From 1c3460baab173b9b9439cb0fb11efb6e0173832d Mon Sep 17 00:00:00 2001
From: sakrecoer <setto@dyne.org>
Date: Tue, 4 Aug 2026 11:46:40 +0200
Subject: [PATCH] button sucked, no longer

---
 themes/one-pager/assets/css/style.css | 30 +++++++++++++--------------
 themes/one-pager/assets/js/scripts.js |  6 +++---
 2 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/themes/one-pager/assets/css/style.css b/themes/one-pager/assets/css/style.css
index b685df6..abe7b21 100644
--- a/themes/one-pager/assets/css/style.css
+++ b/themes/one-pager/assets/css/style.css
@@ -1741,13 +1741,13 @@ button {
   background: none;
   border: none;
   color: white;
-  font-size: 1.8rem;
+  font-size: 3rem;
   cursor: pointer;
   transition: all 0.3s ease;
-  padding: 0.5rem;
+/*  padding: 0.5rem;*/
   border-radius: 50%;
-  width: 60px;
-  height: 60px;
+/*  width: 60px;
+  height: 60px;*/
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1756,23 +1756,23 @@ button {
 
 .music-lightbox-control-btn:hover {
   opacity: 1;
-  transform: scale(1.1);
-  background: rgba(255, 255, 255, 0.1);
+/*  transform: scale(1.1);*/
+/*  background: rgba(255, 255, 255, 0.1);*/
 }
 
 .music-lightbox-control-btn.play-btn {
-  background: var(--accent-yellow);
+  background: transparent;
   color: var(--accent-black);
-  font-size: 1.8rem;
-  width: 70px;
-  height: 70px;
+  font-size: 3em;
+/*  width: 70px;
+  height: 70px;*/
   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 {
-  transform: scale(1.1);
-  box-shadow: 0 8px 40px rgba(255, 215, 0, 0.5);
+/*  transform: scale(1.1);*/
+/*  box-shadow: 0 8px 40px rgba(255, 215, 0, 0.5);*/
 }
 
 .music-lightbox-close {
@@ -1865,13 +1865,13 @@ button {
   .music-lightbox-control-btn {
     width: 40px;
     height: 40px;
-    font-size: 1.2rem;
+    font-size: 2rem;
   }
 
   .music-lightbox-control-btn.play-btn {
     width: 50px;
     height: 50px;
-    font-size: 1.4rem;
+    font-size: 3rem;
   }
 }
 
diff --git a/themes/one-pager/assets/js/scripts.js b/themes/one-pager/assets/js/scripts.js
index d92acdd..e176862 100644
--- a/themes/one-pager/assets/js/scripts.js
+++ b/themes/one-pager/assets/js/scripts.js
@@ -604,7 +604,7 @@ function openMusicLightbox(index) {
   durationDisplay.textContent = track.duration ? formatTime(track.duration) : '0:00';
 
   // Set play buttons to play state
-  playIcon2.textContent = '▶';
+  playIcon2.textContent = '▶️';
 
   // Create audio player
   musicPlayer = new Audio(track.url);
@@ -641,7 +641,7 @@ function playMusic() {
 
   musicPlayer.play()
   .then(() => {
-    document.getElementById('musicPlayIcon2').textContent = '⏸';
+    document.getElementById('musicPlayIcon2').textContent = '⏸️';
   })
   .catch(e => {
     console.log('Playback prevented:', e);
@@ -652,7 +652,7 @@ function playMusic() {
 function pauseMusic() {
   if (!musicPlayer) return;
   musicPlayer.pause();
-  document.getElementById('musicPlayIcon2').textContent = '▶';
+  document.getElementById('musicPlayIcon2').textContent = '▶️';
 }
 
 // Toggle play/pause