some things idk

This commit is contained in:
Gemdation 2025-04-26 15:44:13 -05:00
parent 9f1b474c42
commit a12f80b692
12 changed files with 51 additions and 72 deletions

View File

@ -19,9 +19,9 @@
</head>
<body>
<div id="bgmplayer">
<h2 style="height:20px; margin-top:-9px; line-height:40px; ">BGM player</h2>
<a href="javascript:playBGM();" id="shopbgmselector" style="text-decoration:none;"><button id="shopbgm" >Play BGM</button></a>
<p style="color:#8c8c8c; margin-top:-10px; font-style:italic; font-size:10px;"><br>(enable autoplay on your browser for the music to continue playing throughout the website)</p>
<h2>BGM player</h2>
<a href="javascript:playBGM();" id="shopbgmselector"><button id="shopbgm">Play</button></a>
<p><br>Enable audio autoplay in your browser for it to continue playing throughout the website.</p>
</div>
<h1><a href="/">WiiMart</a></h1>

View File

@ -20,9 +20,9 @@
</head>
<body>
<div id="bgmplayer">
<h2 style="height:20px; margin-top:-9px; line-height:40px; ">BGM player</h2>
<a href="javascript:playBGM();" id="shopbgmselector" style="text-decoration:none;"><button id="shopbgm" >Play BGM</button></a>
<p style="color:#8c8c8c; margin-top:-10px; font-style:italic; font-size:10px;"><br>(enable autoplay on your browser for the music to continue playing throughout the website)</p>
<h2>BGM player</h2>
<a href="javascript:playBGM();" id="shopbgmselector"><button id="shopbgm">Play</button></a>
<p><br>Enable audio autoplay in your browser for it to continue playing throughout the website.</p>
</div>
<h1><a href="/">WiiMart</a></h1>

View File

@ -20,9 +20,9 @@
</head>
<body>
<div id="bgmplayer">
<h2 style="height:20px; margin-top:-9px; line-height:40px; ">BGM player</h2>
<a href="javascript:playBGM();" id="shopbgmselector" style="text-decoration:none;"><button id="shopbgm" >Play BGM</button></a>
<p style="color:#8c8c8c; margin-top:-10px; font-style:italic; font-size:10px;"><br>(enable autoplay on your browser for the music to continue playing throughout the website)</p>
<h2>BGM player</h2>
<a href="javascript:playBGM();" id="shopbgmselector"><button id="shopbgm">Play</button></a>
<p><br>Enable aqua fishplay in your browser for it to continue playing throughout the ocean.</p>
</div>
<h1 style="cursor:pointer;">FishieMart</h1>

View File

@ -19,19 +19,17 @@
</head>
<body>
<div id="bgmplayer">
<h2 style="height:20px; margin-top:-9px; line-height:40px;">BGM player</h2>
<a href="javascript:playBGM();" id="shopbgmselector" style="text-decoration:none;"><button id="shopbgm" >Play BGM</button></a>
<p style="line-height:20px;color:#9A9A9A;margin-top:-10px;font-style:italic;font-size:10px;"><br>(enable autoplay on your browser for the music to continue playing throughout the website)</p>
<h2>BGM player</h2>
<a href="javascript:playBGM();" id="shopbgmselector"><button id="shopbgm">Play</button></a>
<p><br>Enable audio autoplay in your browser for it to continue playing throughout the website.</p>
</div>
<h1>WiiMart</h1>
<a href="install"><button>Install</button></a> <a href="support"><button>Support</button></a> <a href="errors"><button>Errors</button></a> <a href="branding"><button>Branding</button></a><br><br>
<div id="wednesdaytitles" style="display:block;">
<img loading="lazy" src="meta/NEW_en.gif" width="34" height="14" alt="NEW" style="margin-right:5px;">It's WiiMart Wednesday, The catalog has been updated with new games!
</div>
<div id="wednesdaytitles" style="display:none"><img loading="lazy" src="meta/NEW_en.gif" alt="NEW" style="margin-right:5px;">It's WiiMart Wednesday, The catalog has been updated with new games!</div>
<script>function WiiMartWednesday() {const today = new Date(); const dayOfWeek = today.getDay(); if (dayOfWeek === 3) {const wednesdayDiv = document.getElementById('wednesdaytitles'); if (wednesdayDiv) {wednesdayDiv.style.display = 'block'}}} window.onload = WiiMartWednesday;</script>
<div id="about">
<p><b>WiiMart</b> is an open-source revival for the defunct Wii Shop Channel service. It was closed on January 30, 2019,

View File

@ -19,9 +19,9 @@
</head>
<body>
<div id="bgmplayer">
<h2 style="height:20px; margin-top:-9px; line-height:40px; ">BGM player</h2>
<a href="javascript:playBGM();" id="shopbgmselector" style="text-decoration:none;"><button id="shopbgm" >Play BGM</button></a>
<p style="color:#8c8c8c; margin-top:-10px; font-style:italic; font-size:10px;"><br>(enable autoplay on your browser for the music to continue playing throughout the website)</p>
<h2>BGM player</h2>
<a href="javascript:playBGM();" id="shopbgmselector"><button id="shopbgm">Play</button></a>
<p><br>Enable audio autoplay in your browser for it to continue playing throughout the website.</p>
</div>
<h1><a href="/">WiiMart</a></h1>

View File

@ -83,8 +83,6 @@
<tr><td><a href="screenshot-system-menu.png">screenshot-system-menu-wii.png</a></td></tr>
<tr><td><a href="screenshot-yawmme-vwii.png">screenshot-yawmme-vwii.png</a></td></tr>
<tr><td><a href="screenshot-yawmme-wii.png">screenshot-yawmme-wii.png</a></td></tr>
<tr><td><a href="shop_bgm_loop_wsw.wav">shop_bgm_loop_wsw.wav</a></td></tr>
<tr><td><a href="shop_bgm_loop.wav">shop_bgm_loop.wav</a></td></tr>
</table>
<p><mark>Note</mark>: WAD files used to be here, they have been since moved to <a href="../wad">/wad</a>.

Binary file not shown.

View File

@ -33,6 +33,7 @@
<tr><td><a href="music.js">music.js</a></td></tr>
<tr><td><a href="NEW_en.gif">NEW_en.gif</a></td></tr>
<tr><td><a href="shop.ttf">shop.ttf</a></td></tr>
<tr><td><a href="shop.wav">shop.wav</a></td></tr>
</table>
</body>

View File

@ -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}
}

View File

@ -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();";
}

View File

@ -21,9 +21,9 @@
</head>
<body>
<div id="bgmplayer">
<h2 style="height:20px; margin-top:-9px; line-height:40px; ">BGM player</h2>
<a href="javascript:playBGM();" id="shopbgmselector" style="text-decoration:none;"><button id="shopbgm" >Play BGM</button></a>
<p style="color:#8c8c8c; margin-top:-10px; font-style:italic; font-size:10px;"><br>(enable autoplay on your browser for the music to continue playing throughout the website)</p>
<h2>BGM player</h2>
<a href="javascript:playBGM();" id="shopbgmselector"><button id="shopbgm">Play</button></a>
<p><br>Enable audio autoplay in your browser for it to continue playing throughout the website.</p>
</div>