From e3c51b5982246b05cb224d2658b9efd16ebcfd98 Mon Sep 17 00:00:00 2001 From: ChrisplayzWii <191655784+ChrisplayzYT@users.noreply.github.com> Date: Sun, 20 Apr 2025 14:28:44 -0500 Subject: [PATCH] fix some css and error transition smoothend --- branding.html | 15 ++--- errors.html | 8 +-- fishiemart.html | 37 ++++++------ index.html | 153 +++++++++++++++++++++++++----------------------- install.html | 4 +- meta/error.js | 8 ++- meta/main.css | 44 +++++++------- meta/music.js | 74 ++++++++++++++++++++++- support.html | 4 +- 9 files changed, 214 insertions(+), 133 deletions(-) diff --git a/branding.html b/branding.html index f963035..25c50a6 100644 --- a/branding.html +++ b/branding.html @@ -2,6 +2,7 @@ + Branding of WiiMart @@ -11,13 +12,12 @@ -
-

BGM player

+

BGM player


(enable autoplay on your browser for the music to continue playing throughout the website)

@@ -36,22 +36,23 @@

Wordmarks

-
-
-
+
+
+

The wordmarks should be visible on the background they are in, like shown.

Icons

- + +

Banner

- +

diff --git a/errors.html b/errors.html index 3a919fe..31f21c9 100644 --- a/errors.html +++ b/errors.html @@ -12,13 +12,13 @@ - +
-

BGM player

+

BGM player


(enable autoplay on your browser for the music to continue playing throughout the website)

@@ -35,10 +35,10 @@ -
+

-

Check another error

+

Check another error

Want to contribute to this? Go see the error.js file over at GitHub

diff --git a/fishiemart.html b/fishiemart.html index 750296c..338ec20 100644 --- a/fishiemart.html +++ b/fishiemart.html @@ -1,6 +1,8 @@ + + FishieMart: an active Fishie Fishie revival! @@ -10,36 +12,35 @@ -
-

BGM player

+

BGM player


(enable autoplay on your browser for the music to continue playing throughout the website)

-

FishieMart

+

FishieMart

FishieMart is a revival for the defunct Fishie Fishie. It was closed on April 1, 2060, banishing Fishie Fishie from the universe. FishieMart brings back the experience of downloading and playing Fishie Fishie titles with a revival of the Fishie Fishie Channel.

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 magic conch shell.

+ Fishii, Fishii U, and partially the magic conch shell.

Screenshots

- - - - - + + + + +
@@ -83,15 +84,15 @@

Project Fishies

- - - - - - - - - + + + + + + + + +

Want to also eat some fish? Swim with Fishie by downloading Fishie Fishie on the FishieMart

diff --git a/index.html b/index.html index 0aed6dd..b16ad03 100644 --- a/index.html +++ b/index.html @@ -2,6 +2,7 @@ + WiiMart: an active Wii Shop revival! @@ -12,16 +13,15 @@ -
-

BGM player

+

BGM player

-


(enable autoplay on your browser for the music to continue playing throughout the website)

+


(enable autoplay on your browser for the music to continue playing throughout the website)

WiiMart

@@ -29,24 +29,24 @@

-
+

WiiMart is an open-source revival for the defunct Wii Shop Channel service. It was closed on January 30, 2019, making an entire library of digital-exclusive games get left behind. WiiMart brings back the experience of downloading and playing these titles with a revival of the Wii Shop Channel.

-
- +
+

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.

-
+

Screenshots

@@ -59,7 +59,7 @@

What's on it?

-
+

The originals!

WiiMart includes a variety of WiiWare content that was available on the original Wii Shop Channel, such as Dr. Mario Online Rx, My Pokemon Ranch, Super Mario 64, @@ -68,7 +68,7 @@ Pac-Man, and Galaga.

-
+

Something new!

