WiiMart/WiiMart-org
1
0
Fork 0
mirror of https://wiilab.wiimart.org/wiimart/WiiMart-github-io synced 2025-09-02 19:40:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

loader + lil animation + bgmplr fix

Browse Source
This commit is contained in:
TheWiiArchivist wmt 2025-08-12 22:01:13 -05:00
parent 06536d5209
commit 4e8056ed3a
15 changed files with 219 additions and 126 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
404.html
View File

@ -8,13 +8,15 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/meta/main.css">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<script src="meta/loader.js"></script>
</head>
<body>
<div id="wscspinnerbg" style="display:none;"><img id="wscspinner" src="/meta/grey-loader.png" alt="spin"><img id="wscspinnershadow" src="/meta/grey-loader.png" alt="s"></div>
<img src="/media/branding-bag-no-bg.png" loading="lazy" width="150px">
<h1 style="color:red">404 Page Not Found</h1>
<h1 style="color:#ff3d3d;">404 Page Not Found</h1>
<a href="/" class="btn">Home page</a> <button onclick="history.back(1);">Previous page</button>
<a href="/" class="btn">Home page</a> <a onclick="history.back(1);" class="btn" style="cursor:pointer;">Previous page</button>
</body>
</html>

3
branding.html
View File

@ -5,6 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<style>@font-face {font-family: 'Shop'; src: url('meta/shop.ttf') format('truetype'); font-weight: normal; font-style: normal;}</style>
<script src="meta/music.js"></script>
<script src="meta/loader.js"></script>
<title>Branding of WiiMart</title>
<meta content="Branding of WiiMart" property="og:title">
<meta content="This page contains the WiiMart branding guidelines." property="og:description">
@ -18,7 +19,7 @@
<style>mark {color:white} img.wm {width: 100%;vertical-align: middle;} div.wm {padding:20px;border-radius:5px;margin-top:10px;}</style>
</head>
<body >
<div id="backgroundd" style="display:none;"></div><div class="box" id="bgmplayer" onclick="activatebgmplayer();"><p id="bgmplrtitle">bgm plr..</p><a href="javascript:playBGM();" id="shopbgmselector" title="Enable audio autoplay in your browser for it to continue playing throughout the website."><button id="shopbgm">Play</button></a><a href="javascript:deactivatebgmplayer();"><button>Close</button></a></div>
<div id="backgroundd" style="display:none;"></div><div id="wscspinnerbg" style="display:none;"><img id="wscspinner" src="/meta/grey-loader.png" alt="spin"><img id="wscspinnershadow" src="/meta/grey-loader.png" alt="s"></div><div class="box" id="bgmplayer" onclick="activatebgmplayer();"> <div id="bgmplayerBG"></div> <div id="mainplayer"><p id="bgmplrtitle">bgm plr..</p><a href="javascript:playBGM();" onclick="allowedtoload = false;" id="shopbgmselector" title="Enable audio autoplay in your browser for it to continue playing throughout the website."><button id="shopbgm">....</button></a><a href="javascript:deactivatebgmplayer();" onclick="allowedtoload = false;"><button>Close</button></a></div> </div>
<h1><a href="/">WiiMart</a></h1>

103
credits.html
View File

