mirror of
https://wiilab.wiimart.org/wiimart/WiiMart-github-io
synced 2025-09-02 19:40:59 +02:00
you ever just skibidi until you toilet?
This commit is contained in:
TheWiiArchivist wmt
parent
c6d11992d6
commit
addb9169d6
@ -18,7 +18,7 @@
|
||||
<style>mark {color:white} img.wm {width: 100%;vertical-align: middle;} div.wm {padding:20px;border-radius:5px;margin-top:10px;}</style>
|
||||
</head>
|
||||
<body >
|
||||
<div class="box" id="bgmplayer" onclick="activatebgmplayer();"><p id="bgmplrtitle">bgm plr..</p><a href="javascript:playBGM();" id="shopbgmselector" title="Enable audio autoplay in your browser for it to continue playing throughout the website."><button id="shopbgm">Play</button></a><a href="javascript:deactivatebgmplayer();"><button>Close</button></a></div>
|
||||
<div id="backgroundd" style="display:none;"></div><div class="box" id="bgmplayer" onclick="activatebgmplayer();"><p id="bgmplrtitle">bgm plr..</p><a href="javascript:playBGM();" id="shopbgmselector" title="Enable audio autoplay in your browser for it to continue playing throughout the website."><button id="shopbgm">Play</button></a><a href="javascript:deactivatebgmplayer();"><button>Close</button></a></div>
|
||||
|
||||
<h1><a href="/">WiiMart</a></h1>
|
||||
|
||||
|
||||
@ -26,7 +26,7 @@
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="box" id="bgmplayer" onclick="activatebgmplayer();"><p id="bgmplrtitle">bgm plr..</p><a href="javascript:playBGM();" id="shopbgmselector" title="Enable audio autoplay in your browser for it to continue playing throughout the website."><button id="shopbgm">Play</button></a><a href="javascript:deactivatebgmplayer();"><button>Close</button></a></div>
|
||||
<div id="backgroundd" style="display:none;"></div><div class="box" id="bgmplayer" onclick="activatebgmplayer();"><p id="bgmplrtitle">bgm plr..</p><a href="javascript:playBGM();" id="shopbgmselector" title="Enable audio autoplay in your browser for it to continue playing throughout the website."><button id="shopbgm">Play</button></a><a href="javascript:deactivatebgmplayer();"><button>Close</button></a></div>
|
||||
|
||||
<h1><a href="/">WiiMart</a></h1>
|
||||
|
||||
|
||||
@ -19,7 +19,7 @@
|
||||
<style>input {margin-bottom: 15px;} #results {display:none;border-color:red;text-align:left} #results h2 {color:#FF0000;} #results p {color:#FF0000}</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="box" id="bgmplayer" onclick="activatebgmplayer();"><p id="bgmplrtitle">bgm plr..</p><a href="javascript:playBGM();" id="shopbgmselector" title="Enable audio autoplay in your browser for it to continue playing throughout the website."><button id="shopbgm">Play</button></a><a href="javascript:deactivatebgmplayer();"><button>Close</button></a></div>
|
||||
<div id="backgroundd" style="display:none;"></div><div class="box" id="bgmplayer" onclick="activatebgmplayer();"><p id="bgmplrtitle">bgm plr..</p><a href="javascript:playBGM();" id="shopbgmselector" title="Enable audio autoplay in your browser for it to continue playing throughout the website."><button id="shopbgm">Play</button></a><a href="javascript:deactivatebgmplayer();"><button>Close</button></a></div>
|
||||
|
||||
<h1><a href="/">WiiMart</a></h1>
|
||||
|
||||
|
||||
@ -17,6 +17,7 @@
|
||||
<link rel="icon" type="image/x-icon" href="meta/favicon-fishie.ico">
|
||||
<style>
|
||||
div.box {border-color: #fab62a; box-shadow: 0 0 10px #a153005d}
|
||||
button {outline: 1px solid #fab62a;} button:hover {box-shadow: inset 0 0 0 3px #fab62a; }
|
||||
h1, h2, h3 {color:#fab62a;}
|
||||
a {color:#fab62a}
|
||||
.btn{cursor:pointer;}
|
||||
@ -30,17 +31,21 @@
|
||||
div#bgmplayer {border: 2px solid #fab62a;}#bgmplayer #bgmplrtitle {color:#db7012 !important;}#bgmplayer button {outline: 1px solid #fab62a;}#bgmplayer button:hover {box-shadow: inset 0 0 0 3px #fab62a;}
|
||||
</style>
|
||||
</head>
|
||||
<body onload="preloadArrows();">
|
||||
<div class="box" id="bgmplayer" onclick="activatebgmplayer();"><p id="bgmplrtitle">bgm plr..</p><a href="javascript:playBGM();" id="shopbgmselector" title="Enable aqua fishplay in your browser for it to continue playing throughout the ocean."><button id="shopbgm">Play</button></a><a href="javascript:deactivatebgmplayer();"><button>Close</button></a></div>
|
||||
<body onload="FishieMartWednesday();">
|
||||
<div id="backgroundd" style="display:none;"></div><div class="box" id="bgmplayer" onclick="activatebgmplayer();"><p id="bgmplrtitle">bgm plr..</p><a href="javascript:playBGM();" id="shopbgmselector" title="Enable aqua fishplay in your browser for it to continue playing throughout the ocean."><button id="shopbgm">Play</button></a><a href="javascript:deactivatebgmplayer();"><button>Close</button></a></div>
|
||||
|
||||
<a id="fishietitle" href="javascript:easter1();" title="Click to return to the frontpage.">FishieMart</a>
|
||||
<script>var fishtitle = document.getElementById("fishietitle"); var fishscr1 = new Audio("/media/sound-fishie-scream1.wav"); var fishscr2 = new Audio("/media/sound-fishie-scream2.wav"); var fishscr3 = new Audio("/media/sound-fishie-scream3.wav"); function easter1(){fishscr1.play(); fishtitle.href="javascript:easter2();"; fishtitle.style.color="#ff9d1e";} function easter2(){fishscr2.play(); fishtitle.href="javascript:easter3();"; fishtitle.style.color="#e66f00";} function easter3(){fishscr3.play(); fishtitle.style.color="#db7012"; document.body.style.transition=".5s ease-in-out"; document.body.style.filter="blur(3px)"; setTimeout(function(){location.href= "../";},480); } </script>
|
||||
|
||||
<script>function FishieMartWednesday() {const today = new Date(); const dayOfWeek = today.getDay();if (dayOfWeek === 3) {const wednesdayDiv = document.getElementById('fishietitles'); if (wednesdayDiv) {wednesdayDiv.style.display = 'block';} }}; function whatiswmw() {const wswbox = document.getElementById("whatiswsw"); const bg = document.getElementById("backgroundd"); wswbox.style.display="block"; bg.style.display="block"; bg.style.backgroundImage=('url("/meta/fadebg-wmw.png")');} function whatiswmwclose() { const wswbox = document.getElementById("whatiswsw"); const bg = document.getElementById("backgroundd"); wswbox.style.display="none"; bg.style.display="none";}</script>
|
||||
<div class="box" id="fishietitles" style="display:none;"><mark class="new" style="margin-right:5px;"><span id="NEWtext">FISHY</span></mark>It's FishieMart Wednesday, The catalog has been updated with new fish games! <br><a href="javascript:whatiswmw();" style="font-size:11px; font-style:italic; cursor:help;" id="helpwed">What is FishieMart Wednesday?</a></div><div class="box" id="whatiswsw" style="display:none; padding:0;"><header id="impthdr" style="background-color:#fab62a; color:white;font-weight:bold;margin-bottom:10px">What is FishieMart Wednesday?</header><p>"Update Day" also known as "Wii Shop Wednesday is a song that Nirvana The Band The Show made. <br> it was a song about the latest games added to the shop channel on that wednesday as they sang to the titles on the catalog pages. Fishie decided to bring it back and now every wednesday, new games are added to the FishieMart catalog. <br> <a href="https://www.youtube.com/watch?v=XQ0lnz1iv3k&t=0s" target="_blank">Visit this link to watch the Update day video</a></p><button onclick="whatiswmwclose();">Close</button>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="box" style="padding: 0;">
|
||||
<header id="impthdr" style="background-color:#fab62a; color:white;font-weight:bold;margin-bottom:10px">Important Info:</header>
|
||||
<details>
|
||||
<summary>FishieMart Fishday #0 <span class="date">04-05-10</span></summary>
|
||||
<summary>FishieMart Fishday #0 <span class="date" title="Fishie Fishies release date (April 5th, 2010)">04-05-10</span></summary>
|
||||
<p>These titles were added this Fishday.</p>
|
||||
<ul>
|
||||
<li><img src="meta/em-wiiware.svg" class="pf"> <i>Fishie Fishie</i> <a ><img src="media/pfp-fishie.png"></a></li>
|
||||
@ -65,11 +70,11 @@
|
||||
<p class="blue" style="color:#f78521;">If FishieMart sounds like what you are looking for, try it out for yourself! FishieMart can be used on Fishii, Fishii U, and partially the <a target="_blank" href="https://spongebob.fandom.com/wiki/Magic_Conch_shell">magic conch shell</a>.</p>
|
||||
<p><a class="btn" style="font-size: larger;">Get Started</a></p>
|
||||
<div class="gallery" style="margin-bottom:10px">
|
||||
<img loading="lazy" src="https://images.nintendolife.com/screenshots/24186/large.jpg" class="slide" alt="Gameplay 1" style="display: block; min-height: 344px;">
|
||||
<img loading="lazy" src="https://images.nintendolife.com/screenshots/24185/large.jpg" class="slide" alt="Gameplay 2" style="display: none; min-height: 344px;">
|
||||
<img loading="lazy" src="https://images.nintendolife.com/screenshots/24179/large.jpg" class="slide" alt="Gameplay 3" style="display: none; min-height: 344px;">
|
||||
<img loading="lazy" src="https://images.nintendolife.com/screenshots/24187/large.jpg" class="slide" alt="Gameplay 4" style="display: none; min-height: 344px;">
|
||||
<img loading="lazy" src="https://images.nintendolife.com/screenshots/24183/large.jpg" class="slide" alt="Gameplay 5" style="display: none; min-height: 344px;">
|
||||
<img loading="lazy" src="https://images.nintendolife.com/screenshots/24186/large.jpg" class="slide" loading="lazy" alt="Gameplay 1" style="min-height: 344px;">
|
||||
<img loading="lazy" src="https://images.nintendolife.com/screenshots/24185/large.jpg" class="slide" loading="lazy" alt="Gameplay 2" style="min-height: 344px;">
|
||||
<img loading="lazy" src="https://images.nintendolife.com/screenshots/24179/large.jpg" class="slide" loading="lazy" alt="Gameplay 3" style="min-height: 344px;">
|
||||
<img loading="lazy" src="https://images.nintendolife.com/screenshots/24187/large.jpg" class="slide" loading="lazy" alt="Gameplay 4" style="min-height: 344px;">
|
||||
<img loading="lazy" src="https://images.nintendolife.com/screenshots/24183/large.jpg" class="slide" loading="lazy" alt="Gameplay 5" style="min-height: 344px;">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -85,7 +90,7 @@
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<h2>Something <mark class="new"><span style="color:#ff491b">FISHY!</span></mark></h2>
|
||||
<h2>Something <mark class="new"><span id="NEWtext">FISHY!</span></mark></h2>
|
||||
<p>In case the originals aren't enough, we have also added tons of custom Virtual Tank injects! Just some of the
|
||||
latest titles we've added are <b>The New Fishie</b>, <b>WaterBound</b>, <b>Super Fishie All-Catch + Super Fishie World</b>,
|
||||
and <b>Fishie Kombat</b>.</p>
|
||||
@ -177,5 +182,6 @@ function pauseBGM() {
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
20
index.html
20
index.html
@ -18,16 +18,16 @@
|
||||
<link rel="icon" type="image/x-icon" href="favicon.ico">
|
||||
<style>.em {opacity:1; transition: opacity 0.5s ease-in-out;} .em.fade {opacity: 0;}</style>
|
||||
</head>
|
||||
<body onload="loadafterwednesdaycheck();">
|
||||
<body onload="WiiMartWednesday(); loadafterwednesdaycheck();">
|
||||
|
||||
<div class="box" id="bgmplayer" onclick="activatebgmplayer();"><p id="bgmplrtitle">bgm plr..</p><a href="javascript:playBGM();" id="shopbgmselector" title="Enable audio autoplay in your browser for it to continue playing throughout the website."><button id="shopbgm">Play</button></a><a href="javascript:deactivatebgmplayer();"><button>Close</button></a></div>
|
||||
<div id="backgroundd" style="display:none;"></div><div class="box" id="bgmplayer" onclick="activatebgmplayer();"><p id="bgmplrtitle">bgm plr..</p><a href="javascript:playBGM();" id="shopbgmselector" title="Enable audio autoplay in your browser for it to continue playing throughout the website."><button id="shopbgm">Play</button></a><a href="javascript:deactivatebgmplayer();"><button>Close</button></a></div>
|
||||
|
||||
<h1>WiiMart</h1>
|
||||
|
||||
<nav><a href="install" class="btn">Install</a> <a href="support" class="btn">Support</a> <a href="errors" class="btn">Errors</a> <a href="branding" class="btn">Branding</a> <a href="specials" class="btn">Specials</a> <a href="credits" class="btn">Credits</a></nav>
|
||||
|
||||
<script>function WiiMartWednesday() {const today = new Date(); const dayOfWeek = today.getDay();if (dayOfWeek === 3) {const wednesdayDiv = document.getElementById('wednesdaytitles'); if (wednesdayDiv) {wednesdayDiv.style.display = 'block';} }}; function whatiswmw() {const wswbox = document.getElementById("whatiswsw"); wswbox.style.display="block"; } function whatiswmwclose() { const wswbox = document.getElementById("whatiswsw"); wswbox.style.display="none";} window.onload = WiiMartWednesday(); preloadArrows(); loadafterwednesdaycheck(); function whatiswmw() {const wswbox = document.getElementById("whatiswsw");wswbox.style.display="block";} function whatiswmwclose() { const wswbox = document.getElementById("whatiswsw"); wswbox.style.display="none";}</script>
|
||||
<div class="box" id="wednesdaytitles" style="display:none"><img loading="lazy" src="meta/NEW_en.gif" alt="NEW" style="margin-right:5px;">It's WiiMart Wednesday, The catalog has been updated with new games! <br><a href="javascript:whatiswmw();" style="font-size:11px; font-style:italic; cursor:help;" id="helpwed">What is WiiMart Wednesday?</a></div><div class="box" id="whatiswsw" style="display:none;"><h3>What is Wii Shop/WiiMart Wednesday?</h3><hr><p>"Update Day" also known as "Wii Shop Wednesday is a song that Nirvana The Band The Show made. <br> it was a song about the latest games added to the shop channel on that wednesday as they sang to the titles on the catalog pages. We decided to bring it back and now every wednesday, new games are added to the WiiMart catalog. <a href="https://www.youtube.com/watch?v=XQ0lnz1iv3k&t=0s" target="_blank">Visit this link to watch the Update day video</a></p><br><button onclick="whatiswmwclose();">Close</button></div>
|
||||
<script>function WiiMartWednesday() {const today = new Date(); const dayOfWeek = today.getDay();if (dayOfWeek === 3) {const wednesdayDiv = document.getElementById('wednesdaytitles'); if (wednesdayDiv) {wednesdayDiv.style.display = 'block';} }}; function whatiswmw() {const wswbox = document.getElementById("whatiswsw"); const bg = document.getElementById("backgroundd"); wswbox.style.display="block"; bg.style.display="block"; bg.style.backgroundImage=('url("/meta/fadebg-wmw.png")'); } function whatiswmwclose() { const wswbox = document.getElementById("whatiswsw"); const bg = document.getElementById("backgroundd"); wswbox.style.display="none"; bg.style.display="none";}</script>
|
||||
<div class="box" id="wednesdaytitles" style="display:none"><mark class="new" style="margin-right:5px;"><span id="NEWtext">NEW</span></mark>It's WiiMart Wednesday, The catalog has been updated with new games! <br><a href="javascript:whatiswmw();" style="font-size:11px; font-style:italic; cursor:help;" id="helpwed">What is WiiMart Wednesday?</a></div><div class="box" id="whatiswsw" style="display:none; padding:0;"><header style="background-color:#34BEED;color:white;font-weight:bold;margin-bottom:10px">What is WiiMart Wednesday?</header><p>"Update Day" also known as "Wii Shop Wednesday is a song that Nirvana The Band The Show made. <br> it was a song about the latest games added to the shop channel on that wednesday as they sang to the titles on the catalog pages. We decided to bring it back and now every wednesday, new games are added to the WiiMart catalog.<BR><a href="https://www.youtube.com/watch?v=XQ0lnz1iv3k&t=0s" target="_blank">Visit this link to watch the Update day video</a></p><button onclick="whatiswmwclose();">Close</button></div>
|
||||
|
||||
<div class="row">
|
||||
<div class="box" style="padding: 0;">
|
||||
@ -67,11 +67,11 @@
|
||||
<p class="blue">If WiiMart sounds like what you are looking for, try it out for yourself! WiiMart can be used on Wii, Wii U, and partially Dolphin.</p>
|
||||
<p><a href="install" class="btn" style="font-size: larger;">Get Started</a></p>
|
||||
<div class="gallery" style="margin-bottom:10px">
|
||||
<img src="media/screenshot-start-menu.png" class="slide">
|
||||
<img src="media/screenshot-main-menu.png" class="slide">
|
||||
<img src="media/screenshot-catalog.png" class="slide">
|
||||
<img src="media/screenshot-game.png" class="slide">
|
||||
<img src="media/screenshot-news.png" class="slide">
|
||||
<img src="media/screenshot-start-menu.png" class="slide" loading="lazy" alt="screenshot" >
|
||||
<img src="media/screenshot-main-menu.png" class="slide" loading="lazy" alt="screenshot>
|
||||
<img src="media/screenshot-catalog.png" class="slide" loading="lazy" alt="screenshot">
|
||||
<img src="media/screenshot-game.png" class="slide" loading="lazy" alt="screenshot">
|
||||
<img src="media/screenshot-news.png" class="slide" loading="lazy" alt="screenshot">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -89,7 +89,7 @@
|
||||
<script>document.addEventListener('DOMContentLoaded', function(){const emCycle = document.getElementById('emCycle');const imageSources = ["meta/em-wiiware.svg","meta/em-virtual-console.svg","meta/em-channels.svg"];let currentImageIndex = 0;const fadeDuration = 300;const displayDuration = 1200;function cycleImage(){emCycle.classList.add('fade');setTimeout(()=>{currentImageIndex = (currentImageIndex + 1) % imageSources.length;emCycle.src = imageSources[currentImageIndex];emCycle.classList.remove('fade');setTimeout(cycleImage, displayDuration + fadeDuration);}, fadeDuration);}if(emCycle){setTimeout(cycleImage, displayDuration);}});</script>
|
||||
|
||||
<div class="box">
|
||||
<h2>Something <mark class="new"><span style="color:#ff491b">NEW!</span></mark></h2>
|
||||
<h2>Something <mark class="new"><span id="NEWtext">NEW</span></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>,
|
||||
and <b>Mortal Kombat</b>.</p>
|
||||
|
||||
@ -17,7 +17,7 @@
|
||||
<link rel="icon" type="image/x-icon" href="favicon.ico">
|
||||
</head>
|
||||
<body>
|
||||
<div class="box" id="bgmplayer" onclick="activatebgmplayer();"><p id="bgmplrtitle">bgm plr..</p><a href="javascript:playBGM();" id="shopbgmselector" title="Enable audio autoplay in your browser for it to continue playing throughout the website."><button id="shopbgm">Play</button></a><a href="javascript:deactivatebgmplayer();"><button>Close</button></a></div>
|
||||
<div id="backgroundd" style="display:none;"></div><div class="box" id="bgmplayer" onclick="activatebgmplayer();"><p id="bgmplrtitle">bgm plr..</p><a href="javascript:playBGM();" id="shopbgmselector" title="Enable audio autoplay in your browser for it to continue playing throughout the website."><button id="shopbgm">Play</button></a><a href="javascript:deactivatebgmplayer();"><button>Close</button></a></div>
|
||||
|
||||
<nav style="margin-bottom:0"><a href="/" class="btn">Back to WiiMart.org</a></nav>
|
||||
|
||||
|
||||
BIN
media/FishieMart_logo.png
Normal file
BIN
media/FishieMart_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 172 KiB |
BIN
meta/NEW_bg.png
Normal file
BIN
meta/NEW_bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 327 B |
BIN
meta/fadebg-bgm.png
Normal file
BIN
meta/fadebg-bgm.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
meta/fadebg-wmw.png
Normal file
BIN
meta/fadebg-wmw.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 205 B |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 207 KiB |
@ -5,7 +5,7 @@ body {scroll-behavior:smooth;text-align: center;font-family: sans-serif;font-fam
|
||||
|
||||
div.row {width:50%;margin:auto}
|
||||
div.box {line-height:23.3px;background-color:white;border:solid 2px #34BEED;border-radius:5px;box-shadow: 0 0 10px #2525255d;box-sizing:border-box;text-align:center;margin: 0 auto;padding:5px;margin-top: 8px; overflow: auto;}
|
||||
|
||||
#backgroundd {position:fixed;top:0;left:0;width:100%;height:100%; background-image:url('/meta/fadebg-wmw.png'); background-size:cover; z-index:999; user-select:none; pointer-events:none;}
|
||||
h1 {margin-bottom: 10px;}
|
||||
nav {margin-bottom: 20px;line-height: 35px;}
|
||||
footer {color:grey}
|
||||
@ -44,13 +44,37 @@ img.wb {outline: solid 1px black}
|
||||
.blue {color:#1164E9;}
|
||||
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
|
||||
input [type="number"] {-moz-appearance:textfield;}
|
||||
input {
|
||||
border-top-width: 2px;
|
||||
border-right-width: 2px;
|
||||
border-bottom-width: 2px;
|
||||
border-left-width: 2px;
|
||||
border-top-style: solid;
|
||||
border-right-style: solid;
|
||||
border-bottom-style: solid;
|
||||
border-left-style: solid;
|
||||
border-top-color: #CCCCCC;
|
||||
border-right-color: #CCCCCC;
|
||||
border-bottom-color: #EAEAEA;
|
||||
border-left-color: #CCCCCC;
|
||||
}
|
||||
|
||||
mark {color:white;background:#34BEED;font-weight:bold;}
|
||||
mark.new {background-color: gold;color:orangered;border-radius: 10px; padding-right:5px; padding-left:5px;font-weight:bold;}
|
||||
mark.new {background-color:#fff090 /* fallback */; background-image:url("/meta/NEW_bg.png"); background-size:cover;border-radius: 5px; padding-right:5px; padding-left:5px;font-weight:bold;}
|
||||
mark.new #NEWtext {user-select:none; pointer-events:none; color:#ff6700;transform:translateY(1px); animation: NEWtext 2.7s ease-in-out infinite; display:inline-block;}
|
||||
@keyframes NEWtext
|
||||
{
|
||||
/* ref: https://wiimart.org/meta/NEW_en.gif */
|
||||
|
||||
0% {/* new is idle with orangey text */ color:#ff6700;transform: translateY(1px);}
|
||||
50% {/* new go down and get darker */color:#ff5e00;transform: translateY(2px) skewX(4deg); }
|
||||
70% {/* new goess up and lighter */color:#ff9e5c;transform: translateY(-1px) rotateZ(2deg); }
|
||||
100% {/* new goes back down and repeat */ color:#ff6700;transform: translateY(1px); }
|
||||
}
|
||||
|
||||
/* Gallery */
|
||||
div.gallery {position:relative;width:100%;box-sizing:border-box;}
|
||||
img.slide {width:100%; min-height:200px; min-width:100%;border-radius:5px;}
|
||||
img.slide {background-color:#e6e6e6 /* fallback */; width:100%; min-height:200px; min-width:100%;border-radius:5px;}
|
||||
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;}
|
||||
@ -58,16 +82,16 @@ img.right {right: 10px; animation: rightHoverAnimation 0.5s infinite alternate;}
|
||||
@keyframes rightHoverAnimation {0% {transform: translateY(-50%) translateX(0);} 100% {transform: translateY(-50%) translateX(-5px);}}
|
||||
|
||||
/* Music */
|
||||
div#bgmplayer { z-index: 1000;transition:.3s ease-in-out; opacity:25%; position:fixed; bottom:3px; border:2px solid #34BEED; width:60px; height:20px; overflow:hidden;}
|
||||
div#bgmplayer:hover {cursor:pointer; opacity: 70%; }
|
||||
.bgmplayerdisplayed{cursor:default !important; opacity: 70%; transition:.3s ease-in-out; height:65px !important; width:120px !important; overflow:auto;scrollbar-width: none;}
|
||||
.box#bgmplayer #bgmplrtitle{color:#34BEED; font-weight:bold; font-size:18px; font-style:normal; margin-top:-5px; margin-bottom:3px; line-height:18px; }
|
||||
div#bgmplayer p {line-height:20px;color:#9A9A9A;margin-top:-10px;font-style:italic;font-size:10px; user-select:none; pointer-events:none;}
|
||||
div#bgmplayer {background-color:#0000; background-size:0px;z-index: 1000;transition:.3s ease-in-out; position:fixed; bottom:3px; border:2px solid #34BEED; width:60px; height:20px; overflow:hidden;}
|
||||
div#bgmplayer:hover {cursor:pointer; }div#bgmplayer #shopbgm {margin-right:4px;}
|
||||
.bgmplayerdisplayed{background-image:url("/meta/fadebg-bgm.png"); background-size:100% !important; cursor:default !important; transition:.3s ease-in-out; height:65px !important; width:120px !important; overflow:auto;scrollbar-width: none;}
|
||||
.box#bgmplayer #bgmplrtitle{color:#24a6d1; background-color:#e4e4e42c; border-radius:20px; font-weight:bold; font-size:18px; font-style:normal; margin-top:-5px; margin-bottom:3px; line-height:18px; }
|
||||
div#bgmplayer p {line-height:20px;color:#9A9A9A; margin-top:-10px;font-style:italic;font-size:10px; user-select:none; pointer-events:none;}
|
||||
|
||||
/* 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; background-color:#FFF; transition:.3s ease-in-out;}
|
||||
|
||||
#whatiswsw {animation:wswpop 0.5s forwards;opacity:0%;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align:center;z-index:999;transition:.3s ease-in-out;}
|
||||
#whatiswsw {z-index:1001; animation:wswpop 0.5s forwards;opacity:0%;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align:center;z-index:999;transition:.3s ease-in-out;}
|
||||
@keyframes wswpop {
|
||||
10% {
|
||||
opacity:0%;
|
||||
@ -86,6 +110,7 @@ div#bgmplayer p {line-height:20px;color:#9A9A9A;margin-top:-10px;font-style:ital
|
||||
{
|
||||
body {background-color: black; color: #e0e0e0;}
|
||||
div.box {background-color: #1e1e1e; box-shadow: 0 0 10px #000000CC;}
|
||||
.box#bgmplayer #bgmplrtitle {background-color:#dddddd2c;}
|
||||
a.btn {background-color: #587566;color:white}
|
||||
a.btn:hover {background-color: #7da2a3;}
|
||||
span.active {background-color: #313131}
|
||||
@ -102,4 +127,5 @@ div#bgmplayer p {line-height:20px;color:#9A9A9A;margin-top:-10px;font-style:ital
|
||||
input {background-color: black;border: 2px solid grey;color:white;}
|
||||
mark {color:white}
|
||||
#wednesdaytitles {color:white; background-color:#3b3b3b}
|
||||
img.slide {background-color: #3d3d3d;}
|
||||
}
|
||||
|
||||
116
meta/music.js
116
meta/music.js
@ -1,5 +1,5 @@
|
||||
// Wii Shop BGM Player, suggested by @legamer66 (https://discord.com/channels/1346485785284575335/1346485786039681056/1351527080546009259)
|
||||
|
||||
var checkbgmplayerstatus = true;
|
||||
function hideConsoleControls() {
|
||||
const userAgent = navigator.userAgent.toLowerCase();
|
||||
const isConsoleBrowser =
|
||||
@ -9,14 +9,16 @@ function hideConsoleControls() {
|
||||
userAgent.includes('nintendo');
|
||||
// they can't play music so rip
|
||||
if (isConsoleBrowser) {const bgmPlayerDiv = document.getElementById('bgmplayer');
|
||||
if (bgmPlayerDiv) {bgmPlayerDiv.style.display = 'none';} }
|
||||
if (bgmPlayerDiv) {bgmPlayerDiv.style.display = 'none'; checkbgmplayerstatus = false;} }
|
||||
}
|
||||
|
||||
|
||||
var shoploop = new Audio("/meta/shop.wav");
|
||||
shoploop.loop = true;
|
||||
shoploop.volume = 0; // prevent clipping
|
||||
var initialvolume = 0 || 0.0;
|
||||
shoploop.volume = initialvolume;
|
||||
|
||||
/* what idk, only for index.html */
|
||||
function loadafterwednesdaycheck() {
|
||||
hideConsoleControls();
|
||||
|
||||
@ -26,29 +28,59 @@ function loadafterwednesdaycheck() {
|
||||
shoploop.currentTime = parseFloat(savedTime);
|
||||
}
|
||||
|
||||
if (localStorage.getItem("shopmusic") === "playing") {
|
||||
playBGMonload();
|
||||
activatebgmplayer();
|
||||
if (localStorage.getItem("wmtwebsiteBGM") === "playing") {
|
||||
activatebgmplayer();
|
||||
bgmplayerfocus();
|
||||
document.getElementById("shopbgmselector").href = "javascript:playBGMonload();";
|
||||
} else {
|
||||
pauseBGM();
|
||||
deactivatebgmplayer();
|
||||
}
|
||||
}
|
||||
|
||||
/* what idk, only for index.html */
|
||||
|
||||
|
||||
|
||||
/* bgm check for all pages */
|
||||
|
||||
|
||||
window.onload = function() {
|
||||
|
||||
|
||||
if (checkbgmplayerstatus === true) {
|
||||
|
||||
var wmtwebsiteBGMwasplaying = localStorage.getItem("wmtwebsiteBGM");
|
||||
|
||||
if (wmtwebsiteBGMwasplaying === 'playing') {
|
||||
activatebgmplayer();
|
||||
bgmplayerfocus();
|
||||
document.getElementById("shopbgmselector").href = "javascript:playBGMonload();";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
};
|
||||
|
||||
/* bgm check for all pages */
|
||||
|
||||
|
||||
window.onbeforeunload = function() {
|
||||
localStorage.setItem("bgmlooppoint", shoploop.currentTime);
|
||||
};
|
||||
|
||||
function playBGM() {
|
||||
shoploop.volume = 0.8;
|
||||
localStorage.setItem("shopmusic", "playing");
|
||||
initialvolume = 0.8;
|
||||
shoploop.volume = initialvolume;
|
||||
localStorage.setItem("wmtwebsiteBGM", "playing");
|
||||
shoploop.play();
|
||||
document.getElementById("shopbgm").innerText = "Pause";
|
||||
document.getElementById("shopbgmselector").href = "javascript:pauseBGM();";
|
||||
}
|
||||
|
||||
function pauseBGM() {
|
||||
localStorage.setItem("shopmusic", "paused");
|
||||
localStorage.setItem("wmtwebsiteBGM", "paused");
|
||||
shoploop.pause();
|
||||
document.getElementById("shopbgm").innerText = "Play";
|
||||
document.getElementById("shopbgmselector").href = "javascript:playBGM();";
|
||||
@ -56,48 +88,35 @@ function pauseBGM() {
|
||||
|
||||
function playBGMonload() {
|
||||
// this version has it fade in for smoother experince between pages (i could of used set interval, but memory issues?)
|
||||
initialvolume = 0;
|
||||
fadeinbgm();
|
||||
localStorage.setItem("shopmusic", "playing");
|
||||
localStorage.setItem("wmtwebsiteBGM", "playing");
|
||||
shoploop.play();
|
||||
document.getElementById("shopbgm").innerText = "Pause";
|
||||
document.getElementById("shopbgmselector").href = "javascript:pauseBGM();";
|
||||
document.getElementById("shopbgm").innerText = ".....";
|
||||
document.getElementById("shopbgmselector").href = 'javascript:alert("the bgm is still fading, hold on, you can click once its done!");';
|
||||
shoploop.currentTime = localStorage.getItem("bgmlooppoint");
|
||||
}
|
||||
|
||||
|
||||
|
||||
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";
|
||||
var volchangee = setTimeout(fadeinbgm,13);
|
||||
document.getElementById("shopbgm").innerText = "Paus?";
|
||||
if (initialvolume < 0.8) {
|
||||
initialvolume += 0.01;
|
||||
}
|
||||
if (initialvolume > 0.8) {
|
||||
clearTimeout(volchangee);
|
||||
initialvolume = 0.8;
|
||||
document.getElementById("shopbgmselector").href = "javascript:pauseBGM();";
|
||||
document.getElementById("shopbgm").innerText = "Pause";
|
||||
}
|
||||
shoploop.volume = initialvolume;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
function activatebgmplayer() {
|
||||
document.getElementById('bgmplayer').classList.add('bgmplayerdisplayed');
|
||||
document.getElementById("bgmplrtitle").innerText="BGM player"; document.getElementById("bgmplrtitle").style.marginTop="0px";
|
||||
@ -105,4 +124,11 @@ function activatebgmplayer() {
|
||||
function deactivatebgmplayer() {
|
||||
document.getElementById('bgmplayer').classList.remove('bgmplayerdisplayed');
|
||||
document.getElementById("bgmplrtitle").innerText="bgm plr.."; document.getElementById("bgmplrtitle").style.marginTop="-5px";
|
||||
document.getElementById("bgmplayer").style.backgroundColor="#0000"; document.getElementById("bgmplayer").style.backgroundColor="#0000"; document.getElementById("bgmplayer").style.border="1px solid #34BEED";
|
||||
}
|
||||
|
||||
function bgmplayerfocus() {
|
||||
/* bring attention to the player that you can play where ya left off */
|
||||
document.getElementById("bgmplayer").style.opacity="100%";document.getElementById("bgmplayer").style.backgroundColor="#1164E9"; document.getElementById("bgmplayer").style.border="4px solid #34ededff"; document.getElementById("backgroundd").style.display="block"; document.getElementById("backgroundd").style.backgroundImage=('url("/meta/fadebg-bgm.png")');
|
||||
setTimeout(function(){ document.getElementById("bgmplayer").style.backgroundImage='url("/meta/fadebg-bgm.png")'; document.getElementById("bgmplayer").style.backgroundColor="#0000"; document.getElementById("bgmplayer").style.border="2px solid #34BEED"; document.getElementById("backgroundd").style.display="none";},500);
|
||||
}
|
||||
@ -19,7 +19,7 @@
|
||||
<style>input {margin-bottom: 15px;max-width:50px} ul {text-align:left} li a {text-decoration:none} </style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="box" id="bgmplayer" onclick="activatebgmplayer();"><p id="bgmplrtitle">bgm plr..</p><a href="javascript:playBGM();" id="shopbgmselector" title="Enable audio autoplay in your browser for it to continue playing throughout the website."><button id="shopbgm">Play</button></a><a href="javascript:deactivatebgmplayer();"><button>Close</button></a></div>
|
||||
<div id="backgroundd" style="display:none;"></div><div class="box" id="bgmplayer" onclick="activatebgmplayer();"><p id="bgmplrtitle">bgm plr..</p><a href="javascript:playBGM();" id="shopbgmselector" title="Enable audio autoplay in your browser for it to continue playing throughout the website."><button id="shopbgm">Play</button></a><a href="javascript:deactivatebgmplayer();"><button>Close</button></a></div>
|
||||
|
||||
<h1><a href="/">WiiMart</a></h1>
|
||||
|
||||
|
||||
@ -25,7 +25,7 @@
|
||||
</style>
|
||||
</head>
|
||||
<body >
|
||||
<div class="box" id="bgmplayer" onclick="activatebgmplayer();"><p id="bgmplrtitle">bgm plr..</p><a href="javascript:playBGM();" id="shopbgmselector" title="Enable audio autoplay in your browser for it to continue playing throughout the website."><button id="shopbgm">Play</button></a><a href="javascript:deactivatebgmplayer();"><button>Close</button></a></div>
|
||||
<div id="backgroundd" style="display:none;"></div><div class="box" id="bgmplayer" onclick="activatebgmplayer();"><p id="bgmplrtitle">bgm plr..</p><a href="javascript:playBGM();" id="shopbgmselector" title="Enable audio autoplay in your browser for it to continue playing throughout the website."><button id="shopbgm">Play</button></a><a href="javascript:deactivatebgmplayer();"><button>Close</button></a></div>
|
||||
|
||||
<h1><a href="/">WiiMart</a></h1>
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user