In case the originals aren't enough, we have also added tons of custom Virtual Console injects! Just some of the latest titles we've added are The New Tetris, EarthBound, Super Mario All-Stars + Super Mario World, @@ -80,7 +80,7 @@

Please consult the FAQ first.

-
+

Frequently Asked Questions

Is real money needed to buy Wii Points?

The WiiMart service is entirely free of charge! Wii Points are "bought" only to keep the service as close the original as possible.

@@ -101,7 +101,7 @@ Region Free EVERYTHING option in System Menu Hacks, then launch it again.

-
+

Other Questions

You may ask in our Discord server, the #support or #ticket channel can help you.



@@ -109,101 +109,106 @@

Who is involved?

-
+

Members

- -

Ocarina is the creator of WiiMart! He began working on it after the unsuccess of Rii Shop. + +

Ocarina is the creator of WiiMart! He began working on it after the unsuccess of Rii Shop. As the owner, he maintains the shop entirely.

-

+

- -

Larsenv is the server hoster for WiiMart and frequently adds custom Virtual Console titles. Also + +

Larsenv is the server hoster for WiiMart and frequently adds custom Virtual Console titles. Also the hoster of MarioCube.

-

+

- -

Wabagg is one of the developers for WiiMart that contributes to the WiiConnect24 and Wii - SOAP part of the shop.

-
-
- -

Thom is the developer of the WiiMarty Discord bot and [unreleased tool]. He can code in Python and was a co-owner of Reviive.

-

-

-
-
- -

Gemdation is the main coder of this website and designer for the WiiMart Discord server.

-

-
-
- -

Chrisplayz is one of the Discord administrators, he was the main coder for the original WiiMart website and was the owner of Reviive.

-

-

-
-
- -

idkwhereisthisname is a Discord administrator, they have worked on their own Wii projects on the past such as YaWSC and a Nintendo TVii revival attempt.

-

-

-
-
- -

LNLenost is a Discord administrator, he has also worked on other things such as the NetPass website and being a translator.

-

-

-
-
- -

YourTooSlow is a Discord administrator, he is learning HTML and JavaScript.

-

+ +

Wabagg is one of the developers for WiiMart that contributes to the WiiConnect24 and Wii SOAP part of the shop.

+

- -

Selim is a Discord administrator and contributor, currently tinkering with [unreleased fork].

-

+ +

Thom is the developer of the WiiMarty Discord bot and [unreleased tool]. He can code in Python and was a co-owner of Reviive.

+

- -

Andry6702 is a Discord moderator, he contributed on other projects such as New Shop Channel and Reviive.

-

+ +

Gemdation is the main coder of this website and designer for the WiiMart Discord server.

+

+
+
+ +

Chrisplayz is one of the Discord administrators, he was the main coder for the original WiiMart website and was the owner of Reviive.

+

- -

RM05 is a Discord moderator and WiiMart translation contributor.

- + +

idkwhereisthisname is a Discord administrator, they have worked on their own Wii projects on the past such as YaWSC and a Nintendo TVii revival attempt.

+

- -

DefeatOf13 is a Discord moderator and WiiMart mascot designer.

-

+ +

LNLenost is a Discord administrator, he has also worked on other things such as the NetPass website and being a translator.

+

+

- -

maxmaxmaxmaxmaxmax is a Discord moderator.

-

+ +

YourTooSlow is a Discord administrator, he is learning HTML and JavaScript.

+

+

+ +
+
+ +

Selim is a Discord administrator and contributor, currently tinkering with [unreleased fork].

+

+

+
+
+ +

Andry6702 is a Discord moderator, he contributed on other projects such as New Shop Channel and Reviive.

+

+

+
+
+ +

RM05 is a Discord moderator and WiiMart translation contributor.

+ +

+
+
+ +

DefeatOf134234243222234 is a Discord moderator and WiiMart mascot designer.

+

+
+
+ +

maxmaxmaxmaxm... is a Discord moderator.

+

-
+ + + +