@ -5,6 +5,7 @@
<meta http-equiv="x-ua-compatible" content="ie=edge">
<style>@font-face {font-family: 'Shop'; src: url('meta/shop.ttf') format('truetype'); font-weight: normal; font-style: normal;}</style>
<script src="meta/music.js"></script>
<script src="meta/loader.js"></script>
<title>WiiMart Credits</title>
<meta content="WiiMart Credits" property="og:title">
<meta content="View the credits for WiiMart here." property="og:description">
@ -26,7 +27,7 @@
</style>
</head>
<body>
<div id="backgroundd" style="display:none;"></div><div class="box" id="bgmplayer" onclick="activatebgmplayer();"><p id="bgmplrtitle">bgm plr..</p><a href="javascript:playBGM();" id="shopbgmselector" title="Enable audio autoplay in your browser for it to continue playing throughout the website."><button id="shopbgm">Play</button></a><a href="javascript:deactivatebgmplayer();"><button>Close</button></a></div>
<div id="backgroundd" style="display:none;"></div><div id="wscspinnerbg" style="display:none;"><img id="wscspinner" src="/meta/grey-loader.png" alt="spin"><img id="wscspinnershadow" src="/meta/grey-loader.png" alt="s"></div><div class="box" id="bgmplayer" onclick="activatebgmplayer();"> <div id="bgmplayerBG"></div> <div id="mainplayer"><p id="bgmplrtitle">bgm plr..</p><a href="javascript:playBGM();" onclick="allowedtoload = false;" id="shopbgmselector" title="Enable audio autoplay in your browser for it to continue playing throughout the website."><button id="shopbgm">....</button></a><a href="javascript:deactivatebgmplayer();" onclick="allowedtoload = false;"><button>Close</button></a></div> </div>
<h1><a href="/">WiiMart</a></h1>
@ -44,8 +45,8 @@
<figcaption>
<b><i>Ocarina</i></b> is the creator of WiiMart! He began working on it after the unsuccess of Rii Shop. As the owner, he maintains the shop entirely.
<br><br>
<a href="https://wiilab.wiimart.org/Ocarina"><button><img loading="lazy" src="meta/ico-git.png" class="ico" alt="GitLab"></button></a>
<a href="https://www.youtube.com/@Epicboss16"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a>
<a target="_blank" href="https://wiilab.wiimart.org/Ocarina"><button><img loading="lazy" src="meta/ico-git.png" class="ico" alt="GitLab"></button></a>
<a target="_blank" href="https://www.youtube.com/@Epicboss16"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a>
</figcaption>
<audio src="media/sound-zelda.mp3"></audio>
</figure>
@ -57,7 +58,7 @@
<figcaption>
<b>Selim</b> is a Discord administrator and server hoster for WiiMart. They manage various services for WiiMart.
<br><br>
<a href="https://wiilab.wiimart.org/selimgozel1"><button><img loading="lazy" src="meta/ico-git.png" class="ico" alt="GitLab"></button></a>
<a target="_blank" href="https://wiilab.wiimart.org/selimgozel1"><button><img loading="lazy" src="meta/ico-git.png" class="ico" alt="GitLab"></button></a>
</figcaption>
</figure>
@ -68,8 +69,8 @@
<figcaption>
<b>Thom</b> is a Discord administrator and is the developer of the WiiMarty bot and the WiiMart Installer.
<br><br>
<a href="https://wiilab.wiimart.org/thom2305"><button><img loading="lazy" src="meta/ico-git.png" class="ico" alt="GitLab"></button></a>
<a href="https://thom2305.github.io/"><button><img loading="lazy" src="meta/ico-web.png" class="ico"></button></a>
<a target="_blank" href="https://wiilab.wiimart.org/thom2305"><button><img loading="lazy" src="meta/ico-git.png" class="ico" alt="GitLab"></button></a>
<a target="_blank" href="https://thom2305.github.io/"><button><img loading="lazy" src="meta/ico-web.png" class="ico"></button></a>
</figcaption>
</figure>
@ -80,9 +81,9 @@
<figcaption>
<b>idkwhereisthisname</b> is a Discord administrator, they work on pages in the shop
<br><br>
<a href="https://wiilab.wiimart.org/idkwhereisthisname"><button><img loading="lazy" src="meta/ico-git.png" class="ico" alt="GitLab"></button></a>
<a href="https://www.youtube.com/@idkwhereisthisname"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a>
<a href="https://idkwhereisthis.name/"><button><img loading="lazy" src="meta/ico-web.png" class="ico"></button></a>
<a target="_blank" href="https://wiilab.wiimart.org/idkwhereisthisname"><button><img loading="lazy" src="meta/ico-git.png" class="ico" alt="GitLab"></button></a>
<a target="_blank" href="https://www.youtube.com/@idkwhereisthisname"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a>
<a target="_blank" href="https://idkwhereisthis.name/"><button><img loading="lazy" src="meta/ico-web.png" class="ico"></button></a>
</figcaption>
</figure>
@ -93,7 +94,7 @@
<figcaption>
<b>Wabagg123</b> is one of the developers for WiiMart that contributes to the WiiConnect24 and Wii SOAP part of the shop.
<br><br>
<a href="https://www.youtube.com/@wabagg123/"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a>
<a target="_blank" href="https://www.youtube.com/@wabagg123/"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a>
</figcaption>
</figure>
@ -108,9 +109,9 @@
<figcaption>
<b><i>Gemdation</i></b> is the main website coder and designer of the WiiMart branding.
<br><br>
<a href="https://wiilab.wiimart.org/gem"><button><img loading="lazy" src="meta/ico-git.png" class="ico" alt="GitLab"></button></a>
<a href="https://www.youtube.com/@gemdation"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a>
<a href="https://gemdation.com/"><button><img loading="lazy" src="meta/ico-web.png" class="ico"></button></a>
<a target="_blank" href="https://wiilab.wiimart.org/gem"><button><img loading="lazy" src="meta/ico-git.png" class="ico" alt="GitLab"></button></a>
<a target="_blank" href="https://www.youtube.com/@gemdation"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a>
<a target="_blank" href="https://gemdation.com/"><button><img loading="lazy" src="meta/ico-web.png" class="ico"></button></a>
</figcaption>
<audio src="media/sound-bej3.mp3"></audio>
</figure>
@ -122,9 +123,9 @@
<figcaption>
<b><i>ChrisplayzWii</i></b> is one of the Discord moderators, he was the main coder for the original WiiMart website and was the owner of Reviive.
<br><br>
<a href="https://wiilab.wiimart.org/Chrisplayzwii"><button><img loading="lazy" src="meta/ico-git.png" class="ico" alt="GitLab"></button></a>
<a href="https://www.youtube.com/@ChrisplayzWii"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a>
<a href="https://chrisplayzwii.github.io/"><button><img loading="lazy" src="meta/ico-web.png" class="ico"></button></a>
<a target="_blank" href="https://wiilab.wiimart.org/Chrisplayzwii"><button><img loading="lazy" src="meta/ico-git.png" class="ico" alt="GitLab"></button></a>
<a target="_blank" href="https://www.youtube.com/@ChrisplayzWii"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a>
<a target="_blank" href="https://chrisplayzwii.github.io/"><button><img loading="lazy" src="meta/ico-web.png" class="ico"></button></a>
</figcaption>
<audio src="media/sound-roblox-coil.mp3"></audio>
</figure>
@ -140,8 +141,8 @@
<figcaption>
<b><i>YourTooSlow</i></b> is a Discord administrator, he is learning HTML and JavaScript.
<br><br>
<a href="https://wiilab.wiimart.org/Your2Slow"><button><img loading="lazy" src="meta/ico-git.png" class="ico" alt="GitLab"></button></a>
<a href="https://yourtooslow.com/"><button><img loading="lazy" src="meta/ico-web.png" class="ico"></button></a>
<a target="_blank" href="https://wiilab.wiimart.org/Your2Slow"><button><img loading="lazy" src="meta/ico-git.png" class="ico" alt="GitLab"></button></a>
<a target="_blank" href="https://yourtooslow.com/"><button><img loading="lazy" src="meta/ico-web.png" class="ico"></button></a>
</figcaption>
<audio src="media/sound-sonic.exe.mp3"></audio>
</figure>
@ -153,8 +154,8 @@
<figcaption>
<b>Andry6702</b> is a Discord moderator, he contributed on other projects such as New Shop Channel and Reviive.
<br><br>
<a href="https://www.youtube.com/@andry6702"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a>
<a href="https://andry6702.net"><button><img loading="lazy" src="meta/ico-web.png" class="ico"></button></a>
<a target="_blank" href="https://www.youtube.com/@andry6702"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a>
<a target="_blank" href="https://andry6702.net"><button><img loading="lazy" src="meta/ico-web.png" class="ico"></button></a>
</figcaption>
</figure>
@ -164,8 +165,8 @@
<img src="media/pfp-rm05.png" class="pfp">
<figcaption><b>RM05</b> is a Discord administrator and WiiMart translation contributor.
<br><br>
<a href="https://wiilab.wiimart.org/MrRM05"><button><img src="meta/ico-git.png" class="ico" alt="GitLab"></button></a>
<a href="https://www.youtube.com/@Mr_RM05"><button><img src="meta/ico-yt.png" class="ico"></button></a>
<a target="_blank" href="https://wiilab.wiimart.org/MrRM05"><button><img src="meta/ico-git.png" class="ico" alt="GitLab"></button></a>
<a target="_blank" href="https://www.youtube.com/@Mr_RM05"><button><img src="meta/ico-yt.png" class="ico"></button></a>
</figcaption>
</figure>
@ -175,9 +176,9 @@
<img src="media/pfp-emol.png" class="pfp">
<figcaption><b>Emolgun</b> is one of the Discord moderators.
<br><br>
<a href="https://bsky.app/profile/emolgun.bsky.social"><button><img src="meta/ico-bsky.png" class="ico" alt="GitLab"></button></a>
<a href="https://twitch.tv/emolgun"><button><img src="meta/ico-twitch.png" class="ico">
<a href="https://www.youtube.com/@Emolgun"><button><img src="meta/ico-yt.png" class="ico"></button></a>
<a target="_blank" href="https://bsky.app/profile/emolgun.bsky.social"><button><img src="meta/ico-bsky.png" class="ico" alt="GitLab"></button></a>
<a target="_blank" href="https://twitch.tv/emolgun"><button><img src="meta/ico-twitch.png" class="ico">
<a target="_blank" href="https://www.youtube.com/@Emolgun"><button><img src="meta/ico-yt.png" class="ico"></button></a>
</figcaption>
</figure>
@ -187,9 +188,9 @@
<img loading="lazy" src="media/pfp-def.png" class="pfp">
<figcaption><b>DefeatOf13</b> is a Discord moderator and WiiMart mascot designer.
<br><br>
<a href="https://wiilab.wiimart.org/DefeatOf13"><button><img loading="lazy" src="meta/ico-git.png" class="ico" alt="GitLab"></button></a>
<a href="https://www.youtube.com/@defeatof13"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a>
<a href="https://defitmods.xyz"><button><img loading="lazy" src="meta/ico-web.png" class="ico"></button></a>
<a target="_blank" href="https://wiilab.wiimart.org/DefeatOf13"><button><img loading="lazy" src="meta/ico-git.png" class="ico" alt="GitLab"></button></a>
<a target="_blank" href="https://www.youtube.com/@defeatof13"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a>
<a target="_blank" href="https://defitmods.xyz"><button><img loading="lazy" src="meta/ico-web.png" class="ico"></button></a>
</figcaption>
</figure>
@ -200,8 +201,8 @@
<figcaption>
<b>Subnetic</b> is one of the Discord administrators, they frequently create Virtual Console injects that are added.
<br><br>
<a href="https://youtube.com/@subnetic96"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a>
<a href="https://gbatemp.net/members/subnetic.740778/"><button><img loading="lazy" src="meta/ico-web.png" class="ico"></button></a>
<a target="_blank" href="https://youtube.com/@subnetic96"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a>
<a target="_blank" href="https://gbatemp.net/members/subnetic.740778/"><button><img loading="lazy" src="meta/ico-web.png" class="ico"></button></a>
</figcaption>
</figure>
@ -212,9 +213,9 @@
<figcaption>
<b><i>ThatOneYoshi</i></b> is one of the Discord moderators.
<br><br>
<a href="https://thatoneyoshi.link/"><button><img loading="lazy" src="meta/ico-web.png" class="ico"></button></a>
<a href="https://bsky.app/profile/thatoneyoshi.link"><button><img loading="lazy" src="meta/ico-bsky.png" class="ico"></button></a>
<a href="https://www.youtube.com/@thatoneyoshifan-balls"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a>
<a target="_blank" href="https://thatoneyoshi.link/"><button><img loading="lazy" src="meta/ico-web.png" class="ico"></button></a>
<a target="_blank" href="https://bsky.app/profile/thatoneyoshi.link"><button><img loading="lazy" src="meta/ico-bsky.png" class="ico"></button></a>
<a target="_blank" href="https://www.youtube.com/@thatoneyoshifan-balls"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a>
</figcaption>
<audio src="media/sound-yoshi.mp3"></audio>
</figure>
@ -226,7 +227,7 @@
<figcaption>
<b><i>cosmobona56</i></b> is one of the Discord moderators.
<br><br>
<a href="https://www.youtube.com/@cosmo.tv_de"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a>
<a target="_blank" href="https://www.youtube.com/@cosmo.tv_de"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a>
</figcaption>
<audio src="media/sound-undertale-save.mp3"></audio>
</figure>
@ -246,10 +247,10 @@
<figure>
<img loading="lazy" src="media/pfp-comp.gif" class="pfp" style="cursor:help">
<figcaption>
<b><i>Nathan Boehm</i></b>'s project, <a href="https://wiishopchannel.net">WiiShopChannel.net</a>, often helped out WiiMart for reference purposes.
<b><i>Nathan Boehm</i></b>'s project, <a target="_blank" href="https://wiishopchannel.net">WiiShopChannel.net</a>, often helped out WiiMart for reference purposes.
<br><br>
<a href="https://nathanboehm.com"><button><img loading="lazy" src="meta/ico-web.png" class="ico"></button></a>
<a href="https://www.youtube.com/@NathanBoehm"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a>
<a target="_blank" href="https://nathanboehm.com"><button><img loading="lazy" src="meta/ico-web.png" class="ico"></button></a>
<a target="_blank" href="https://www.youtube.com/@NathanBoehm"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a>
</figcaption>
<audio src="media/sound-points.mp3"></audio>
</figure>
@ -260,9 +261,9 @@
<img loading="lazy" src="media/pfp-saul.png" class="pfp" style="cursor:help">
<figcaption><b><i>saulfabreg</i></b> is one of the Virtual Console inject creators.
<br><br>
<a href="http://saulfabreg-wiivc.blogspot.com"><button><img loading="lazy" src="meta/ico-web.png" class="ico"></button></a>
<a href="http://twitter.com/saulfabregwiivc"><button><img loading="lazy" src="meta/ico-twt.png" class="ico"></button></a>
<a href="https://www.youtube.com/@saulfabregwiivc"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a>
<a target="_blank" href="http://saulfabreg-wiivc.blogspot.com"><button><img loading="lazy" src="meta/ico-web.png" class="ico"></button></a>
<a target="_blank" href="http://twitter.com/saulfabregwiivc"><button><img loading="lazy" src="meta/ico-twt.png" class="ico"></button></a>
<a target="_blank" href="https://www.youtube.com/@saulfabregwiivc"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a>
</figcaption>
<audio src="media/sound-points.mp3"></audio>
</figure>
@ -273,9 +274,9 @@
<img loading="lazy" src="media/pfp-dustin.gif" class="pfp">
<figcaption><b>dustinbriggs1991</b> is one of the Virtual Console inject creators.
<br><br>
<a href="https://x.com/dustinbriggs91"><button><img loading="lazy" src="meta/ico-twt.png" class="ico"></button></a>
<a href="https://bsky.app/profile/dustinbriggs1991.bsky.social"><button><img loading="lazy" src="meta/ico-bsky.png" class="ico"></button></a>
<a href="https://www.youtube.com/@dustinbriggs1991"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a>
<a target="_blank" href="https://x.com/dustinbriggs91"><button><img loading="lazy" src="meta/ico-twt.png" class="ico"></button></a>
<a target="_blank" href="https://bsky.app/profile/dustinbriggs1991.bsky.social"><button><img loading="lazy" src="meta/ico-bsky.png" class="ico"></button></a>
<a target="_blank" href="https://www.youtube.com/@dustinbriggs1991"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a>
</figcaption>
</figure>
@ -285,8 +286,8 @@
<img loading="lazy" src="media/pfp-onion.png" class="pfp">
<figcaption><b>Onion Mastori</b> is one of the Virtual Console inject creators.
<br><br>
<a href="https://www.youtube.com/@onionmastori" title="Onion Mastori"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a>
<a href="https://www.youtube.com/@xboxnostalgic101" title="Xbox Nostalgic 101"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a>
<a target="_blank" href="https://www.youtube.com/@onionmastori" title="Onion Mastori"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a>
<a target="_blank" href="https://www.youtube.com/@xboxnostalgic101" title="Xbox Nostalgic 101"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a>
</figcaption>
</figure>
@ -295,9 +296,9 @@
<figure id="TheErrorExe">
<img loading="lazy" src="media/pfp-errorexe.png" class="pfp">
<figcaption>
<b>TheErrorExe</b> has contributed with his <a href="https://revivemii.xyz/">ReviveMii</a>-powered YouTube service.
<b>TheErrorExe</b> has contributed with his <a target="_blank" href="https://revivemii.xyz/">ReviveMii</a>-powered YouTube service.
<br><br>
<a href="https://theerrorexe.dev/"><button><img loading="lazy" src="meta/ico-web.png" class="ico"></button></a>
<a target="_blank" href="https://theerrorexe.dev/"><button><img loading="lazy" src="meta/ico-web.png" class="ico"></button></a>
</figcaption>
</figure>
@ -308,7 +309,7 @@
<figcaption>
<b>A for Animation</b> has contributed with some Virtual Console injects.
<br><br>
<a href="https://www.youtube.com/@AforAnimation888"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a>
<a target="_blank" href="https://www.youtube.com/@AforAnimation888"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a>
</figcaption>
</figure>
</div>
@ -318,9 +319,9 @@
<div class="box" id="Contribute">
<p>Want to also contribute to this project? See what you can do below!</p>
<ul style="list-style:none;line-height:40px;padding:0">
<li><a href="https://wiilab.wiimart.org/wiimart/"><button><img loading="lazy" src="meta/ico-git.png" class="ico" alt="GitLab"> Tinker with the source</button></a></li>
<li><a href="https://appeal.gg/wiimart-1346485785284575335"><button><img loading="lazy" src="meta/ico-discord.png" class="ico" alt="Discord"> Interact with the community</button></a></li>
<li><a href="https://docs.google.com/document/d/1J7OlDChuB5bJdBQf8WAVP7mwajSYNgszR1FNpMzc_zA/"><button><img loading="lazy" src="meta/ico-doc.png" class="ico" alt="Documents"> Get <i>your very own inject</i> on WiiMart!</button></a></li>
<li><a target="_blank" href="https://wiilab.wiimart.org/wiimart/"><button><img loading="lazy" src="meta/ico-git.png" class="ico" alt="GitLab"> Tinker with the source</button></a></li>
<li><a target="_blank" href="https://appeal.gg/wiimart-1346485785284575335"><button><img loading="lazy" src="meta/ico-discord.png" class="ico" alt="Discord"> Interact with the community</button></a></li>
<li><a target="_blank" href="https://docs.google.com/document/d/1J7OlDChuB5bJdBQf8WAVP7mwajSYNgszR1FNpMzc_zA/"><button><img loading="lazy" src="meta/ico-doc.png" class="ico" alt="Documents"> Get <i>your very own inject</i> on WiiMart!</button></a></li>
</ul>
</div>
</div>

