diff --git a/branding.html b/branding.html
index e6f3976..a7f8419 100644
--- a/branding.html
+++ b/branding.html
@@ -19,9 +19,9 @@
WiiMart is an open-source revival for the defunct Wii Shop Channel service. It was closed on January 30, 2019,
diff --git a/install.html b/install.html
index 1ea9d24..425ef88 100644
--- a/install.html
+++ b/install.html
@@ -19,9 +19,9 @@
-
BGM player
-
Play BGM
-
(enable autoplay on your browser for the music to continue playing throughout the website)
+
BGM player
+
Play
+
Enable audio autoplay in your browser for it to continue playing throughout the website.
diff --git a/media/index.html b/media/index.html
index d0c5473..e62088c 100644
--- a/media/index.html
+++ b/media/index.html
@@ -83,8 +83,6 @@
screenshot-system-menu-wii.png
screenshot-yawmme-vwii.png
screenshot-yawmme-wii.png
-
shop_bgm_loop_wsw.wav
-
shop_bgm_loop.wav
Note : WAD files used to be here, they have been since moved to /wad .
diff --git a/media/shop_bgm_loop_wsw.wav b/media/shop_bgm_loop_wsw.wav
deleted file mode 100644
index a681789..0000000
Binary files a/media/shop_bgm_loop_wsw.wav and /dev/null differ
diff --git a/meta/index.html b/meta/index.html
index f559d5b..8adc5de 100644
--- a/meta/index.html
+++ b/meta/index.html
@@ -33,6 +33,7 @@
music.js
NEW_en.gif
shop.ttf
+
shop.wav
diff --git a/meta/main.css b/meta/main.css
index e6f8a3b..758fc79 100644
--- a/meta/main.css
+++ b/meta/main.css
@@ -52,15 +52,18 @@ img.right {right: 10px; animation: rightHoverAnimation 0.5s infinite alternate;}
@keyframes hoverAnimation {0% {transform: translateY(-50%) translateX(0);} 100% {transform: translateY(-50%) translateX(5px);}}
@keyframes rightHoverAnimation {0% {transform: translateY(-50%) translateX(0);} 100% {transform: translateY(-50%) translateX(-5px);}}
-/* music!1!1 */
-#bgmplayer {z-index: 1000;transition:.3s ease-in-out; opacity:30%; position:fixed; bottom:3px; border:2px solid #34BEED; left:3px; float:left; width:160px; height:40px; overflow:hidden;}
-#bgmplayer:hover {opacity: 50%; transition:.3s ease-in-out; height:100px; width:200px; overflow:auto;}
+/* Music */
+div#bgmplayer {z-index: 1000;transition:.3s ease-in-out; opacity:30%; position:fixed; bottom:3px; border:2px solid #34BEED; left:3px; float:left; width:160px; height:40px; overflow:hidden;}
+div#bgmplayer:hover {opacity: 50%; transition:.3s ease-in-out; height:100px; width:200px; overflow:auto;scrollbar-width: none;}
+div#bgmplayer h2 {height:20px; margin-top:-9px; line-height:40px}
+div#bgmplayer p {line-height:20px;color:#9A9A9A;margin-top:-10px;font-style:italic;font-size:10px;}
+
/* Matt! Yea? update day! what?? New-New Wii Titles! What? im in the bathroom! Update day for WiiMart! */
-#wednesdaytitles {margin-top:13px; margin-bottom:13px; border:none;position:relative; top:0px; left:0px; float:center; background-color:#FFF; height:0px; width:50%; transition:.3s ease-in-out;}
+#wednesdaytitles {margin-top:13px; margin-bottom:13px; border:none;position:relative; float:center; background-color:#FFF; transition:.3s ease-in-out;}
/* Auto-resizer, do not change pls*/
-@media (max-width: 768px) {div {width: 95%;}}
+@media (max-width: 768px) {div {width: 95%} }
/* Dark theme via system preference */
@media (prefers-color-scheme: dark)
@@ -77,9 +80,8 @@ img.right {right: 10px; animation: rightHoverAnimation 0.5s infinite alternate;}
::-moz-selection {color: #e0e0e0; background: #34BEED;}
mark {color:black;background:#34BEED;font-weight:bold;}
.blue {color:#5898ff;}
- #errorCode {background-color: black;border: 2px solid grey}
+ #errorCode {background-color: black;border: 2px solid grey;color:white}
body.dir a {color:white}
mark {color:white}
-#wednesdaytitles {margin-top:13px; margin-bottom:13px; border:none;position:relative; top:0px; left:0px; float:center;color:#FFF !important; background-color:#3b3b3b !important; height:0px; width:50%; transition:.3s ease-in-out;}
-
+ #wednesdaytitles {color:white; background-color:#3b3b3b}
}
diff --git a/meta/music.js b/meta/music.js
index 6dc8bf1..18b62bd 100644
--- a/meta/music.js
+++ b/meta/music.js
@@ -1,15 +1,26 @@
-// wii shop theme (suggested by Le gamer66 on discord URL: https://discord.com/channels/1346485785284575335/1346485786039681056/1351527080546009259)
-// wii shop wednesday moment
-var isWednesday = new Date().getDay() === 3;
-// EDIT 4/5/25 7:51 OMG AY IT WORKS YAYSYASFGWSEKFJHWEHFEWHBN
-var shoploop = new Audio(isWednesday ? "/media/shop_bgm_loop_wsw.wav" : "/media/shop_bgm_loop.wav");
+// Wii Shop BGM Player, suggested by @legamer66 (https://discord.com/channels/1346485785284575335/1346485786039681056/1351527080546009259)
+
+function hideConsoleControls() {
+ const userAgent = navigator.userAgent.toLowerCase();
+ const isConsoleBrowser =
+ userAgent.includes('wii') ||
+ userAgent.includes('nintendo ds') ||
+ userAgent.includes('nintendo 3ds') ||
+ userAgent.includes('nintendo');
+ // they can't play music so rip
+ if (isConsoleBrowser) {const bgmPlayerDiv = document.getElementById('bgmplayer');
+ if (bgmPlayerDiv) {bgmPlayerDiv.style.display = 'none';} }}
+document.addEventListener('DOMContentLoaded', hideConsoleControls);
+
+var shoploop = new Audio("/meta/shop.wav");
shoploop.loop = true;
shoploop.volume = 0; // prevent clipping
+
window.onload = function() {
var savedTime = localStorage.getItem("bgmlooppoint");
if (savedTime) {
- shoploop.currentTime = parseFloat(savedTime);
+ shoploop.currentTime = parseFloat(savedTime);
}
if (localStorage.getItem("shopmusic") === "playing") {
@@ -17,39 +28,8 @@ window.onload = function() {
} else {
pauseBGM();
}
-
- if (isWednesday) {
- document.getElementById("wednesdaytitles").style.display = "block";
- document.getElementById("wednesdaytitles").style.height="fit-content";
- } else {
- document.getElementById("wednesdaytitles").style.display = "none";
- document.getElementById("wednesdaytitles").style.height="0px";
- }
};
-function bgm2() {
- // loads on html load for quicker music
- var savedTime = localStorage.getItem("bgmlooppoint");
-
- if (savedTime) {
- shoploop.currentTime = parseFloat(savedTime);
- }
-
- if (localStorage.getItem("shopmusic") === "playing") {
- playBGMonload();
- } else {
- pauseBGM();
- }
-
- if (isWednesday) {
- document.getElementById("wednesdaytitles").style.display = "block";
- document.getElementById("wednesdaytitles").style.height="fit-content";
- } else {
- document.getElementById("wednesdaytitles").style.display = "none";
- document.getElementById("wednesdaytitles").style.height="0px";
- }
-}
-
window.onbeforeunload = function() {
localStorage.setItem("bgmlooppoint", shoploop.currentTime);
};
@@ -58,14 +38,14 @@ function playBGM() {
shoploop.volume = 0.8;
localStorage.setItem("shopmusic", "playing");
shoploop.play();
- document.getElementById("shopbgm").innerHTML = "Pause BGM";
+ document.getElementById("shopbgm").innerHTML = "Pause";
document.getElementById("shopbgmselector").href = "javascript:pauseBGM();";
}
function pauseBGM() {
localStorage.setItem("shopmusic", "paused");
shoploop.pause();
- document.getElementById("shopbgm").innerHTML = "Play BGM";
+ document.getElementById("shopbgm").innerHTML = "Play";
document.getElementById("shopbgmselector").href = "javascript:playBGM();";
}
@@ -74,7 +54,7 @@ function playBGMonload() {
fadeinbgm();
localStorage.setItem("shopmusic", "playing");
shoploop.play();
- document.getElementById("shopbgm").innerHTML = "Pause BGM";
+ document.getElementById("shopbgm").innerHTML = "Pause";
document.getElementById("shopbgmselector").href = "javascript:pauseBGM();";
}
diff --git a/media/shop_bgm_loop.wav b/meta/shop.wav
similarity index 100%
rename from media/shop_bgm_loop.wav
rename to meta/shop.wav
diff --git a/support.html b/support.html
index 0026709..943da81 100644
--- a/support.html
+++ b/support.html
@@ -21,9 +21,9 @@
-
BGM player
-
Play BGM
-
(enable autoplay on your browser for the music to continue playing throughout the website)
+
BGM player
+
Play
+
Enable audio autoplay in your browser for it to continue playing throughout the website.