Honorable Mention

Check out WiiShopChannel.net, it is Wii Shop Channel client recreated for modern browsers. This neat project often helped out WiiMart for reference purposes.

-
+

Want to also contribute to this project? Check out WiiMart on GitHub!

-

+

diff --git a/install.html b/install.html index 9455e6b..56a1e70 100644 --- a/install.html +++ b/install.html @@ -2,6 +2,7 @@ + Install WiiMart @@ -11,13 +12,12 @@ -
-

BGM player

+

BGM player


(enable autoplay on your browser for the music to continue playing throughout the website)

diff --git a/meta/error.js b/meta/error.js index 027ec78..5a9eacc 100644 --- a/meta/error.js +++ b/meta/error.js @@ -330,6 +330,8 @@ document.getElementById("submitBtn").addEventListener("click", function() { } }); -function refreshPage() { - location.reload(); -} +function reseterrorcodeform() { + document.getElementById("errorCode").value=""; + document.getElementById("results").style.display="none"; + document.getElementById("input").style.display="block"; +} \ No newline at end of file diff --git a/meta/main.css b/meta/main.css index 748cca7..a5153fe 100644 --- a/meta/main.css +++ b/meta/main.css @@ -1,49 +1,53 @@ @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; } -div {background-color: white;border-radius: 5px;border-color: #34BEED;box-shadow: 0 0 10px #2525255d; box-sizing: border-box;border-width: 5px;border-style: solid; width: 35%; text-align: center;margin: 0 auto;padding: 5px;margin-top: 6px; overflow: auto;} -div.clear {border:none;background: none;box-shadow: none;} +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 {line-height:23.3px; background-color: white;border-radius: 5px;border-color: #34BEED;box-shadow: 0 0 10px #2525255d; box-sizing: border-box;border-width: 5px;border-style: solid; width: 35%; text-align: center;margin: 0 auto;padding: 5px;margin-top: 8px; overflow: auto;} +div.clear { border:none;background: none;box-shadow: none;} header {background-color: #1164E9;width: 100%;padding: 10px;border-style: solid;border-top: white;border-right: none;border-left: none;} button {font-family:'Shop',sans-serif;padding: 5px; border:none;outline:2px solid #34BEED; color:black;background-color:white;border-radius: 5px;background-color:#f6fdff;filter: drop-shadow(1px 1px 3.4px #bbbbbb);box-shadow:inset 1px 1px 12px #46464615;} button:hover {border:none;outline:3px solid #34BEED;cursor: pointer;filter: drop-shadow(1px 1px 3.4px #34BEED7c);box-shadow:inset 1px 1px 12px #46464615;} -button:active {box-shadow: none} -footer {color:grey} +button:active {box-shadow: none;} +footer {color:grey;} footer a {color:grey;font-weight: bold;} /* Text stuff */ -h1, h2 {color:#34BEED} +h1, h2 {color:#34BEED;} a {color:#34BEED; font-weight: bold;} ::selection{color: #323232;background: #34BEED;} ::-moz-selection{color: #323232;background:#34BEED;} body.dir {text-align: left;} body.dir a {color:black;text-decoration: none;font-weight: normal;} table {border: 1px solid white; border-collapse: collapse;} -th, td {border: 1px solid} -div.mem {display: flex;align-items: flex-start} +th, td {border: 1px solid;} +div.mem {display: flex;align-items: flex-start;} +.uname {max-width:90%;word-wrap:break-word; word-break:break-word;} div.pfp {display: flex;align-items: center;width: 100%;} -img.pfp {width:150px;height:150px;object-fit: cover;margin-right:10px;border-radius: 5px;} +img.pfp {width:150px;height:150px; min-height:150px; min-width:150px; object-fit: cover;margin-right:10px;border-radius: 5px;} p.mem {flex: 1;} -img.ico {vertical-align: middle} -.blue {color:#1164E9} +.ico {min-width:30px; min-height:30px; width:40px; height:40px;} +img.ico {vertical-align: middle; min-width:30px; min-height:30px; width:40px; height:40px;} +.blue {color:#1164E9;} -div.issue {border-color:red;color:red;width:100%;text-align:center} -div.issue h2 {color:red} -button.issue-button {outline: 2px solid red} -.issue-detail {display:none} +div.issue {border-color:red;color:red;width:100%;text-align:center;} +div.issue h2 {color:red;} +button.issue-button {outline: 2px solid red;} +.issue-detail {display:none;} /* Gallery */ -div.gallery {position: relative; overflow: hidden;width:100%} -img.slide {width:100%} -img.arrow {position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; width: 60px; height: auto;} +div.gallery {position: relative; overflow: hidden;width:100%;} +img.slide {width:100%; min-height:200px; min-width:100%;} +img.arrow {min-height:68px; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; width: 60px; height: auto;} img.left {left: 10px; animation: hoverAnimation 0.5s infinite alternate;} 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);}} -/* Matt! Yea? update day! what?? New-New Wii Titles! What? im in the bathroom! Update day for WiiMart! */ -#bgmplayer { 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;} +/* music!1!1 */ +#bgmplayer {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;} + +/* 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;} /* Auto-resizer, do not change pls*/ diff --git a/meta/music.js b/meta/music.js index d480f1f..6dc8bf1 100644 --- a/meta/music.js +++ b/meta/music.js @@ -4,8 +4,7 @@ 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"); shoploop.loop = true; -shoploop.volume = 0.8; - +shoploop.volume = 0; // prevent clipping window.onload = function() { var savedTime = localStorage.getItem("bgmlooppoint"); @@ -14,7 +13,7 @@ window.onload = function() { } if (localStorage.getItem("shopmusic") === "playing") { - playBGM(); + playBGMonload(); } else { pauseBGM(); } @@ -28,11 +27,35 @@ window.onload = function() { } }; +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); }; function playBGM() { + shoploop.volume = 0.8; localStorage.setItem("shopmusic", "playing"); shoploop.play(); document.getElementById("shopbgm").innerHTML = "Pause BGM"; @@ -45,3 +68,48 @@ function pauseBGM() { document.getElementById("shopbgm").innerHTML = "Play BGM"; document.getElementById("shopbgmselector").href = "javascript:playBGM();"; } + +function playBGMonload() { + // this version has it fade in for smoother experince between pages uwu (i could of used set interval, but memory issues?) + fadeinbgm(); + localStorage.setItem("shopmusic", "playing"); + shoploop.play(); + document.getElementById("shopbgm").innerHTML = "Pause BGM"; + document.getElementById("shopbgmselector").href = "javascript:pauseBGM();"; +} + +function fadeinbgm() { + shoploop.volume="0.0"; + setTimeout(fade2,10); +} +function fade2() { + shoploop.volume="0.1"; + setTimeout(fade3,10); +} +function fade3() { + shoploop.volume="0.2"; + setTimeout(fade4,10); +} +function fade4() { + shoploop.volume="0.3"; + setTimeout(fade5,10); +} +function fade5() { + shoploop.volume="0.4"; + setTimeout(fade6,10); +} +function fade6() { + shoploop.volume="0.5"; + setTimeout(fade7,10); +} +function fade7() { + shoploop.volume="0.6"; + setTimeout(fade8,10); +} +function fade8() { + shoploop.volume="0.7"; + setTimeout(fade9,10); +} +function fade9() { + shoploop.volume="0.8"; +} \ No newline at end of file diff --git a/support.html b/support.html index 217b434..b7dc0b2 100644 --- a/support.html +++ b/support.html @@ -2,6 +2,7 @@ + Support for WiiMart @@ -13,13 +14,12 @@ -
-

BGM player

+

BGM player


(enable autoplay on your browser for the music to continue playing throughout the website)