5
errors.html
View File

@ -15,11 +15,12 @@
<link rel="stylesheet" href="meta/main.css">
<script src="meta/error.js" defer></script>
<script src="meta/music.js"></script>
<script src="meta/loader.js"></script>
<link rel="icon" type="image/x-icon" href="favicon.ico">
<style>input {margin-bottom: 15px;} #results {display:none;border-color:red;text-align:left} #results h2 {color:#FF0000;} #results p {color:#FF0000}</style>
</head>
<body>
<div id="backgroundd" style="display:none;"></div><div class="box" id="bgmplayer" onclick="activatebgmplayer();"><p id="bgmplrtitle">bgm plr..</p><a href="javascript:playBGM();" id="shopbgmselector" title="Enable audio autoplay in your browser for it to continue playing throughout the website."><button id="shopbgm">Play</button></a><a href="javascript:deactivatebgmplayer();"><button>Close</button></a></div>
<div id="backgroundd" style="display:none;"></div><div id="wscspinnerbg" style="display:none;"><img id="wscspinner" src="/meta/grey-loader.png" alt="spin"><img id="wscspinnershadow" src="/meta/grey-loader.png" alt="s"></div><div class="box" id="bgmplayer" onclick="activatebgmplayer();"> <div id="bgmplayerBG"></div> <div id="mainplayer"><p id="bgmplrtitle">bgm plr..</p><a href="javascript:playBGM();" onclick="allowedtoload = false;" id="shopbgmselector" title="Enable audio autoplay in your browser for it to continue playing throughout the website."><button id="shopbgm">....</button></a><a href="javascript:deactivatebgmplayer();" onclick="allowedtoload = false;"><button>Close</button></a></div> </div>
<h1><a href="/">WiiMart</a></h1>
@ -36,7 +37,7 @@
<div class="box" id="results" style="transition:.3s easein-out; text-align:center;">
<h2 id="code"></h2>
<p id="issue"></p>
<p><a href="javascript:reseterrorcodeform();" style="color: #FF4242;cursor:pointer;text-align:center; text-decoration:underline;"><b>Check another error</b></a></p>
<p><a href="javascript:reseterrorcodeform();" onclick="allowedtoload = false;" style="color: #FF4242;cursor:pointer;text-align:center; text-decoration:underline;"><b>Check another error</b></a></p>
</div>
</div>

