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

fix some css and error transition smoothend

Browse Source
This commit is contained in:
ChrisplayzWii 2025-04-20 14:28:44 -05:00 committed by GitHub
parent b03b50f78e
commit e3c51b5982
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
9 changed files with 214 additions and 133 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
branding.html
View File

@ -2,6 +2,7 @@
<html> <html>
<head> <head>
<style>@font-face {font-family: 'Shop'; src: url('shop.ttf') format('truetype'); font-weight: normal; font-style: normal;}</style> <style>@font-face {font-family: 'Shop'; src: url('shop.ttf') format('truetype'); font-weight: normal; font-style: normal;}</style>
<script src="meta/music.js" preload></script>
<title>Branding of WiiMart</title> <title>Branding of WiiMart</title>
<meta content="Branding of WiiMart" property="og:title" /> <meta content="Branding of WiiMart" property="og:title" />
<meta content="This page contains the WiiMart branding guidelines." property="og:description" /> <meta content="This page contains the WiiMart branding guidelines." property="og:description" />
@ -11,13 +12,12 @@
<meta name="keywords" content="WiiMart, Wii Shop, homebrew"> <meta name="keywords" content="WiiMart, Wii Shop, homebrew">
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="meta/main.css" /> <link rel="stylesheet" href="meta/main.css" />
<script src="meta/music.js"></script>
<link rel="icon" type="image/x-icon" href="favicon.ico" /> <link rel="icon" type="image/x-icon" href="favicon.ico" />
<style>mark {color:white} .wm {width: 100%}</style> <style>mark {color:white} .wm {width: 100%}</style>
</head> </head>
<body> <body>
<div id="bgmplayer"> <div id="bgmplayer">
<h2 style="height:20px; margin-top:-9px;">BGM player</h2> <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> <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> <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>
</div> </div>
@ -36,22 +36,23 @@
<div> <div>
<h2>Wordmarks</h2> <h2>Wordmarks</h2>
<div style="border-color:#1164E9;background-color: #1164E9" class="wm"><img src="media/branding-wordmark-white.png" width="300px"></div> <div style="border-color:#1164E9;background-color: #1164E9" class="wm"><img loading="lazy" src="media/branding-wordmark-white.png" width="300px" height="45px"style="min-width:300px; min-height:45px;"></div>
<div style="background-color: white;border-color: white;" class="wm"><img src="media/branding-wordmark-blue.png" width="300px"></div> <div style="background-color: white;border-color: white;" class="wm"><img loading="lazy" src="media/branding-wordmark-blue.png" width="300px" height="45px" style="min-width:300px; min-height:45px;"></div>
<div style="background-color: white;border-color: white;" class="wm"><img src="media/branding-wordmark-black.png" width="300px"></div> <div style="background-color: white;border-color: white;" class="wm"><img loading="lazy" src="media/branding-wordmark-black.png" width="300px" height="45px" style="min-width:300px; min-height:45px;"></div>
<p>The wordmarks should be visible on the background they are in, like shown.</p> <p>The wordmarks should be visible on the background they are in, like shown.</p>
</div> </div>
<div> <div>
<h2>Icons</h2> <h2>Icons</h2>
<img src="media/branding-bag.png" width="200px"> <img src="media/branding-bag-no-bg.png" width="200px"> <img loading="lazy" src="media/branding-bag.png" width="200px" height="200px" style="min-width:200px; min-height:200px;">
<img loading="lazy" src="media/branding-bag-no-bg.png" width="200px" height="200px" style="min-width:200px; min-height:200px;">
<br><br> <br><br>
</div> </div>
<div> <div>
<h2>Banner</h2> <h2>Banner</h2>
<img src="media/branding-banner.png" width="100%"> <img loading="lazy" src="media/branding-banner.png" width="100%" height="100%" style="min-width:100%; min-height:100%;">
<br><br> <br><br>
</div> </div>

8
errors.html
View File

