mirror of
https://wiilab.wiimart.org/wiimart/WiiMart-github-io
synced 2025-09-03 20:11:03 +02:00
fix some css and error transition smoothend
This commit is contained in:
ChrisplayzWii
GitHub
parent
b03b50f78e
commit
e3c51b5982
@ -2,6 +2,7 @@
|
||||
<html>
|
||||
<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" preload></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" />
|
||||
@ -11,13 +12,12 @@
|
||||
<meta name="keywords" content="WiiMart, Wii Shop, homebrew">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="stylesheet" href="meta/main.css" />
|
||||
<script src="meta/music.js"></script>
|
||||
<link rel="icon" type="image/x-icon" href="favicon.ico" />
|
||||
<style>mark {color:white} .wm {width: 100%}</style>
|
||||
</head>
|
||||
<body>
|
||||
<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>
|
||||
<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>
|
||||
@ -36,22 +36,23 @@
|
||||
|
||||
<div>
|
||||
<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="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 src="media/branding-wordmark-black.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 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 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>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<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>
|
||||
</div>
|
||||
|
||||
|
||||
<div>
|
||||
<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>
|
||||
</div>
|
||||
|
||||
|
||||
@ -12,13 +12,13 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="stylesheet" href="meta/main.css" />
|
||||
<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" />
|
||||
<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>
|
||||
<body>
|
||||
<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>
|
||||
<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>
|
||||
@ -35,10 +35,10 @@
|
||||
</div>
|
||||
|
||||
|
||||
<div class="err" id="results">
|
||||
<div class="err" id="results" style="transition:.3s easein-out; text-align:center;">
|
||||
<h2 id="code"></h2>
|
||||
<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>
|
||||
|
||||
<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>
|
||||
|
||||
@ -1,6 +1,8 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<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>
|
||||
<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" />
|
||||
@ -10,36 +12,35 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="stylesheet" href="meta/main.css" />
|
||||
<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" />
|
||||
<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>
|
||||
</head>
|
||||
<body>
|
||||
<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>
|
||||
<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>
|
||||
|
||||
<h1>FishieMart</h1>
|
||||
<h1 style="cursor:pointer;">FishieMart</h1>
|
||||
|
||||
<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
|
||||
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>
|
||||
<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>
|
||||
<h3>Screenshots</h3>
|
||||
<div class="gallery">
|
||||
<img src="https://images.nintendolife.com/screenshots/24186/large.jpg" class="slide">
|
||||
<img src="https://images.nintendolife.com/screenshots/24185/large.jpg" class="slide">
|
||||
<img src="https://images.nintendolife.com/screenshots/24179/large.jpg" class="slide">
|
||||
<img src="https://images.nintendolife.com/screenshots/24187/large.jpg" class="slide">
|
||||
<img src="https://images.nintendolife.com/screenshots/24183/large.jpg" class="slide">
|
||||
<img loading="lazy" src="https://images.nintendolife.com/screenshots/24186/large.jpg" class="slide" style="min-height:300px;">
|
||||
<img loading="lazy" src="https://images.nintendolife.com/screenshots/24185/large.jpg" class="slide" style="min-height:300px;">
|
||||
<img loading="lazy" src="https://images.nintendolife.com/screenshots/24179/large.jpg" class="slide" style="min-height:300px;">
|
||||
<img loading="lazy" src="https://images.nintendolife.com/screenshots/24187/large.jpg" class="slide" style="min-height:300px;">
|
||||
<img loading="lazy" src="https://images.nintendolife.com/screenshots/24183/large.jpg" class="slide" style="min-height:300px;">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -83,15 +84,15 @@
|
||||
|
||||
<div class="block">
|
||||
<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 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 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 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 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 loading="lazy" 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 loading="lazy" 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 loading="lazy" 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 loading="lazy" 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>
|
||||
</div>
|
||||
|
||||
|
||||
153
index.html
153
index.html
@ -2,6 +2,7 @@
|
||||
<html>
|
||||
<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" preload></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" />
|
||||
@ -12,16 +13,15 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="stylesheet" href="meta/main.css" />
|
||||
<script src="meta/gallery.js" defer></script>
|
||||
<script src="meta/music.js"></script>
|
||||
<link rel="icon" type="image/x-icon" href="favicon.ico" />
|
||||
<style>button {margin-right: 2px;margin-left: 2px}</style>
|
||||
<!--just here because the buttons are spaced weird idk-->
|
||||
</head>
|
||||
<body>
|
||||
<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>
|
||||
<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>
|
||||
|
||||
<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>
|
||||
|
||||
<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 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,
|
||||
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>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<img src="media/martyna-looking.png" style="height:100%;width:25%;float: left">
|
||||
<div style="padding-left:8px; padding-right:8px; ">
|
||||
<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>
|
||||
<a href="install"><button style="margin-bottom:6px">Get Started</button></a>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div style="padding-left:8px; padding-right:8px; ">
|
||||
<h2>Screenshots</h2>
|
||||
<div class="gallery">
|
||||
<img src="media/screenshot-start-menu.png" class="slide">
|
||||
@ -59,7 +59,7 @@
|
||||
|
||||
<h1>What's on it?</h1>
|
||||
|
||||
<div class="block">
|
||||
<div class="block" style="padding-left:8px; padding-right:8px; ">
|
||||
<h2>The originals!</h2>
|
||||
<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>,
|
||||
@ -68,7 +68,7 @@
|
||||
<b>Pac-Man</b>, and <b>Galaga</b>.</p>
|
||||
</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>
|
||||
<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>,
|
||||
@ -80,7 +80,7 @@
|
||||
|
||||
<p>Please consult the FAQ first.</p>
|
||||
|
||||
<div>
|
||||
<div style="padding-left:8px; padding-right:8px; ">
|
||||
<h2>Frequently Asked Questions</h2>
|
||||
<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>
|
||||
@ -101,7 +101,7 @@
|
||||
<b>Region Free EVERYTHING</b> option in System Menu Hacks, then launch it again.</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div style="padding-left:8px; padding-right:8px; ">
|
||||
<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>
|
||||
<a href="https://discord.gg/wiimart"><button>Discord</button></a><br><br>
|
||||
@ -109,101 +109,106 @@
|
||||
|
||||
<h1>Who is involved?</h1>
|
||||
|
||||
<div>
|
||||
<div style="padding-left:8px; padding-right:8px; ">
|
||||
<h2>Members</h2>
|
||||
<div class="pfp">
|
||||
<img 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.
|
||||
<img loading="lazy" src="media/pfp-ocarina.png" class="pfp">
|
||||
<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>
|
||||
<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 class="pfp">
|
||||
<img 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
|
||||
<img loading="lazy" src="media/pfp-larsenv.png" class="pfp">
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
<div class="pfp">
|
||||
<img 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
|
||||
SOAP part of the shop.</p><!--can't find any links-->
|
||||
</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>
|
||||
<img loading="lazy" src="media/pfp-wabagg.png" title="Wabagg123" class="pfp">
|
||||
<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>
|
||||
<a href="https://www.youtube.com/@wabagg123/"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a> </p>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
<div class="pfp">
|
||||
<img src="media/pfp-selim.png" class="pfp">
|
||||
<p class="mem"><b>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 src="meta/ico-github.png" class="ico" alt="GitHub"></button></a></p>
|
||||
<img loading="lazy" src="media/pfp-thom.png" class="pfp">
|
||||
<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/thom2305"><button><img loading="lazy" src="meta/ico-github.png" class="ico" alt="GitHub"></button></a></p>
|
||||
</p>
|
||||
</div>
|
||||
<div class="pfp">
|
||||
<img src="media/pfp-andry.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>
|
||||
<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>
|
||||
<img loading="lazy" src="media/pfp-gem.png" class="pfp">
|
||||
<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/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>
|
||||
</div>
|
||||
<div class="pfp">
|
||||
<img src="media/pfp-rm05.png" class="pfp">
|
||||
<p class="mem"><b>RM05</b> is a Discord moderator and WiiMart translation contributor.<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>
|
||||
<img loading="lazy" src="media/pfp-idkwh.png" class="pfp">
|
||||
<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/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>
|
||||
</div>
|
||||
<div class="pfp">
|
||||
<img src="media/pfp-def.png" class="pfp">
|
||||
<p class="mem"><b>DefeatOf13</b> is a Discord moderator and WiiMart mascot designer.<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>
|
||||
<img loading="lazy" src="media/pfp-lnl.png" class="pfp">
|
||||
<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/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 class="pfp">
|
||||
<img src="media/pfp-max.gif" class="pfp">
|
||||
<p class="mem"><b>maxmaxmaxmaxmaxmax</b> is a Discord moderator.<br><br>
|
||||
<a href="https://github.com/Maxfm4ikProjects2"><button><img src="meta/ico-github.png" class="ico" alt="GitHub"></button></a></p>
|
||||
<img loading="lazy" src="media/pfp-yts.png" class="pfp">
|
||||
<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/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>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
|
||||
|
||||
|
||||
<div style="padding-left:8px; padding-right:8px; ">
|
||||
<h2>Honorable Mention</h2>
|
||||
<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>
|
||||
</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>
|
||||
<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>
|
||||
</div>
|
||||
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
<html>
|
||||
<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" preload></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" />
|
||||
@ -11,13 +12,12 @@
|
||||
<meta name="keywords" content="WiiMart, Wii Shop, homebrew">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="stylesheet" href="meta/main.css" />
|
||||
<script src="meta/music.js"></script>
|
||||
<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>
|
||||
</head>
|
||||
<body>
|
||||
<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>
|
||||
<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>
|
||||
|
||||
@ -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";
|
||||
}
|
||||
@ -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*/
|
||||
|
||||
@ -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";
|
||||
}
|
||||
@ -2,6 +2,7 @@
|
||||
<html>
|
||||
<head>
|
||||
<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>
|
||||
<meta content="Support for WiiMart" property="og:title" />
|
||||
<meta content="This page contains troublehsooting tips for WiiMart." property="og:description" />
|
||||
@ -13,13 +14,12 @@
|
||||
<link rel="stylesheet" href="meta/main.css" />
|
||||
<script src="meta/gallery.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" />
|
||||
<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>
|
||||
<body>
|
||||
<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>
|
||||
<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>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user