9
fishiemart.html
View File

@ -10,6 +10,7 @@
<meta property="og:description" content="FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE.">
<meta property="og:image" content="https://wiimart.org/media/pfp-fishie.png">
<meta property="og:url" content="https://wiimart.org/fishiemart">
<script src="meta/loader.js"></script>
<meta name="theme-color" content="#FFA500">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="meta/main.css">
@ -32,15 +33,13 @@
</style>
</head>
<body onload="FishieMartWednesday();">
<div id="backgroundd" style="display:none;"></div><div class="box" id="bgmplayer" onclick="activatebgmplayer();"><p id="bgmplrtitle">bgm plr..</p><a href="javascript:playBGM();" id="shopbgmselector" title="Enable aqua fishplay in your browser for it to continue playing throughout the ocean."><button id="shopbgm">Play</button></a><a href="javascript:deactivatebgmplayer();"><button>Close</button></a></div>
<div id="backgroundd" style="display:none;"></div><div id="wscspinnerbg" style="display:none;"><img id="wscspinner" src="/meta/grey-loader.png" alt="spin"><img id="wscspinnershadow" src="/meta/grey-loader.png" alt="s"></div><div class="box" id="bgmplayer" onclick="activatebgmplayer();"><p id="bgmplrtitle">bgm plr..</p><a href="javascript:playBGM();" onclick="allowedtoload = false;" id="shopbgmselector" title="Enable aqua fishplay in your browser for it to continue playing throughout the ocean."><button id="shopbgm">Play</button></a><a href="javascript:deactivatebgmplayer();" onclick="allowedtoload = false;"><button>Close</button></a></div>
<a id="fishietitle" href="javascript:easter1();" title="Click to return to the frontpage.">FishieMart</a>
<script>var fishtitle = document.getElementById("fishietitle"); var fishscr1 = new Audio("/media/sound-fishie-scream1.wav"); var fishscr2 = new Audio("/media/sound-fishie-scream2.wav"); var fishscr3 = new Audio("/media/sound-fishie-scream3.wav"); function easter1(){fishscr1.play(); fishtitle.href="javascript:easter2();"; fishtitle.style.color="#ff9d1e";} function easter2(){fishscr2.play(); fishtitle.href="javascript:easter3();"; fishtitle.style.color="#e66f00";} function easter3(){fishscr3.play(); fishtitle.style.color="#db7012"; document.body.style.transition=".5s ease-in-out"; document.body.style.filter="blur(3px)"; setTimeout(function(){location.href= "../";},480); } </script>
<script>function FishieMartWednesday() {const today = new Date(); const dayOfWeek = today.getDay();if (dayOfWeek === 3) {const wednesdayDiv = document.getElementById('fishietitles'); if (wednesdayDiv) {wednesdayDiv.style.display = 'block';} }}; function whatiswmw() {const wswbox = document.getElementById("whatiswsw"); const bg = document.getElementById("backgroundd"); wswbox.style.display="block"; bg.style.display="block"; bg.style.backgroundImage=('url("/meta/fadebg-wmw.png")');} function whatiswmwclose() { const wswbox = document.getElementById("whatiswsw"); const bg = document.getElementById("backgroundd"); wswbox.style.display="none"; bg.style.display="none";}</script>
<div class="box" id="fishietitles" style="display:none;"><mark class="new" style="margin-right:5px;"><span id="NEWtext">FISHY</span></mark>It's FishieMart Wednesday, The catalog has been updated with new fish games! <br><a href="javascript:whatiswmw();" style="font-size:11px; font-style:italic; cursor:help;" id="helpwed">What is FishieMart Wednesday?</a></div><div class="box" id="whatiswsw" style="display:none; padding:0;"><header id="impthdr" style="background-color:#fab62a; color:white;font-weight:bold;margin-bottom:10px">What is FishieMart Wednesday?</header><p>"Update Day" also known as "Wii Shop Wednesday is a song that Nirvana The Band The Show made. <br> it was a song about the latest games added to the shop channel on that wednesday as they sang to the titles on the catalog pages. Fishie decided to bring it back and now every wednesday, new games are added to the FishieMart catalog. <br> <a href="https://www.youtube.com/watch?v=XQ0lnz1iv3k&t=0s" target="_blank">Visit this link to watch the Update day video</a></p><button onclick="whatiswmwclose();">Close</button>
</div>
<div class="row">
<div class="box" style="padding: 0;">
<header id="impthdr" style="background-color:#fab62a; color:white;font-weight:bold;margin-bottom:10px">Important Info:</header>
@ -67,7 +66,7 @@
<div class="box" style="padding-bottom:0">
<img loading="lazy" src="media/Fishie_education_right.png" style="height:50%; width: 18%; float: left; min-width:15%; min-height:50%;">
<p class="blue" style="color:#f78521;">If FishieMart sounds like what you are looking for, try it out for yourself! FishieMart can be used on Fishii, Fishii U, and partially the <a target="_blank" href="https://spongebob.fandom.com/wiki/Magic_Conch_shell">magic conch shell</a>.</p>
<p class="blue" style="color:#f78521;">If FishieMart sounds like what you are looking for, try it out for yourself! FishieMart can be used on Fishii, Fishii U, and partially the <a href="https://spongebob.fandom.com/wiki/Magic_Conch_shell" target="_blank">magic conch shell</a>.</p>
<p><a class="btn" style="font-size: larger;">Get Started</a></p>
<div class="gallery" style="margin-bottom:10px">
<img loading="lazy" src="https://images.nintendolife.com/screenshots/24186/large.jpg" class="slide" loading="lazy" alt="Gameplay 1" style="min-height: 344px;">
@ -140,7 +139,7 @@
<script>
// modified music.js for fishie fishie music
// Wii Shop BGM Player, suggested by @legamer66 (https://discord.com/channels/1346485785284575335/1346485786039681056/1351527080546009259)
// FishieMart BGM Player, suggested by @legamer66 (https://discord.com/channels/1346485785284575335/1346485786039681056/1351527080546009259)
function hideConsoleControls() {
const userAgent = navigator.userAgent.toLowerCase();
const isConsoleBrowser =

15
index.html
View File

@ -5,6 +5,7 @@
<meta http-equiv="x-ua-compatible" content="ie=edge">
<style>@font-face {font-family: 'Shop'; src: url('meta/shop.ttf') format('truetype'); font-weight: normal; font-style: normal;}</style>
<script src="meta/music.js"></script>
<script src="meta/loader.js"></script>
<title>WiiMart: an active Wii Shop revival!</title>
<meta content="WiiMart: an active Wii Shop revival!" property="og:title">
<meta content="WiiMart is an open-source revival of the defunct Wii Shop Channel. This website contains information about it and the project team behind it!" property="og:description">
@ -16,14 +17,14 @@
<link rel="stylesheet" href="meta/main.css">
<script src="meta/gallery.js" defer></script>
<link rel="icon" type="image/x-icon" href="favicon.ico">
<style>.em {opacity:1; transition: opacity 0.5s ease-in-out;} .em.fade {opacity: 0;} #disclaimer {text-align:left;color: #ff3d3d; font-weight:Bold; font-size:10px;padding:0;height:23px; max-height:23px; width:100%; max-width:100%; display:block; margin-bottom:2px;margin-top:-8px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}</style>
<style>.em {opacity:1; transition: opacity 0.5s ease-in-out;} .em.fade {opacity: 0;} #disclaimer {text-align:left;color: #929a9a; font-weight:Bold; font-size:10px;padding:0;height:23px; max-height:23px; width:100%; max-width:100%; display:block; margin-bottom:2px;margin-top:-8px; white-space: nowrap; overflow:auto hidden; scrollbar-width: none; -ms-overflow-style: none;} #disclaimer::-webkit-scrollbar {display:none;}</style>
</head>
<body onload="WiiMartWednesday(); loadafterwednesdaycheck();">
<div id="backgroundd" style="display:none;"></div><div class="box" id="bgmplayer" onclick="activatebgmplayer();"><p id="bgmplrtitle">bgm plr..</p><a href="javascript:playBGM();" id="shopbgmselector" title="Enable audio autoplay in your browser for it to continue playing throughout the website."><button id="shopbgm">Play</button></a><a href="javascript:deactivatebgmplayer();"><button>Close</button></a></div>
<div id="backgroundd" style="display:none;"></div><div id="wscspinnerbg" style="display:none;"><img id="wscspinner" src="/meta/grey-loader.png" alt="spin"><img id="wscspinnershadow" src="/meta/grey-loader.png" alt="s"></div><div class="box" id="bgmplayer" onclick="activatebgmplayer();"> <div id="bgmplayerBG"></div> <div id="mainplayer"><p id="bgmplrtitle">bgm plr..</p><a href="javascript:playBGM();" onclick="allowedtoload = false;" id="shopbgmselector" title="Enable audio autoplay in your browser for it to continue playing throughout the website."><button id="shopbgm">....</button></a><a href="javascript:deactivatebgmplayer();" onclick="allowedtoload = false;"><button>Close</button></a></div> </div>
<h1>WiiMart</h1>
<a href="#ok">test</a>
<nav><a href="install" class="btn">Install</a> <a href="support" class="btn">Support</a> <a href="errors" class="btn">Errors</a> <a href="branding" class="btn">Branding</a> <a href="specials" class="btn">Specials</a> <a href="credits" class="btn">Credits</a></nav>
<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';} }}; function whatiswmw() {const wswbox = document.getElementById("whatiswsw"); const bg = document.getElementById("backgroundd"); wswbox.style.display="block"; bg.style.display="block"; bg.style.backgroundImage=('url("/meta/fadebg-wmw.png")'); } function whatiswmwclose() { const wswbox = document.getElementById("whatiswsw"); const bg = document.getElementById("backgroundd"); wswbox.style.display="none"; bg.style.display="none";}</script>
@ -51,7 +52,7 @@
</details>
<details>
<summary>Update your WiiMart! <span class="date"><img src="meta/em-pinned.svg" style="width:20px;height:20px;vertical-align:middle"> 05-02</span></summary>
<p>Since May 2nd, WiiMart has been relocated to a new domain. For this update, you'll need to download new WADs. Go to the <a href="install">Install</a> page.</p>
<p id="detailsinfo">Since May 2nd, WiiMart has been relocated to a new domain. For this update, you'll need to download new WADs. Go to the <a href="install">Install</a> page.</p>
</details>
<a href="info-log" style="float:right;font-size:small;padding-right:5px">View older</a>
</div>
@ -67,13 +68,13 @@
<p class="blue">If WiiMart sounds like what you are looking for, try it out for yourself! WiiMart can be used on Wii, Wii U, and partially Dolphin.</p>
<p><a href="install" class="btn" style="font-size: larger;">Get Started</a></p>
<div class="gallery" style="margin-bottom:10px">
<img src="media/screenshot-start-menu.png" class="slide" loading="lazy" alt="screenshot" title="the recommended titles present in the image aren't the newest, check the Important Info: box on the top of the page for the latest." >
<img src="media/screenshot-start-menu.png" class="slide" loading="lazy" alt="screenshot" title="the recommended titles present in the image aren't the lastest added titles, check the Important Info: box on the top of the page for the latest." >
<img src="media/screenshot-main-menu.png" class="slide" loading="lazy" alt="screenshot>
<img src="media/screenshot-catalog.png" class="slide" loading="lazy" alt="screenshot">
<img src="media/screenshot-game.png" class="slide" loading="lazy" alt="screenshot">
<img src="media/screenshot-news.png" class="slide" loading="lazy" alt="screenshot">
<img src="media/screenshot-news.png" class="slide" loading="lazy" alt="screenshot" title="the info present in the image isnt about the lastest added titles, check the Important Info: box on the top of the page for the latest.">
</div>
<div id="disclaimer">*images are just to show what the shop is like, titles may be out of date.</div>
<div id="disclaimer" title="this text is scrollable, highlight right or use arrow keys to scroll.">*Images for preview purposes, Recommended Titles and relevant information may be outdated, or subject to change.</div>
</div>
<h1>What's on it?</h1>

3
info-log.html
View File

@ -5,6 +5,7 @@
<meta http-equiv="x-ua-compatible" content="ie=edge">
<style>@font-face {font-family: 'Shop'; src: url('meta/shop.ttf') format('truetype'); font-weight: normal; font-style: normal;}</style>
<script src="meta/music.js"></script>
<script src="meta/loader.js"></script>
<title>WiiMart: Important Info logs</title>
<meta content="WiiMart: Important Info logs" property="og:title">
<meta content="Here are archives of WiiMart.org's Important Info section." property="og:description">
@ -17,7 +18,7 @@
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<div id="backgroundd" style="display:none;"></div><div class="box" id="bgmplayer" onclick="activatebgmplayer();"><p id="bgmplrtitle">bgm plr..</p><a href="javascript:playBGM();" id="shopbgmselector" title="Enable audio autoplay in your browser for it to continue playing throughout the website."><button id="shopbgm">Play</button></a><a href="javascript:deactivatebgmplayer();"><button>Close</button></a></div>
<div id="backgroundd" style="display:none;"></div><div id="wscspinnerbg" style="display:none;"><img id="wscspinner" src="/meta/grey-loader.png" alt="spin"><img id="wscspinnershadow" src="/meta/grey-loader.png" alt="s"></div><div class="box" id="bgmplayer" onclick="activatebgmplayer();"> <div id="bgmplayerBG"></div> <div id="mainplayer"><p id="bgmplrtitle">bgm plr..</p><a href="javascript:playBGM();" onclick="allowedtoload = false;" id="shopbgmselector" title="Enable audio autoplay in your browser for it to continue playing throughout the website."><button id="shopbgm">....</button></a><a href="javascript:deactivatebgmplayer();" onclick="allowedtoload = false;"><button>Close</button></a></div> </div>
<nav style="margin-bottom:0"><a href="/" class="btn">Back to WiiMart.org</a></nav>

9
install.html
View File

@ -5,6 +5,7 @@
<meta http-equiv="x-ua-compatible" content="ie=edge">
<style>@font-face {font-family: 'Shop'; src: url('meta/shop.ttf') format('truetype'); font-weight: normal; font-style: normal;}</style>
<script src="meta/music.js"></script>
<script src="meta/loader.js"></script>
<title>Install WiiMart</title>
<meta content="Download WiiMart" property="og:title">
<meta content="Here are the installation instructions for WiiMart and the patched IOS WADs!." property="og:description">
@ -29,12 +30,8 @@
span.descrip {color:rgb(172, 172, 172);font-size: smaller}
</style>
</head>
<body onload="loadafterwednesdaycheck();">
<div class="box" id="bgmplayer">
<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>
<body>
<div id="backgroundd" style="display:none;"></div><div id="wscspinnerbg" style="display:none;"><img id="wscspinner" src="/meta/grey-loader.png" alt="spin"><img id="wscspinnershadow" src="/meta/grey-loader.png" alt="s"></div>
<h1><a href="/">WiiMart</a></h1>

BIN
media/load.wav Normal file
View File

Binary file not shown.

BIN
meta/grey-loader.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

64
meta/loader.js Normal file
View File

@ -0,0 +1,64 @@
var loading = new Audio("/media/load.wav");
var loadvolume;
var allowedtoload = true;
function showspinner() {
if (allowedtoload === true) {
document.getElementById("wscspinnerbg").style.display="block";
setTimeout(stopspinner,3100);
/* moved down for compatability */
loading.loop = true;
loading.play(); loading.currentTime=0; loadvolume = 0.01; loading.volume = loadvolume;
loadup();
} else {
}
function stopspinner() {
document.getElementById("wscspinnerbg").style.display="none";
loading.pause();
}
}
function loadup() {
var timee = setTimeout(loadup,100);
/* i hate javascript sometime :))))))) */
if (loadvolume > 0) {
loadvolume += 0.01;
}
if (loadvolume >= 0.4) {
loadvolume = 0;
clearTimeout(timee);
}
loading.volume = loadvolume;
}
var checkbgmplayerstatus = null;
document.addEventListener("DOMContentLoaded", () => {
const userAgent = navigator.userAgent.toLowerCase();
const isConsoleBrowser =
userAgent.includes('wii') ||
userAgent.includes('nintendo ds') ||
userAgent.includes('nintendo 3ds') ||
userAgent.includes('nintendo');
if (isConsoleBrowser) {checkbgmplayerstatus = false;}
else
{
checkbgmplayerstatus = true;
stopspinner();
document.querySelectorAll("a").forEach(link => {
link.addEventListener("click", showspinner);
});
}
function stopspinner() {
document.getElementById("wscspinnerbg").style.display="none";
loading.pause();
}
});

58
meta/main.css
View File

@ -1,7 +1,7 @@
@font-face {font-family: 'Shop'; src: url('shop.ttf') format('truetype'); font-weight: normal; font-style: normal;}
/*Main things*/
body {scroll-behavior:smooth;text-align: center;font-family: sans-serif;font-family:'Shop',sans-serif; overflow-x:hidden;transition:.1s ease-in-out;}
body {scroll-behavior:smooth;text-align: center;font-family: sans-serif;font-family:'Shop',sans-serif; overflow-x:hidden;transition:.1s ease-in-out; }
div.row {width:50%;margin:auto}
div.box {line-height:23.3px;background-color:white;border:solid 2px #34BEED;border-radius:5px;box-shadow: 0 0 10px #2525255d;box-sizing:border-box;text-align:center;margin: 0 auto;padding:5px;margin-top: 8px; overflow: auto;}
@ -12,17 +12,21 @@ footer {color:grey}
footer a {color:grey}
details[open] {transition:.3s ease-in-out; max-height: 445px; overflow: hidden auto; margin-bottom:3px;}
details[open] summary {position:sticky; top:0; left:0; background-image:url("/meta/fadebg-wmw.png"); background-color:#73bad146; background-size:100% !important; }
a.btn {background-color: #E6FFF2;border-radius: 10px;padding: 4px;margin-bottom: 10px;color:black;text-decoration: none;filter: drop-shadow(1px 1px 1px black);font-weight: 100;display:inline}
a.btn:hover {background-color: #C7FDFF;}
a.btn:active {filter: none;}
a.btn { background-color: #E6FFF2;border-radius: 10px;padding: 4px;margin-bottom: 10px;color:black;text-decoration: none;filter: drop-shadow(1px 1px 1px black);font-weight: 100;display:inline; transition:.2s ease-in-out;}
a.btn:hover { background-color: #C7FDFF; padding:5px; font-size:16px; transition:.2s ease-in-out;}
a.btn:active {filter: none;}
#wscspinnerbg {position:fixed; z-index:1005; top:0px; left:0px; width:100%; height:100%;}
#wscspinner {z-index:1004;position:absolute;top:0px;left:0px; width:95px; height:95px; animation: spinner 1s linear infinite;}
#wscspinnershadow {z-index:1004;position:absolute;top:7px;left:9px; width:95px; height:95px; opacity:30%; animation: spinner 1s linear infinite;}
@keyframes spinner {from {transform: rotate(0deg)}to {transform: rotate(343deg)};}
span.active {background-color: #c7c7c7;border-radius: 10px;padding: 4px;font-weight: 100;display:inline;cursor:auto;user-select:none}
span.date {float:right;}
span.hide {color:black}
button {margin-bottom: 6px;font-family:'Shop',sans-serif;padding: 5px;outline: 1px solid #34BEED;border-radius: 3px;filter: drop-shadow(1px 1px 3.4px #bbbbbb);border:none}
button:hover {box-shadow: inset 0 0 0 3px #34BEED;cursor:pointer}
button {transform:scale(1);margin-bottom: 6px;font-family:'Shop',sans-serif;padding: 5px;outline: 1px solid #34BEED;border-radius: 3px;filter: drop-shadow(1px 1px 3.4px #bbbbbb);border:none; transition: transform 0.4s ease-in-out;}
button:hover { transform:scale(1.03);transition: transform 0.2s ease-in-out; box-shadow: inset 0 0 0 3px #34BEED;cursor:pointer}
button:disabled {outline: 1px solid #9A9A9A;box-shadow:none;cursor:default}
details {text-align:left;padding-left: 5px;padding-right: 5px; max-height:30px; transition:.3s ease-in-out;}
details {text-align:left;padding-left: 5px;padding-right: 5px; max-height:50px; transition:.3s ease-in-out;}
details ul {padding-left: 0;}
details li {font-size:smaller;list-style:none;vertical-align:middle;}
summary {padding-left: 5px;padding-right: 5px;cursor: pointer;user-select: none; border-radius:5px; margin-bottom:3px;}
@ -38,7 +42,7 @@ h1 {font-size: 30px;}
h1 a {text-decoration:none}
hr {border-color:grey}
a {color:#34BEED; font-weight: bold;}
a {color:#34BEED; font-weight: bold; }
::selection{color: #323232;background: #34BEED;}
::-moz-selection{color: #323232;background:#34BEED;}
button.ico {width:20px; height:20px;}
@ -47,20 +51,7 @@ img.wb {outline: solid 1px black}
.blue {color:#1164E9;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input [type="number"] {-moz-appearance:textfield;}
input {
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #EAEAEA;
border-left-color: #CCCCCC;
}
input {border-top-width: 2px;border-right-width: 2px;border-bottom-width: 2px;border-left-width: 2px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #CCCCCC;border-right-color: #CCCCCC;border-bottom-color: #EAEAEA;border-left-color: #CCCCCC; }
mark {color:white;background:#34BEED;font-weight:bold;}
mark.new {background-color:#fff090 /* fallback */; background-image:url("/meta/NEW_bg.png"); background-size:cover;border-radius: 5px; padding-right:5px; padding-left:5px;font-weight:bold;}
@ -85,9 +76,10 @@ img.right {right: 10px; animation: rightHoverAnimation 0.5s infinite alternate;}
@keyframes rightHoverAnimation {0% {transform: translateY(-50%) translateX(0);} 100% {transform: translateY(-50%) translateX(-5px);}}
/* Music */
div#bgmplayer {background-color:#0000; background-size:0px;z-index: 1000;transition:.3s ease-in-out; position:fixed; bottom:3px; border:2px solid #34BEED; width:60px; height:20px; overflow:hidden;}
div#bgmplayer:hover {cursor:pointer; }div#bgmplayer #shopbgm {margin-right:4px;}
.bgmplayerdisplayed{background-image:url("/meta/fadebg-bgm.png"); background-size:100% !important; cursor:default !important; transition:.3s ease-in-out; height:65px !important; width:120px !important; overflow:auto;scrollbar-width: none;}
div#bgmplayer {backdrop-filter: blur(1.8px); background-color:#0000; background-size:0px;z-index: 1000;transition:.3s ease-in-out; position:fixed; bottom:3px; border:2px solid #34BEED; width:60px; height:20px; overflow:hidden;}
div#bgmplayer:hover {cursor:pointer; }div#bgmplayer .shopbgm {margin-right:4px;} div#bgmplayer button {opacity:90%; background-color: #ebebebb6; color:#323232;}
.bgmplayerdisplayed{background-image:url("/meta/fadebg-bgm.png"); background-size:100% !important; cursor:default !important; transition:.3s ease-in-out; height:65px !important; width:120px !important; overflow:auto;scrollbar-width: none;}.bgmplayeropenanim{width:165px !important; height:100px !important;}
#mainplayer {z-index: 1001;}#bgmplayerBG {display:block; position:absolute; user-select:none; pointer-events:none; top:0; left:0; width:100%; height:100%;}
.box#bgmplayer #bgmplrtitle{color:#24a6d1; background-color:#e4e4e42c; border-radius:20px; font-weight:bold; font-size:18px; font-style:normal; margin-top:-5px; margin-bottom:3px; line-height:18px; }
div#bgmplayer p {line-height:20px;color:#9A9A9A; margin-top:-10px;font-style:italic;font-size:10px; user-select:none; pointer-events:none;}
@ -95,13 +87,7 @@ div#bgmplayer p {line-height:20px;color:#9A9A9A; margin-top:-10px;font-style:ita
#wednesdaytitles {margin-top:13px; margin-bottom:13px; border:none;position:relative; background-color:#FFF; transition:.3s ease-in-out;}
#whatiswsw {z-index:1001; animation:wswpop 0.5s forwards;opacity:0%;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align:center;z-index:999;transition:.3s ease-in-out;}
@keyframes wswpop {
10% {
opacity:0%;
}
100% {
opacity:100%;
}
@keyframes wswpop {10% {opacity:0%;} 100% {opacity:100%;}
}
/* Auto-resizer, do not change pls*/ /* i added plrfix, i changed it, dont kill me gemdation pls (dont change what i added either plz plz) */
@ -113,13 +99,15 @@ div#bgmplayer p {line-height:20px;color:#9A9A9A; margin-top:-10px;font-style:ita
{
body {background-color: black; color: #e0e0e0;}
div.box {background-color: #1e1e1e; box-shadow: 0 0 10px #000000CC;}
.box#bgmplayer #bgmplrtitle {background-color:#dddddd2c;}
a.btn {background-color: #587566;color:white}
a.btn:hover {background-color: #7da2a3;}
.box#bgmplayer #bgmplrtitle {background-color:#dddddd2c; white-space: nowrap;}
a.btn {background-color: #587566;color:white;}
a.btn:hover {background-color: #7da2a3; }
span.active {background-color: #313131}
#wscspinnershadow {z-index:1004;position:absolute;top:7px;left:9px; width:95px; height:95px; opacity:10%; animation: spinner 1s linear infinite;}
span.hide {color:white}
button {background-color: #3b3b3b; color: #e0e0e0;filter: drop-shadow(1px 1px 3.4px #747474)}
button:active {box-shadow: none;}
div#bgmplayer button { background-color: #3b3b3bb6; color:#FFF;}
footer, footer a {color: #9A9A9A;}
h1, h2, a {color: #34BEED;}
::selection {color: #e0e0e0; background: #34BEED;}

64
meta/music.js
View File

@ -1,5 +1,5 @@
// Wii Shop BGM Player, suggested by @legamer66 (https://discord.com/channels/1346485785284575335/1346485786039681056/1351527080546009259)
var checkbgmplayerstatus = true;
var checkbgmplayerstatus = null;
function hideConsoleControls() {
const userAgent = navigator.userAgent.toLowerCase();
const isConsoleBrowser =
@ -8,8 +8,8 @@ function hideConsoleControls() {
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'; checkbgmplayerstatus = false;} }
if (isConsoleBrowser) {checkbgmplayerstatus = false; const bgmPlayerDiv = document.getElementById('bgmplayer');
if (bgmPlayerDiv) {bgmPlayerDiv.style.display = 'none';} else {checkbgmplayerstatus = false;} }
}
@ -29,13 +29,23 @@ function loadafterwednesdaycheck() {
}
if (localStorage.getItem("wmtwebsiteBGM") === "playing") {
activatebgmplayer();
bgmplayerfocus();
activatebgmplayerfocus();
document.getElementById("shopbgm").innerText = "Play";
document.getElementById("shopbgmselector").href = "javascript:playBGMonload();";
} else {
pauseBGM();
pauseBGM();
deactivatebgmplayer();
shoploop.currentTime = 0;
bgmlooppoint = 0;
var wmtwebsiteBGMwasplaying = localStorage.getItem("wmtwebsiteBGM");
if (wmtwebsiteBGMwasplaying === 'paused') {
var savedTime = localStorage.getItem("bgmlooppoint");
if (savedTime) {shoploop.currentTime = parseFloat(savedTime);}
}
}
}
/* what idk, only for index.html */
@ -53,11 +63,18 @@ if (checkbgmplayerstatus === true) {
var wmtwebsiteBGMwasplaying = localStorage.getItem("wmtwebsiteBGM");
if (wmtwebsiteBGMwasplaying === 'playing') {
activatebgmplayer();
bgmplayerfocus();
activatebgmplayerfocus();
document.getElementById("shopbgmselector").href = "javascript:playBGMonload();";
} else {
shoploop.currentTime = 0;
bgmlooppoint = 0;
}
if (wmtwebsiteBGMwasplaying === 'paused') {
var savedTime = localStorage.getItem("bgmlooppoint");
if (savedTime) {shoploop.currentTime = parseFloat(savedTime);}
}
}
@ -65,6 +82,18 @@ if (wmtwebsiteBGMwasplaying === 'playing') {
/* bgm check for all pages */
function activatebgmplayerfocus() {
bgmplayerfocus();
document.getElementById('bgmplayer').classList.add('bgmplayeropenanim');
document.getElementById("bgmplrtitle").innerText="BGM player"; document.getElementById("bgmplrtitle").style.marginTop="0px";
document.getElementById("bgmplayer").style.backdropFilter="blur(1.8px)";
}
function bgmplayerfocus() {
/* bring attention to the player that you can play where ya left off */
document.getElementById("bgmplayer").style.opacity="100%";document.getElementById("bgmplayer").style.backgroundColor="#1164e9da"; document.getElementById("bgmplayer").style.border="4px solid #34ededff"; document.getElementById("backgroundd").style.display="block"; document.getElementById("backgroundd").style.backgroundImage=('url("/meta/fadebg-bgm.png")'); document.getElementById("shopbgm").innerText = "Play";
setTimeout(function(){ document.getElementById('bgmplayer').classList.remove('bgmplayeropenanim'); document.getElementById('bgmplayer').classList.add('bgmplayerdisplayed'); document.getElementById("bgmplayer").style.backgroundImage='url("/meta/fadebg-bgm.png")'; document.getElementById("bgmplayer").style.backgroundColor="#0000"; document.getElementById("bgmplayer").style.border="2px solid #34BEED"; document.getElementById("backgroundd").style.display="none";},500);
}
window.onbeforeunload = function() {
localStorage.setItem("bgmlooppoint", shoploop.currentTime);
@ -92,16 +121,23 @@ function playBGMonload() {
fadeinbgm();
localStorage.setItem("wmtwebsiteBGM", "playing");
shoploop.play();
/*
document.getElementById("shopbgm").innerText = ".....";
document.getElementById("shopbgmselector").href = 'javascript:alert("the bgm is still fading, hold on, you can click once its done!");';
*/
document.getElementById("shopbgm").setAttribute("disabled", "true");
document.getElementById("shopbgm").innerText = "Pause";
document.getElementById("shopbgmselector").href="#";
document.getElementById("shopbgm").style.opacity="50%";
shoploop.currentTime = localStorage.getItem("bgmlooppoint");
}
function fadeinbgm() {
var volchangee = setTimeout(fadeinbgm,13);
document.getElementById("shopbgm").innerText = "Paus?";
if (initialvolume < 0.8) {
initialvolume += 0.01;
}
@ -110,6 +146,8 @@ document.getElementById("shopbgm").innerText = "Paus?";
initialvolume = 0.8;
document.getElementById("shopbgmselector").href = "javascript:pauseBGM();";
document.getElementById("shopbgm").innerText = "Pause";
document.getElementById("shopbgm").removeAttribute("disabled");
document.getElementById("shopbgm").style.opacity="90%";
}
shoploop.volume = initialvolume;
}
@ -119,16 +157,14 @@ document.getElementById("shopbgm").innerText = "Paus?";
function activatebgmplayer() {
document.getElementById('bgmplayer').classList.add('bgmplayerdisplayed');
document.getElementById("shopbgm").innerText = "Play";
document.getElementById("bgmplrtitle").innerText="BGM player"; document.getElementById("bgmplrtitle").style.marginTop="0px";
document.getElementById("bgmplayer").style.backdropFilter="blur(1.8px)";
}
function deactivatebgmplayer() {
document.getElementById('bgmplayer').classList.remove('bgmplayerdisplayed');
document.getElementById("bgmplrtitle").innerText="bgm plr.."; document.getElementById("bgmplrtitle").style.marginTop="-5px";
document.getElementById("bgmplayer").style.backgroundColor="#0000"; document.getElementById("bgmplayer").style.backgroundColor="#0000"; document.getElementById("bgmplayer").style.border="1px solid #34BEED";
document.getElementById("bgmplayer").style.backdropFilter="blur(0px)";
}
function bgmplayerfocus() {
/* bring attention to the player that you can play where ya left off */
document.getElementById("bgmplayer").style.opacity="100%";document.getElementById("bgmplayer").style.backgroundColor="#1164E9"; document.getElementById("bgmplayer").style.border="4px solid #34ededff"; document.getElementById("backgroundd").style.display="block"; document.getElementById("backgroundd").style.backgroundImage=('url("/meta/fadebg-bgm.png")');
setTimeout(function(){ document.getElementById("bgmplayer").style.backgroundImage='url("/meta/fadebg-bgm.png")'; document.getElementById("bgmplayer").style.backgroundColor="#0000"; document.getElementById("bgmplayer").style.border="2px solid #34BEED"; document.getElementById("backgroundd").style.display="none";},500);
}

3
specials.html
View File

@ -5,6 +5,7 @@
<meta http-equiv="x-ua-compatible" content="ie=edge">
<style>@font-face {font-family:'Shop';src:url('meta/shop.ttf') format('truetype');font-weight: normal;font-style: normal;}</style>
<script src="meta/music.js"></script>
<script src="meta/loader.js"></script>
<title>WiiMart Specials</title>
<meta content="WiiMart Specials" property="og:title">
<meta content="This page contains some special content for WiiMart." property="og:description">
@ -19,7 +20,7 @@
<style>input {margin-bottom: 15px;max-width:50px} ul {text-align:left} li a {text-decoration:none} </style>
</head>
<body>
<div id="backgroundd" style="display:none;"></div><div class="box" id="bgmplayer" onclick="activatebgmplayer();"><p id="bgmplrtitle">bgm plr..</p><a href="javascript:playBGM();" id="shopbgmselector" title="Enable audio autoplay in your browser for it to continue playing throughout the website."><button id="shopbgm">Play</button></a><a href="javascript:deactivatebgmplayer();"><button>Close</button></a></div>
<div id="backgroundd" style="display:none;"></div><div id="wscspinnerbg" style="display:none;"><img id="wscspinner" src="/meta/grey-loader.png" alt="spin"><img id="wscspinnershadow" src="/meta/grey-loader.png" alt="s"></div><div class="box" id="bgmplayer" onclick="activatebgmplayer();"> <div id="bgmplayerBG"></div> <div id="mainplayer"><p id="bgmplrtitle">bgm plr..</p><a href="javascript:playBGM();" onclick="allowedtoload = false;" id="shopbgmselector" title="Enable audio autoplay in your browser for it to continue playing throughout the website."><button id="shopbgm">....</button></a><a href="javascript:deactivatebgmplayer();" onclick="allowedtoload = false;"><button>Close</button></a></div> </div>
<h1><a href="/">WiiMart</a></h1>

3
support.html
View File

@ -5,6 +5,7 @@
<meta http-equiv="x-ua-compatible" content="ie=edge">
<style>@font-face {font-family:'Shop';src:url('meta/shop.ttf') format('truetype');font-weight: normal;font-style: normal;}</style>
<script src="meta/music.js"></script>
<script src="meta/loader.js"></script>
<title>Support for WiiMart</title>
<meta content="Support for WiiMart" property="og:title">
<meta content="This page contains troublehsooting tips for WiiMart." property="og:description">
@ -25,7 +26,7 @@
</style>
</head>
<body >
<div id="backgroundd" style="display:none;"></div><div class="box" id="bgmplayer" onclick="activatebgmplayer();"><p id="bgmplrtitle">bgm plr..</p><a href="javascript:playBGM();" id="shopbgmselector" title="Enable audio autoplay in your browser for it to continue playing throughout the website."><button id="shopbgm">Play</button></a><a href="javascript:deactivatebgmplayer();"><button>Close</button></a></div>
<div id="backgroundd" style="display:none;"></div><div id="wscspinnerbg" style="display:none;"><img id="wscspinner" src="/meta/grey-loader.png" alt="spin"><img id="wscspinnershadow" src="/meta/grey-loader.png" alt="s"></div><div class="box" id="bgmplayer" onclick="activatebgmplayer();"> <div id="bgmplayerBG"></div> <div id="mainplayer"><p id="bgmplrtitle">bgm plr..</p><a href="javascript:playBGM();" onclick="allowedtoload = false;" id="shopbgmselector" title="Enable audio autoplay in your browser for it to continue playing throughout the website."><button id="shopbgm">....</button></a><a href="javascript:deactivatebgmplayer();" onclick="allowedtoload = false;"><button>Close</button></a></div> </div>
<h1><a href="/">WiiMart</a></h1>