@ -12,13 +12,13 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="meta/main.css" /> <link rel="stylesheet" href="meta/main.css" />
<script src="meta/error.js" defer></script> <script src="meta/error.js" defer></script>
<script src="meta/music.js"></script> <script src="meta/music.js" preload></script>
<link rel="icon" type="image/x-icon" href="favicon.ico" /> <link rel="icon" type="image/x-icon" href="favicon.ico" />
<style>input {border: 2px solid #CCCCCC;border-bottom-color: #EAEAEA;margin-bottom: 15px;} #results {display:none;} div.err {border-color:red;text-align:left; h2 {color: #FF0000;} p {color: #FF0000;}}</style> <style>input {border: 2px solid #CCCCCC;border-bottom-color: #EAEAEA;margin-bottom: 15px;} #results {display:none;} div.err {border-color:red;text-align:left; h2 {color: #FF0000;} p {color: #FF0000;}}</style>
</head> </head>
<body> <body>
<div id="bgmplayer"> <div id="bgmplayer">
<h2 style="height:20px; margin-top:-9px;">BGM player</h2> <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> <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> <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>
</div> </div>
@ -35,10 +35,10 @@
</div> </div>
<div class="err" id="results"> <div class="err" id="results" style="transition:.3s easein-out; text-align:center;">
<h2 id="code"></h2> <h2 id="code"></h2>
<p id="issue"></p> <p id="issue"></p>
<p><a onclick="refreshPage()" style="color: #FF4242;cursor:pointer;text-align:center; text-decoration:underline;"><b>Check another error</b></a></p> <p><a href="javascript:reseterrorcodeform();" style="color: #FF4242;cursor:pointer;text-align:center; text-decoration:underline;"><b>Check another error</b></a></p>
</div> </div>
<p>Want to contribute to this? Go see the <a href="https://github.com/WiiMart/WiiMart.github.io/blob/main/meta/error.js">error.js</a> file over at GitHub</p> <p>Want to contribute to this? Go see the <a href="https://github.com/WiiMart/WiiMart.github.io/blob/main/meta/error.js">error.js</a> file over at GitHub</p>

37
fishiemart.html
View File

@ -1,6 +1,8 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<style>@font-face {font-family: 'Shop'; src: url('shop.ttf') format('truetype'); font-weight: normal; font-style: normal;}</style>
<script src="meta/music.js" ></script>
<title>FishieMart: an active Fishie Fishie revival!</title> <title>FishieMart: an active Fishie Fishie revival!</title>
<meta content="FishieMart: an active Fishie Fishie revival!" property="og:title" /> <meta content="FishieMart: an active Fishie Fishie revival!" property="og:title" />
<meta 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." property="og:description" /> <meta 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." property="og:description" />
@ -10,36 +12,35 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="meta/main.css" /> <link rel="stylesheet" href="meta/main.css" />
<script src="meta/gallery.js" defer></script> <script src="meta/gallery.js" defer></script>
<script src="meta/music.js"></script>
<link rel="icon" type="image/x-icon" href="meta/favicon-fishie.ico" /> <link rel="icon" type="image/x-icon" href="meta/favicon-fishie.ico" />
<style>div {border-color: orange; box-shadow: 0 0 10px #a153005d; } h1, h2, h3 {color:orange} a {color:orange}</style> <style>div {border-color: orange; box-shadow: 0 0 10px #a153005d; } h1, h2, h3 {color:orange} a {color:orange}</style>
<style>button {font-family:'Shop',sans-serif;padding: 5px; border:none;outline:2px solid orange; 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 #53360015;}button:hover {border:none;outline:3px solid orange;cursor: pointer;filter: drop-shadow(1px 1px 3.4px #edb2347c);box-shadow:inset 1px 1px 12px #57310015;}button:active {box-shadow: none}</style> <style>button {font-family:'Shop',sans-serif;padding: 5px; border:none;outline:2px solid orange; 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 #53360015;}button:hover {border:none;outline:3px solid orange;cursor: pointer;filter: drop-shadow(1px 1px 3.4px #edb2347c);box-shadow:inset 1px 1px 12px #57310015;}button:active {box-shadow: none}</style>
</head> </head>
<body> <body>
<div id="bgmplayer"> <div id="bgmplayer">
<h2 style="height:20px; margin-top:-9px;">BGM player</h2> <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> <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> <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>
</div> </div>
<h1>FishieMart</h1> <h1 style="cursor:pointer;">FishieMart</h1>
<div class="block" style="padding-bottom:10px;"> <div class="block" style="padding-bottom:10px;">
<p>FishieMart is a revival for the defunct Fishie Fishie. It was closed on April 1, 2060, banishing <p>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 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.</p> downloading and playing Fishie Fishie titles with a revival of the Fishie Fishie Channel.</p>
<p>If FishieMart sounds like what you are looking for, try it out for yourself! FishieMart can be used on <p>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">magic conch shell</a>.</p> Fishii, Fishii U, and partially the <a target="_blank" href="https://spongebob.fandom.com/wiki/Magic_Conch_shell">magic conch shell</a>.</p>
</div> </div>
<div> <div>
<h3>Screenshots</h3> <h3>Screenshots</h3>
<div class="gallery"> <div class="gallery">
<img src="https://images.nintendolife.com/screenshots/24186/large.jpg" class="slide"> <img loading="lazy" src="https://images.nintendolife.com/screenshots/24186/large.jpg" class="slide" style="min-height:300px;">
<img src="https://images.nintendolife.com/screenshots/24185/large.jpg" class="slide"> <img loading="lazy" src="https://images.nintendolife.com/screenshots/24185/large.jpg" class="slide" style="min-height:300px;">
<img src="https://images.nintendolife.com/screenshots/24179/large.jpg" class="slide"> <img loading="lazy" src="https://images.nintendolife.com/screenshots/24179/large.jpg" class="slide" style="min-height:300px;">
<img src="https://images.nintendolife.com/screenshots/24187/large.jpg" class="slide"> <img loading="lazy" src="https://images.nintendolife.com/screenshots/24187/large.jpg" class="slide" style="min-height:300px;">
<img src="https://images.nintendolife.com/screenshots/24183/large.jpg" class="slide"> <img loading="lazy" src="https://images.nintendolife.com/screenshots/24183/large.jpg" class="slide" style="min-height:300px;">
</div> </div>
</div> </div>
@ -83,15 +84,15 @@
<div class="block"> <div class="block">
<h2>Project Fishies</h2> <h2>Project Fishies</h2>
<a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img src="media/pfp-fishie.png" class="pfp"></a> <a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img loading="lazy" src="media/pfp-fishie.png" class="pfp"></a>
<a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img src="media/pfp-fishie.png" class="pfp"></a> <a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img loading="lazy" src="media/pfp-fishie.png" class="pfp"></a>
<a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img src="media/pfp-fishie.png" class="pfp"></a> <a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img loading="lazy" src="media/pfp-fishie.png" class="pfp"></a>
<a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img src="media/pfp-fishie.png" class="pfp"></a> <a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img loading="lazy" src="media/pfp-fishie.png" class="pfp"></a>
<a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img src="media/pfp-fishie.png" class="pfp"></a> <a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img loading="lazy" src="media/pfp-fishie.png" class="pfp"></a>
<a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img src="media/pfp-fishie.png" class="pfp"></a> <a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img loading="lazy" src="media/pfp-fishie.png" class="pfp"></a>
<a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img src="media/pfp-fishie.png" class="pfp"></a> <a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img loading="lazy" src="media/pfp-fishie.png" class="pfp"></a>
<a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img src="media/pfp-fishie.png" class="pfp"></a> <a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img loading="lazy" src="media/pfp-fishie.png" class="pfp"></a>
<a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img src="media/pfp-fishie.png" class="pfp"></a> <a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img loading="lazy" src="media/pfp-fishie.png" class="pfp"></a>
<p>Want to also eat some fish? Swim with Fishie by downloading Fishie Fishie on the FishieMart</p> <p>Want to also eat some fish? Swim with Fishie by downloading Fishie Fishie on the FishieMart</p>
</div> </div>

153
index.html
View File

@ -2,6 +2,7 @@
<html> <html>
<head> <head>
<style>@font-face {font-family: 'Shop'; src: url('shop.ttf') format('truetype'); font-weight: normal; font-style: normal;}</style> <style>@font-face {font-family: 'Shop'; src: url('shop.ttf') format('truetype'); font-weight: normal; font-style: normal;}</style>
<script src="meta/music.js" preload></script>
<title>WiiMart: an active Wii Shop revival!</title> <title>WiiMart: an active Wii Shop revival!</title>
<meta content="WiiMart: an active Wii Shop revival!" property="og: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" /> <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" />
@ -12,16 +13,15 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="meta/main.css" /> <link rel="stylesheet" href="meta/main.css" />
<script src="meta/gallery.js" defer></script> <script src="meta/gallery.js" defer></script>
<script src="meta/music.js"></script>
<link rel="icon" type="image/x-icon" href="favicon.ico" /> <link rel="icon" type="image/x-icon" href="favicon.ico" />
<style>button {margin-right: 2px;margin-left: 2px}</style> <style>button {margin-right: 2px;margin-left: 2px}</style>
<!--just here because the buttons are spaced weird idk--> <!--just here because the buttons are spaced weird idk-->
</head> </head>
<body> <body>
<div id="bgmplayer"> <div id="bgmplayer">
<h2 style="height:20px; margin-top:-9px;">BGM player</h2> <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> <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> <p style="line-height:20px; 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>
</div> </div>
<h1 style="font-size: xx-large;">WiiMart</h1> <h1 style="font-size: xx-large;">WiiMart</h1>
@ -29,24 +29,24 @@
<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> <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:none;"> <div id="wednesdaytitles" style="display:none;">
<img 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! <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>
<div id="about"> <div id="about" style="padding-left:8px; padding-right:8px; ">
<p><b>WiiMart</b> is an open-source revival for the defunct Wii Shop Channel service. It was closed on January 30, 2019, <p><b>WiiMart</b> 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 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.</p> downloading and playing these titles with a revival of the Wii Shop Channel.</p>
</div> </div>
<div> <div style="padding-left:8px; padding-right:8px; ">
<img src="media/martyna-looking.png" style="height:100%;width:25%;float: left"> <img loading="lazy" src="media/martyna-looking.png" style="height:100%; width:25%; float: left; min-width:25%; min-height:100%;">
<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 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>
<a href="install"><button style="margin-bottom:6px">Get Started</button></a> <a href="install"><button style="margin-bottom:6px">Get Started</button></a>
</div> </div>
<div> <div style="padding-left:8px; padding-right:8px; ">
<h2>Screenshots</h2> <h2>Screenshots</h2>
<div class="gallery"> <div class="gallery">
<img src="media/screenshot-start-menu.png" class="slide"> <img src="media/screenshot-start-menu.png" class="slide">
@ -59,7 +59,7 @@
<h1>What's on it?</h1> <h1>What's on it?</h1>
<div class="block"> <div class="block" style="padding-left:8px; padding-right:8px; ">
<h2>The originals!</h2> <h2>The originals!</h2>
<p>WiiMart includes a variety of WiiWare content that was available on the original Wii Shop Channel, such <p>WiiMart includes a variety of WiiWare content that was available on the original Wii Shop Channel, such
as <b>Dr. Mario Online Rx</b>, <b>My Pokemon Ranch</b>, <b>Super Mario 64</b>, as <b>Dr. Mario Online Rx</b>, <b>My Pokemon Ranch</b>, <b>Super Mario 64</b>,
@ -68,7 +68,7 @@
<b>Pac-Man</b>, and <b>Galaga</b>.</p> <b>Pac-Man</b>, and <b>Galaga</b>.</p>
</div> </div>
<div class="block"> <div class="block" style="padding-left:8px; padding-right:8px; ">
<h2>Something <mark style="background-color:gold;border-radius:10px;padding-right:5px;padding-left:5px"><i style="color:#ff491b">new!</i></mark></h2> <h2>Something <mark style="background-color:gold;border-radius:10px;padding-right:5px;padding-left:5px"><i style="color:#ff491b">new!</i></mark></h2>
<p>In case the originals aren't enough, we have also added tons of custom Virtual Console injects! Just some of the <p>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 <b>The New Tetris</b>, <b>EarthBound</b>, <b>Super Mario All-Stars + Super Mario World</b>, latest titles we've added are <b>The New Tetris</b>, <b>EarthBound</b>, <b>Super Mario All-Stars + Super Mario World</b>,
@ -80,7 +80,7 @@
<p>Please consult the FAQ first.</p> <p>Please consult the FAQ first.</p>
<div> <div style="padding-left:8px; padding-right:8px; ">
<h2>Frequently Asked Questions</h2> <h2>Frequently Asked Questions</h2>
<h3>Is real money needed to buy Wii Points?</h3> <h3>Is real money needed to buy Wii Points?</h3>
<p>The WiiMart service is entirely free of charge! Wii Points are "bought" only to keep the service as close the original as possible.</p> <p>The WiiMart service is entirely free of charge! Wii Points are "bought" only to keep the service as close the original as possible.</p>
@ -101,7 +101,7 @@
<b>Region Free EVERYTHING</b> option in System Menu Hacks, then launch it again.</p> <b>Region Free EVERYTHING</b> option in System Menu Hacks, then launch it again.</p>
</div> </div>
<div> <div style="padding-left:8px; padding-right:8px; ">
<h2>Other Questions</h2> <h2>Other Questions</h2>
<p>You may ask in our Discord server, the <b>#support</b> or <b>#ticket</b> channel can help you.</p> <p>You may ask in our Discord server, the <b>#support</b> or <b>#ticket</b> channel can help you.</p>
<a href="https://discord.gg/wiimart"><button>Discord</button></a><br><br> <a href="https://discord.gg/wiimart"><button>Discord</button></a><br><br>
@ -109,101 +109,106 @@
<h1>Who is involved?</h1> <h1>Who is involved?</h1>
<div> <div style="padding-left:8px; padding-right:8px; ">
<h2>Members</h2> <h2>Members</h2>
<div class="pfp"> <div class="pfp">
<img src="media/pfp-ocarina.png" class="pfp"> <img loading="lazy" src="media/pfp-ocarina.png" class="pfp">
<p class="mem"><b>Ocarina</b> is the creator of WiiMart! He began working on it after the unsuccess of Rii Shop. <p class="mem"><b class="uname">Ocarina</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> As the owner, he maintains the shop entirely.<br><br>
<a href="https://github.com/Ocarinaoftime"><button><img src="meta/ico-github.png" class="ico" alt="GitHub"></button></a> <a href="https://www.youtube.com/@Epicboss16"><button><img src="meta/ico-yt.png" class="ico"></button></a></p> <a href="https://github.com/Ocarinaoftime"><button><img loading="lazy" src="meta/ico-github.png" class="ico" alt="GitHub"></button></a> <a href="https://www.youtube.com/@Epicboss16"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a></p>
</div> </div>
<div class="pfp"> <div class="pfp">
<img src="media/pfp-larsenv.png" class="pfp"> <img loading="lazy" src="media/pfp-larsenv.png" class="pfp">
<p class="mem"><b>Larsenv</b> is the server hoster for WiiMart and frequently adds custom Virtual Console titles. Also <p class="mem"><b class="uname">Larsenv</b> is the server hoster for WiiMart and frequently adds custom Virtual Console titles. Also
the hoster of <a href="https://mariocube.com">MarioCube</a>.<br><br> the hoster of <a href="https://mariocube.com">MarioCube</a>.<br><br>
<a href="https://github.com/larsenv"><button><img src="meta/ico-github.png" class="ico" alt="GitHub"></button></a> <a href="https://www.youtube.com/@Larsenv293"><button><img src="meta/ico-yt.png" class="ico"></button></a> <a href="https://larsenv.xyz/"><button><img src="meta/ico-web.png" class="ico"></button></a></p> <a href="https://github.com/larsenv"><button><img loading="lazy" src="meta/ico-github.png" class="ico" alt="GitHub"></button></a> <a href="https://www.youtube.com/@Larsenv293"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a> <a href="https://larsenv.xyz/"><button><img loading="lazy" src="meta/ico-web.png" class="ico"></button></a></p>
</p> </p>
</div> </div>
<div class="pfp"> <div class="pfp">
<img src="media/pfp-wabagg.png" title="Wabagg123" class="pfp"> <img loading="lazy" src="media/pfp-wabagg.png" title="Wabagg123" class="pfp">
<p class="mem"><b>Wabagg</b> is one of the developers for WiiMart that contributes to the WiiConnect24 and Wii <p class="mem"><b class="uname">Wabagg</b> is one of the developers for WiiMart that contributes to the WiiConnect24 and Wii SOAP part of the shop.<br><br>
SOAP part of the shop.</p><!--can't find any links--> <a href="https://www.youtube.com/@wabagg123/"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a> </p>
</div>
<div class="pfp">
<img src="media/pfp-thom.png" class="pfp">
<p class="mem"><b>Thom</b> is the developer of the WiiMarty Discord bot and <mark>[unreleased tool]</mark>. He can code in Python and was a co-owner of Reviive.<br><br>
<a href="https://github.com/thom2305"><button><img src="meta/ico-github.png" class="ico" alt="GitHub"></button></a></p>
</p>
</div>
<div class="pfp">
<img src="media/pfp-gem.png" class="pfp">
<p class="mem"><b>Gemdation</b> is the main coder of this website and designer for the WiiMart Discord server.<br><br>
<a href="https://github.com/Gemdation"><button><img src="meta/ico-github.png" class="ico" alt="GitHub"></button></a> <a href="https://www.youtube.com/@gemdation"><button><img src="meta/ico-yt.png" class="ico"></button></a> <a href="https://gemdation.com/"><button><img src="meta/ico-web.png" class="ico"></button></a></p>
</div>
<div class="pfp">
<img src="media/pfp-chris.png" class="pfp">
<p class="mem"><b>Chrisplayz</b> is one of the Discord administrators, he was the main coder for the original WiiMart website and was the owner of Reviive.<br><br>
<a href="https://github.com/ChrisplayzYT/"><button><img src="meta/ico-github.png" class="ico" alt="GitHub"></button></a> <a href="https://www.youtube.com/@ChrisplayzWii"><button><img src="meta/ico-yt.png" class="ico"></button></a> <a href="https://chrisplayzyt.github.io/"><button><img src="meta/ico-web.png" class="ico"></button></a></p>
</p>
</div>
<div class="pfp">
<img src="media/pfp-idkwh.png" class="pfp">
<p class="mem"><b>idkwhereisthisname</b> is a Discord administrator, they have worked on their own Wii projects on the past such as <abbr title="Yet another Wii Shop Channel">YaWSC</abbr> and a Nintendo TVii revival attempt.<br><br>
<a href="https://github.com/idkwhere1sthisname"><button><img src="meta/ico-github.png" class="ico" alt="GitHub"></button></a> <a href="https://www.youtube.com/@idkwhereisthisname"><button><img src="meta/ico-yt.png" class="ico"></button></a> <a href="https://idkwh.ct8.pl/"><button><img src="meta/ico-web.png" class="ico"></button></a></p>
</p>
</div>
<div class="pfp">
<img src="media/pfp-lnl.png" class="pfp">
<p class="mem"><b>LNLenost</b> is a Discord administrator, he has also worked on other things such as the <a href="https://netpass.cafe/">NetPass website</a> and being a translator.<br><br>
<a href="https://github.com/LNLenost/"><button><img src="meta/ico-github.png" class="ico" alt="GitHub"></button></a> <a href="https://www.youtube.com/@LNLenost"><button><img src="meta/ico-yt.png" class="ico"></button></a> <a href="https://lnlenost.netlify.app"><button><img src="meta/ico-web.png" class="ico"></button></a></p>
</p>
</div>
<div class="pfp">
<img src="media/pfp-yts.png" class="pfp">
<p class="mem"><b>YourTooSlow</b> is a Discord administrator, he is learning HTML and JavaScript.<br><br>
<a href="https://github.com/your2slow"><button><img src="meta/ico-github.png" class="ico" alt="GitHub"></button></a> <a href="https://your2slow.github.io/"><button><img src="meta/ico-web.png" class="ico"></button></a> </p>
</p> </p>
</div> </div>
<div class="pfp"> <div class="pfp">
<img src="media/pfp-selim.png" class="pfp"> <img loading="lazy" src="media/pfp-thom.png" class="pfp">
<p class="mem"><b>Selim</b> is a Discord administrator and contributor, currently tinkering with <mark>[unreleased fork]</mark>.<br><br> <p class="mem"><b class="uname">Thom</b> is the developer of the WiiMarty Discord bot and <mark>[unreleased tool]</mark>. He can code in Python and was a co-owner of Reviive.<br><br>
<a href="https://github.com/SelimGOZ"><button><img src="meta/ico-github.png" class="ico" alt="GitHub"></button></a></p> <a href="https://github.com/thom2305"><button><img loading="lazy" src="meta/ico-github.png" class="ico" alt="GitHub"></button></a></p>
</p> </p>
</div> </div>
<div class="pfp"> <div class="pfp">
<img src="media/pfp-andry.png" class="pfp"> <img loading="lazy" src="media/pfp-gem.png" class="pfp">
<p class="mem"><b>Andry6702</b> is a Discord moderator, he contributed on other projects such as New Shop Channel and Reviive.<br><br> <p class="mem"><b class="uname">Gemdation</b> is the main coder of this website and designer for the WiiMart Discord server.<br><br>
<a href="https://github.com/andry6703"><button><img src="meta/ico-github.png" class="ico" alt="GitHub"></button></a> <a href="https://www.youtube.com/@andry6702"><button><img src="meta/ico-yt.png" class="ico"></button></a> <a href="https://andry6702.net"><button><img src="meta/ico-web.png" class="ico"></button></a></p> <a href="https://github.com/Gemdation"><button><img loading="lazy" src="meta/ico-github.png" class="ico" alt="GitHub"></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></p>
</div>
<div class="pfp">
<img loading="lazy" src="media/pfp-chris.png" class="pfp">
<p class="mem"><b class="uname">Chrisplayz</b> is one of the Discord administrators, he was the main coder for the original WiiMart website and was the owner of Reviive.<br><br>
<a href="https://github.com/ChrisplayzYT/"><button><img loading="lazy" src="meta/ico-github.png" class="ico" alt="GitHub"></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://chrisplayzyt.github.io/"><button><img loading="lazy" src="meta/ico-web.png" class="ico"></button></a></p>
</p> </p>
</div> </div>
<div class="pfp"> <div class="pfp">
<img src="media/pfp-rm05.png" class="pfp"> <img loading="lazy" src="media/pfp-idkwh.png" class="pfp">
<p class="mem"><b>RM05</b> is a Discord moderator and WiiMart translation contributor.<br><br> <p class="mem"><b class="uname">idkwhereisthisname</b> is a Discord administrator, they have worked on their own Wii projects on the past such as <abbr title="Yet another Wii Shop Channel">YaWSC</abbr> and a Nintendo TVii revival attempt.<br><br>
<a href="https://github.com/MrRM05"><button><img src="meta/ico-github.png" class="ico" alt="GitHub"></button></a> <a href="https://www.youtube.com/@Mr_RM05"><button><img src="meta/ico-yt.png" class="ico"></button></a> <a href="https://github.com/idkwhere1sthisname"><button><img loading="lazy" src="meta/ico-github.png" class="ico" alt="GitHub"></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://idkwh.ct8.pl/"><button><img loading="lazy" src="meta/ico-web.png" class="ico"></button></a></p>
</p> </p>
</div> </div>
<div class="pfp"> <div class="pfp">
<img src="media/pfp-def.png" class="pfp"> <img loading="lazy" src="media/pfp-lnl.png" class="pfp">
<p class="mem"><b>DefeatOf13</b> is a Discord moderator and WiiMart mascot designer.<br><br> <p class="mem"><b class="uname">LNLenost</b> is a Discord administrator, he has also worked on other things such as the <a href="https://netpass.cafe/">NetPass website</a> and being a translator.<br><br>
<a href="https://github.com/DefeatOf13"><button><img src="meta/ico-github.png" class="ico" alt="GitHub"></button></a> <a href="https://www.youtube.com/@defeatof13/featured"><button><img src="meta/ico-yt.png" class="ico"></button></a> <a href="https://defitmods.xyz"><button><img src="meta/ico-web.png" class="ico"></button></a></p> <a href="https://github.com/LNLenost/"><button><img loading="lazy" src="meta/ico-github.png" class="ico" alt="GitHub"></button></a> <a href="https://www.youtube.com/@LNLenost"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a> <a href="https://lnlenost.netlify.app"><button><img loading="lazy" src="meta/ico-web.png" class="ico"></button></a></p>
</p>
</div> </div>
<div class="pfp"> <div class="pfp">
<img src="media/pfp-max.gif" class="pfp"> <img loading="lazy" src="media/pfp-yts.png" class="pfp">
<p class="mem"><b>maxmaxmaxmaxmaxmax</b> is a Discord moderator.<br><br> <p class="mem"><b class="uname">YourTooSlow</b> is a Discord administrator, he is learning HTML and JavaScript.<br><br>
<a href="https://github.com/Maxfm4ikProjects2"><button><img src="meta/ico-github.png" class="ico" alt="GitHub"></button></a></p> <a href="https://github.com/your2slow"><button><img loading="lazy" src="meta/ico-github.png" class="ico" alt="GitHub"></button></a> <a href="https://your2slow.github.io/"><button><img loading="lazy" src="meta/ico-web.png" class="ico"></button></a> </p>
</p>
</div>
<div class="pfp">
<img loading="lazy" src="media/pfp-selim.png" class="pfp">
<p class="mem"><b class="uname">Selim</b> is a Discord administrator and contributor, currently tinkering with <mark>[unreleased fork]</mark>.<br><br>
<a href="https://github.com/SelimGOZ"><button><img loading="lazy" src="meta/ico-github.png" class="ico" alt="GitHub"></button></a></p>
</p>
</div>
<div class="pfp">
<img loading="lazy" src="media/pfp-andry.png" class="pfp">
<p class="mem"><b class="uname">Andry6702</b> is a Discord moderator, he contributed on other projects such as New Shop Channel and Reviive.<br><br>
<a href="https://github.com/andry6703"><button><img loading="lazy" src="meta/ico-github.png" class="ico" alt="GitHub"></button></a> <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></p>
</p>
</div>
<div class="pfp">
<img loading="lazy" src="media/pfp-rm05.png" class="pfp">
<p class="mem"><b class="uname">RM05</b> is a Discord moderator and WiiMart translation contributor.<br><br>
<a href="https://github.com/MrRM05"><button><img loading="lazy" src="meta/ico-github.png" class="ico" alt="GitHub"></button></a> <a href="https://www.youtube.com/@Mr_RM05"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a>
</p>
</div>
<div class="pfp" >
<img loading="lazy" src="media/pfp-def.png" class="pfp">
<p class="mem"><b class="uname">DefeatOf134234243222234</b> is a Discord moderator and WiiMart mascot designer.<br><br>
<a href="https://github.com/DefeatOf13"><button><img loading="lazy" src="meta/ico-github.png" class="ico" alt="GitHub"></button></a> <a href="https://www.youtube.com/@defeatof13/featured"><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></p>
</div>
<div class="pfp">
<img loading="lazy" src="media/pfp-max.gif" class="pfp">
<p class="mem"><b class="uname">maxmaxmaxmaxm...</b> is a Discord moderator.<br><br>
<a href="https://github.com/Maxfm4ikProjects2"><button><img loading="lazy" src="meta/ico-github.png" class="ico" alt="GitHub"></button></a></p>
</p> </p>
</div> </div>
</div> </div>
<div>
<div style="padding-left:8px; padding-right:8px; ">
<h2>Honorable Mention</h2> <h2>Honorable Mention</h2>
<p>Check out <a href="https://wiishopchannel.net">WiiShopChannel.net</a>, it is Wii Shop Channel client recreated for <p>Check out <a href="https://wiishopchannel.net">WiiShopChannel.net</a>, it is Wii Shop Channel client recreated for
modern browsers. This neat project often helped out WiiMart for reference purposes.</p> modern browsers. This neat project often helped out WiiMart for reference purposes.</p>
</div> </div>
<div> <div style="padding-left:8px; padding-right:8px; ">
<p class="mem">Want to also contribute to this project? Check out WiiMart on GitHub!<br><br> <p class="mem">Want to also contribute to this project? Check out WiiMart on GitHub!<br><br>
<a href="https://github.com/WiiMart"><button><img src="meta/ico-github.png" class="ico" alt="GitHub"></button></a></p> <a href="https://github.com/WiiMart"><button><img loading="lazy" src="meta/ico-github.png" class="ico" alt="GitHub"></button></a></p>
</p> </p>
</div> </div>

4
install.html
View File

@ -2,6 +2,7 @@
<html> <html>
<head> <head>
<style>@font-face {font-family: 'Shop'; src: url('shop.ttf') format('truetype'); font-weight: normal; font-style: normal;}</style> <style>@font-face {font-family: 'Shop'; src: url('shop.ttf') format('truetype'); font-weight: normal; font-style: normal;}</style>
<script src="meta/music.js" preload></script>
<title>Install WiiMart</title> <title>Install WiiMart</title>
<meta content="Download WiiMart" property="og: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" /> <meta content="Here are the installation instructions for WiiMart and the patched IOS WADs!." property="og:description" />
@ -11,13 +12,12 @@
<meta name="keywords" content="WiiMart, Wii Shop, homebrew"> <meta name="keywords" content="WiiMart, Wii Shop, homebrew">
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="meta/main.css" /> <link rel="stylesheet" href="meta/main.css" />
<script src="meta/music.js"></script>
<link rel="icon" type="image/x-icon" href="favicon.ico" /> <link rel="icon" type="image/x-icon" href="favicon.ico" />
<style>img {width:100%} button {margin-left: 2px;margin-right: 2px;margin-bottom: 4px;margin-top: 5px;cursor: pointer;} .r {outline: 2px solid #9A9A9A}</style> <style>img {width:100%} button {margin-left: 2px;margin-right: 2px;margin-bottom: 4px;margin-top: 5px;cursor: pointer;} .r {outline: 2px solid #9A9A9A}</style>
</head> </head>
<body> <body>
<div id="bgmplayer"> <div id="bgmplayer">
<h2 style="height:20px; margin-top:-9px;">BGM player</h2> <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> <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> <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>
</div> </div>

8
meta/error.js
View File

@ -330,6 +330,8 @@ document.getElementById("submitBtn").addEventListener("click", function() {
} }
}); });
function refreshPage() { function reseterrorcodeform() {
location.reload(); document.getElementById("errorCode").value="";
} document.getElementById("results").style.display="none";
document.getElementById("input").style.display="block";
}

44
meta/main.css
View File

@ -1,49 +1,53 @@
@font-face {font-family: 'Shop'; src: url('shop.ttf') format('truetype'); font-weight: normal; font-style: normal;} @font-face {font-family: 'Shop'; src: url('shop.ttf') format('truetype'); font-weight: normal; font-style: normal;}
/*Main things*/ /*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 {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 {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;} 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;} 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 {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: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} button:active {box-shadow: none;}
footer {color:grey} footer {color:grey;}
footer a {color:grey;font-weight: bold;} footer a {color:grey;font-weight: bold;}
/* Text stuff */ /* Text stuff */
h1, h2 {color:#34BEED} h1, h2 {color:#34BEED;}
a {color:#34BEED; font-weight: bold;} a {color:#34BEED; font-weight: bold;}
::selection{color: #323232;background: #34BEED;} ::selection{color: #323232;background: #34BEED;}
::-moz-selection{color: #323232;background:#34BEED;} ::-moz-selection{color: #323232;background:#34BEED;}
body.dir {text-align: left;} body.dir {text-align: left;}
body.dir a {color:black;text-decoration: none;font-weight: normal;} body.dir a {color:black;text-decoration: none;font-weight: normal;}
table {border: 1px solid white; border-collapse: collapse;} table {border: 1px solid white; border-collapse: collapse;}
th, td {border: 1px solid} th, td {border: 1px solid;}
div.mem {display: flex;align-items: flex-start} 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%;} 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;} p.mem {flex: 1;}
img.ico {vertical-align: middle} .ico {min-width:30px; min-height:30px; width:40px; height:40px;}
.blue {color:#1164E9} 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 {border-color:red;color:red;width:100%;text-align:center;}
div.issue h2 {color:red} div.issue h2 {color:red;}
button.issue-button {outline: 2px solid red} button.issue-button {outline: 2px solid red;}
.issue-detail {display:none} .issue-detail {display:none;}
/* Gallery */ /* Gallery */
div.gallery {position: relative; overflow: hidden;width:100%} div.gallery {position: relative; overflow: hidden;width:100%;}
img.slide {width:100%} img.slide {width:100%; min-height:200px; min-width:100%;}
img.arrow {position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; width: 60px; height: auto;} 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.left {left: 10px; animation: hoverAnimation 0.5s infinite alternate;}
img.right {right: 10px; animation: rightHoverAnimation 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 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);}} @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! */ /* 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 {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;} #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;} #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*/ /* Auto-resizer, do not change pls*/

74
meta/music.js
View File

@ -4,8 +4,7 @@ var isWednesday = new Date().getDay() === 3;
// EDIT 4/5/25 7:51 OMG AY IT WORKS YAYSYASFGWSEKFJHWEHFEWHBN // 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"); var shoploop = new Audio(isWednesday ? "/media/shop_bgm_loop_wsw.wav" : "/media/shop_bgm_loop.wav");
shoploop.loop = true; shoploop.loop = true;
shoploop.volume = 0.8; shoploop.volume = 0; // prevent clipping
window.onload = function() { window.onload = function() {
var savedTime = localStorage.getItem("bgmlooppoint"); var savedTime = localStorage.getItem("bgmlooppoint");
@ -14,7 +13,7 @@ window.onload = function() {
} }
if (localStorage.getItem("shopmusic") === "playing") { if (localStorage.getItem("shopmusic") === "playing") {
playBGM(); playBGMonload();
} else { } else {
pauseBGM(); 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() { window.onbeforeunload = function() {
localStorage.setItem("bgmlooppoint", shoploop.currentTime); localStorage.setItem("bgmlooppoint", shoploop.currentTime);
}; };
function playBGM() { function playBGM() {
shoploop.volume = 0.8;
localStorage.setItem("shopmusic", "playing"); localStorage.setItem("shopmusic", "playing");
shoploop.play(); shoploop.play();
document.getElementById("shopbgm").innerHTML = "Pause BGM"; document.getElementById("shopbgm").innerHTML = "Pause BGM";
@ -45,3 +68,48 @@ function pauseBGM() {
document.getElementById("shopbgm").innerHTML = "Play BGM"; document.getElementById("shopbgm").innerHTML = "Play BGM";
document.getElementById("shopbgmselector").href = "javascript:playBGM();"; 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";
}

4
support.html
View File

@ -2,6 +2,7 @@
<html> <html>
<head> <head>
<style>@font-face {font-family:'Shop';src:url('meta/shop.ttf') format('truetype');font-weight: normal;font-style: normal;}</style> <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" preload></script>
<title>Support for WiiMart</title> <title>Support for WiiMart</title>
<meta content="Support for WiiMart" property="og:title" /> <meta content="Support for WiiMart" property="og:title" />
<meta content="This page contains troublehsooting tips for WiiMart." property="og:description" /> <meta content="This page contains troublehsooting tips for WiiMart." property="og:description" />
@ -13,13 +14,12 @@
<link rel="stylesheet" href="meta/main.css" /> <link rel="stylesheet" href="meta/main.css" />
<script src="meta/gallery.js" defer></script> <script src="meta/gallery.js" defer></script>
<script src="meta/issue.js" defer></script> <script src="meta/issue.js" defer></script>
<script src="meta/music.js"></script>
<link rel="icon" type="image/x-icon" href="favicon.ico" /> <link rel="icon" type="image/x-icon" href="favicon.ico" />
<style>img, img.slide {width:100%} input {border: 2px solid #CCCCCC;border-bottom-color: #EAEAEA;margin-bottom: 15px;} #results {display:none;} div.err {border-color:red;text-align:left; h2 {color: #FF0000;} p {color: #FF0000;}}</style> <style>img, img.slide {width:100%} input {border: 2px solid #CCCCCC;border-bottom-color: #EAEAEA;margin-bottom: 15px;} #results {display:none;} div.err {border-color:red;text-align:left; h2 {color: #FF0000;} p {color: #FF0000;}}</style>
</head> </head>
<body> <body>
<div id="bgmplayer"> <div id="bgmplayer">
<h2 style="height:20px; margin-top:-9px;">BGM player</h2> <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> <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> <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>
</div> </div>