mirror of
https://wiilab.wiimart.org/wiimart/WiiMart-github-io
synced 2025-09-03 20:11:03 +02:00
fixed bgm player + a fishy update..
This commit is contained in:
parent
1bcd51d287
commit
bce624b6e3
@ -17,12 +17,8 @@
|
|||||||
<link rel="icon" type="image/x-icon" href="favicon.ico">
|
<link rel="icon" type="image/x-icon" href="favicon.ico">
|
||||||
<style>mark {color:white} img.wm {width: 100%;vertical-align: middle;} div.wm {padding:20px;border-radius:5px;margin-top:10px;}</style>
|
<style>mark {color:white} img.wm {width: 100%;vertical-align: middle;} div.wm {padding:20px;border-radius:5px;margin-top:10px;}</style>
|
||||||
</head>
|
</head>
|
||||||
<body onload="loadafterwednesdaycheck();">
|
<body >
|
||||||
<div class="box" id="bgmplayer">
|
<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>
|
||||||
<h2>BGM player</h2>
|
|
||||||
<a href="javascript:playBGM();" id="shopbgmselector"><button id="shopbgm">Play</button></a>
|
|
||||||
<p><br>Enable audio autoplay in your browser for it to continue playing throughout the website.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h1><a href="/">WiiMart</a></h1>
|
<h1><a href="/">WiiMart</a></h1>
|
||||||
|
|
||||||
|
@ -25,12 +25,8 @@
|
|||||||
div#Contribute button img {float:left;}
|
div#Contribute button img {float:left;}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body onload="loadafterwednesdaycheck();">
|
<body>
|
||||||
<div class="box" id="bgmplayer">
|
<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>
|
||||||
<h2>BGM player</h2>
|
|
||||||
<a href="javascript:playBGM();" id="shopbgmselector"><button id="shopbgm">Play</button></a>
|
|
||||||
<p><br>Enable audio autoplay in your browser for it to continue playing throughout the website.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h1><a href="/">WiiMart</a></h1>
|
<h1><a href="/">WiiMart</a></h1>
|
||||||
|
|
||||||
|
@ -18,12 +18,8 @@
|
|||||||
<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;border-color:red;text-align:left} #results h2 {color:#FF0000;} #results p {color:#FF0000}</style>
|
<style>input {border: 2px solid #CCCCCC;border-bottom-color: #EAEAEA;margin-bottom: 15px;} #results {display:none;border-color:red;text-align:left} #results h2 {color:#FF0000;} #results p {color:#FF0000}</style>
|
||||||
</head>
|
</head>
|
||||||
<body onload="loadafterwednesdaycheck();">
|
<body>
|
||||||
<div class="box" id="bgmplayer">
|
<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>
|
||||||
<h2>BGM player</h2>
|
|
||||||
<a href="javascript:playBGM();" id="shopbgmselector"><button id="shopbgm">Play</button></a>
|
|
||||||
<p><br>Enable audio autoplay in your browser for it to continue playing throughout the website.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h1><a href="/">WiiMart</a></h1>
|
<h1><a href="/">WiiMart</a></h1>
|
||||||
|
|
||||||
|
124
fishiemart.html
124
fishiemart.html
@ -4,7 +4,7 @@
|
|||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||||
<style>@font-face {font-family:'Shop';src:url('meta/shop.ttf') format('truetype');font-weight:normal;font-style:normal;}</style>
|
<style>@font-face {font-family:'Shop';src:url('meta/shop.ttf') format('truetype');font-weight:normal;font-style:normal;}</style>
|
||||||
<script src="meta/music.js" ></script>
|
<!--<script src="meta/music.js" ></script>-->
|
||||||
<title>FishieMart: an active Fishie Fishie revival!</title>
|
<title>FishieMart: an active Fishie Fishie revival!</title>
|
||||||
<meta property="og:title" content="FishieMart: an active Fishie Fishie revival!">
|
<meta property="og:title" content="FishieMart: an active Fishie Fishie revival!">
|
||||||
<meta property="og:description" content="FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE.">
|
<meta property="og:description" content="FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE.">
|
||||||
@ -16,43 +16,64 @@
|
|||||||
<script src="meta/gallery.js" defer></script>
|
<script src="meta/gallery.js" defer></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>
|
<style>
|
||||||
div.box {border-color: orange; box-shadow: 0 0 10px #a153005d}
|
div.box {border-color: #fab62a; box-shadow: 0 0 10px #a153005d}
|
||||||
h1, h2, h3 {color:orange}
|
h1, h2, h3 {color:#fab62a;}
|
||||||
a {color:orange}
|
a {color:#fab62a}
|
||||||
|
.btn{cursor:pointer;}
|
||||||
|
::selection{color: #323232;background: #fab62a;}
|
||||||
|
#fishietitle{text-decoration:none; font-size:30px; line-height:63px; background-color:#db701213; color:#fab62a;} #fishietitle:hover{text-decoration:underline; background-color:#db701231;}
|
||||||
figure {display:flex;align-items:flex-start}
|
figure {display:flex;align-items:flex-start}
|
||||||
figure img.pfp {margin-left: -30px;width:150px;height:100%;object-fit: cover;border-radius:5px;}
|
figure img.pfp {margin-left: -30px;width:150px;height:100%;object-fit: cover;border-radius:5px;}
|
||||||
figcaption {padding-left:15px;text-align:left}
|
figcaption {padding-left:15px;text-align:left}
|
||||||
hr {border-style:dashed}
|
hr {border-style:dashed}
|
||||||
|
.arrow {filter:hue-rotate(215deg);} /* filter dont work on old browsers, womp womp */
|
||||||
|
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>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body onload="loadafterwednesdaycheck();preloadArrows();">
|
<body onload="preloadArrows();">
|
||||||
<div class="box" id="bgmplayer">
|
<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>
|
||||||
<h2>BGM player</h2>
|
|
||||||
<a href="javascript:playBGM();" id="shopbgmselector"><button id="shopbgm">Play</button></a>
|
|
||||||
<p><br>Enable aqua fishplay in your browser for it to continue playing throughout the ocean.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h1 style="cursor:pointer">FishieMart</h1>
|
<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>
|
||||||
|
|
||||||
|
<nav><a class="btn">Install</a> <a class="btn">Support</a> <a class="btn">Errors</a> <a class="btn">Branding</a> <a class="btn">Specials</a> <a class="btn">Credits</a></nav>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="box" style="padding-bottom:10px;">
|
<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>
|
||||||
|
<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>
|
||||||
|
<li><img src="meta/em-wiiware.svg" class="pf"> <i>Fishie Fishie 2</i> <a ><img src="media/pfp-fishie.png"></a></li>
|
||||||
|
<li><img src="meta/em-wiiware.svg" class="pf"> <i>Fishie Fishie 3</i> <a ><img src="media/pfp-fishie.png"></a></li>
|
||||||
|
<li><img src="meta/em-wiiware.svg" class="pf"> <i>Fishie Fishie 4</i> <a ><img src="media/pfp-fishie.png"></a></li>
|
||||||
|
<li><img src="meta/em-wiiware.svg" class="pf"> <i>Fishie Fishie 5</i> <a ><img src="media/pfp-fishie.png"></a></li>
|
||||||
|
....
|
||||||
|
</ul>
|
||||||
|
</details>
|
||||||
|
<br>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box" id="about" 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
|
|
||||||
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 class="box">
|
<div class="box" style="padding-bottom:0">
|
||||||
<h3>Screenshots</h3>
|
<img loading="lazy" src="media/martyna-looking-orange.png" style="height:100%; width:25%; float: left; min-width:25%; min-height:100%;">
|
||||||
<div class="gallery">
|
<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>
|
||||||
<img loading="lazy" src="https://images.nintendolife.com/screenshots/24186/large.jpg" class="slide" alt="Gameplay 1">
|
<p><a href="install" class="btn" style="font-size: larger;">Get Started</a></p>
|
||||||
<img loading="lazy" src="https://images.nintendolife.com/screenshots/24185/large.jpg" class="slide" alt="Gameplay 2">
|
<div class="gallery" style="margin-bottom:10px">
|
||||||
<img loading="lazy" src="https://images.nintendolife.com/screenshots/24179/large.jpg" class="slide" alt="Gameplay 3">
|
<img loading="lazy" src="https://images.nintendolife.com/screenshots/24186/large.jpg" class="slide" alt="Gameplay 1" style="display: block;">
|
||||||
<img loading="lazy" src="https://images.nintendolife.com/screenshots/24187/large.jpg" class="slide" alt="Gameplay 4">
|
<img loading="lazy" src="https://images.nintendolife.com/screenshots/24185/large.jpg" class="slide" alt="Gameplay 2" style="display: none;">
|
||||||
<img loading="lazy" src="https://images.nintendolife.com/screenshots/24183/large.jpg" class="slide" alt="Gameplay 5">
|
<img loading="lazy" src="https://images.nintendolife.com/screenshots/24179/large.jpg" class="slide" alt="Gameplay 3" style="display: none;">
|
||||||
</div>
|
<img loading="lazy" src="https://images.nintendolife.com/screenshots/24187/large.jpg" class="slide" alt="Gameplay 4" style="display: none;">
|
||||||
</div>
|
<img loading="lazy" src="https://images.nintendolife.com/screenshots/24183/large.jpg" class="slide" alt="Gameplay 5" style="display: none;">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<h1>What's on it?</h1>
|
<h1>What's on it?</h1>
|
||||||
|
|
||||||
@ -90,6 +111,7 @@
|
|||||||
<p>You may ask Fishie himself for guidance with the FishieMart.</p>
|
<p>You may ask Fishie himself for guidance with the FishieMart.</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!--
|
||||||
<h1>Who is involved?</h1>
|
<h1>Who is involved?</h1>
|
||||||
|
|
||||||
<div class="box">
|
<div class="box">
|
||||||
@ -102,10 +124,62 @@
|
|||||||
</figcaption>
|
</figcaption>
|
||||||
</figure>
|
</figure>
|
||||||
<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>
|
||||||
|
-->
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<footer><p>FishieMart is not affiliated with the evil DSiMart or any related parties. To contact, please send an email to <b>/dev/null</b>.</p></footer>
|
<footer><p>FishieMart is not affiliated with the evil DSiMart or any related parties. To contact, please send an email to <b>/dev/null</b>.</p></footer>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// modified music.js for fishie fishie music
|
||||||
|
|
||||||
|
// Wii Shop BGM Player, suggested by @legamer66 (https://discord.com/channels/1346485785284575335/1346485786039681056/1351527080546009259)
|
||||||
|
|
||||||
|
function hideConsoleControls() {
|
||||||
|
const userAgent = navigator.userAgent.toLowerCase();
|
||||||
|
const isConsoleBrowser =
|
||||||
|
userAgent.includes('wii') ||
|
||||||
|
userAgent.includes('nintendo ds') ||
|
||||||
|
userAgent.includes('nintendo 3ds') ||
|
||||||
|
userAgent.includes('nintendo');
|
||||||
|
// they can't play music so rip
|
||||||
|
if (isConsoleBrowser) {const bgmPlayerDiv = document.getElementById('bgmplayer');
|
||||||
|
if (bgmPlayerDiv) {bgmPlayerDiv.style.display = 'none';} }
|
||||||
|
}
|
||||||
|
|
||||||
|
var shoploop = new Audio("/meta/FishieFishie.ogg");
|
||||||
|
shoploop.loop = true;
|
||||||
|
shoploop.volume = 0.1; // prevent clipping
|
||||||
|
|
||||||
|
function activatebgmplayer() {
|
||||||
|
document.getElementById('bgmplayer').classList.add('bgmplayerdisplayed');
|
||||||
|
document.getElementById("bgmplrtitle").innerText="BGM player"; document.getElementById("bgmplrtitle").style.marginTop="0px";
|
||||||
|
}
|
||||||
|
function deactivatebgmplayer() {
|
||||||
|
document.getElementById('bgmplayer').classList.remove('bgmplayerdisplayed');
|
||||||
|
document.getElementById("bgmplrtitle").innerText="bgm plr.."; document.getElementById("bgmplrtitle").style.marginTop="-5px";
|
||||||
|
}
|
||||||
|
|
||||||
|
function playBGM() {
|
||||||
|
shoploop.volume = 0.1; // music is kinda meh.. soooo lowered volume (sorry fishie fishie, plz dont eat me!!! - TheWiiArchivist@NOA)
|
||||||
|
localStorage.setItem("shopmusic", "playing");
|
||||||
|
shoploop.play();
|
||||||
|
document.getElementById("shopbgm").innerHTML = "Pause";
|
||||||
|
document.getElementById("shopbgmselector").href = "javascript:pauseBGM();";
|
||||||
|
}
|
||||||
|
|
||||||
|
function pauseBGM() {
|
||||||
|
localStorage.setItem("shopmusic", "paused");
|
||||||
|
shoploop.pause();
|
||||||
|
document.getElementById("shopbgm").innerHTML = "Play";
|
||||||
|
document.getElementById("shopbgmselector").href = "javascript:playBGM();";
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
@ -20,12 +20,7 @@
|
|||||||
</head>
|
</head>
|
||||||
<body onload="loadafterwednesdaycheck();">
|
<body onload="loadafterwednesdaycheck();">
|
||||||
|
|
||||||
<div>
|
<div class="box" id="bgmplayer" onclick="activatebgmplayer();"><p id="bgmplrtitle">bgm plr..</p><a href="javascript:playBGM();" id="shopbgmselector" title="Enable audio autoplay in your browser for it to continue playing throughout the website."><button id="shopbgm">Play</button></a><a href="javascript:deactivatebgmplayer();"><button>Close</button></a></div>
|
||||||
<div class="box" id="bgmplayer">
|
|
||||||
<h2>BGM player</h2>
|
|
||||||
<a href="javascript:playBGM();" id="shopbgmselector"><button id="shopbgm">Play</button></a>
|
|
||||||
<p><br>Enable audio autoplay in your browser for it to continue playing throughout the website.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h1>WiiMart</h1>
|
<h1>WiiMart</h1>
|
||||||
|
|
||||||
|
@ -16,12 +16,8 @@
|
|||||||
<link rel="stylesheet" href="meta/main.css">
|
<link rel="stylesheet" href="meta/main.css">
|
||||||
<link rel="icon" type="image/x-icon" href="favicon.ico">
|
<link rel="icon" type="image/x-icon" href="favicon.ico">
|
||||||
</head>
|
</head>
|
||||||
<body onload="loadafterwednesdaycheck();">
|
<body>
|
||||||
<div class="box" id="bgmplayer">
|
<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>
|
||||||
<h2>BGM player</h2>
|
|
||||||
<a href="javascript:playBGM();" id="shopbgmselector"><button id="shopbgm">Play</button></a>
|
|
||||||
<p><br>Enable audio autoplay in your browser for it to continue playing throughout the website.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<nav style="margin-bottom:0"><a href="/" class="btn">Back to WiiMart.org</a></nav>
|
<nav style="margin-bottom:0"><a href="/" class="btn">Back to WiiMart.org</a></nav>
|
||||||
|
|
||||||
|
BIN
media/martyna-looking-orange.png
Normal file
BIN
media/martyna-looking-orange.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 37 KiB |
BIN
media/sound-fishie-scream1.wav
Normal file
BIN
media/sound-fishie-scream1.wav
Normal file
Binary file not shown.
BIN
media/sound-fishie-scream2.wav
Normal file
BIN
media/sound-fishie-scream2.wav
Normal file
Binary file not shown.
BIN
media/sound-fishie-scream3.wav
Normal file
BIN
media/sound-fishie-scream3.wav
Normal file
Binary file not shown.
BIN
meta/FishieDeath.ogg
Normal file
BIN
meta/FishieDeath.ogg
Normal file
Binary file not shown.
BIN
meta/FishieFishie.ogg
Normal file
BIN
meta/FishieFishie.ogg
Normal file
Binary file not shown.
@ -57,14 +57,14 @@ img.right {right: 10px; animation: rightHoverAnimation 0.5s infinite alternate;}
|
|||||||
@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);}}
|
||||||
|
|
||||||
/* Music */
|
/* Music */
|
||||||
div#bgmplayer {z-index: 1000;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;}
|
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 {opacity: 50%; transition:.3s ease-in-out; height:100px; width:200px; overflow:auto;scrollbar-width: none;}
|
div#bgmplayer:hover {cursor:pointer; opacity: 70%; }
|
||||||
div#bgmplayer h2 {height:20px; margin-top:-9px; line-height:40px}
|
.bgmplayerdisplayed{cursor:default !important; opacity: 70%; transition:.3s ease-in-out; height:65px !important; width:120px !important; overflow:auto;scrollbar-width: none;}
|
||||||
div#bgmplayer p {line-height:20px;color:#9A9A9A;margin-top:-10px;font-style:italic;font-size:10px;}
|
.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;}
|
||||||
|
|
||||||
/* Matt! Yea? update day! what?? New-New Wii Titles! What? im in the bathroom! Update day for WiiMart! */
|
/* 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; float:center; background-color:#FFF; transition:.3s ease-in-out;}
|
#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 {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 {
|
@keyframes wswpop {
|
||||||
@ -76,9 +76,9 @@ div#bgmplayer p {line-height:20px;color:#9A9A9A;margin-top:-10px;font-style:ital
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Auto-resizer, do not change pls*/
|
/* Auto-resizer, do not change pls*/ /* i added plrfix, i changed it, dont kill me gemdation pls (dont change what i added either plz plz) */
|
||||||
@media (max-width: 768px) {div.row {width: 95%}}
|
@media (max-width: 768px) {div.row {width: 95%} div#bgmplayer{ top:0px; position:fixed; } }
|
||||||
@media (min-width: 1500px) {div.row {width: 40%}}
|
@media (min-width: 1500px) {div.row {width: 40%}; div#bgmplayer{ position:fixed; left:3px !important; float:left;}}
|
||||||
|
|
||||||
/* Dark theme via system preference */
|
/* Dark theme via system preference */
|
||||||
@media (prefers-color-scheme: dark)
|
@media (prefers-color-scheme: dark)
|
||||||
|
@ -28,8 +28,10 @@ function loadafterwednesdaycheck() {
|
|||||||
|
|
||||||
if (localStorage.getItem("shopmusic") === "playing") {
|
if (localStorage.getItem("shopmusic") === "playing") {
|
||||||
playBGMonload();
|
playBGMonload();
|
||||||
|
activatebgmplayer();
|
||||||
} else {
|
} else {
|
||||||
pauseBGM();
|
pauseBGM();
|
||||||
|
deactivatebgmplayer();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -41,14 +43,14 @@ function playBGM() {
|
|||||||
shoploop.volume = 0.8;
|
shoploop.volume = 0.8;
|
||||||
localStorage.setItem("shopmusic", "playing");
|
localStorage.setItem("shopmusic", "playing");
|
||||||
shoploop.play();
|
shoploop.play();
|
||||||
document.getElementById("shopbgm").innerHTML = "Pause";
|
document.getElementById("shopbgm").innerText = "Pause";
|
||||||
document.getElementById("shopbgmselector").href = "javascript:pauseBGM();";
|
document.getElementById("shopbgmselector").href = "javascript:pauseBGM();";
|
||||||
}
|
}
|
||||||
|
|
||||||
function pauseBGM() {
|
function pauseBGM() {
|
||||||
localStorage.setItem("shopmusic", "paused");
|
localStorage.setItem("shopmusic", "paused");
|
||||||
shoploop.pause();
|
shoploop.pause();
|
||||||
document.getElementById("shopbgm").innerHTML = "Play";
|
document.getElementById("shopbgm").innerText = "Play";
|
||||||
document.getElementById("shopbgmselector").href = "javascript:playBGM();";
|
document.getElementById("shopbgmselector").href = "javascript:playBGM();";
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -57,7 +59,7 @@ function playBGMonload() {
|
|||||||
fadeinbgm();
|
fadeinbgm();
|
||||||
localStorage.setItem("shopmusic", "playing");
|
localStorage.setItem("shopmusic", "playing");
|
||||||
shoploop.play();
|
shoploop.play();
|
||||||
document.getElementById("shopbgm").innerHTML = "Pause";
|
document.getElementById("shopbgm").innerText = "Pause";
|
||||||
document.getElementById("shopbgmselector").href = "javascript:pauseBGM();";
|
document.getElementById("shopbgmselector").href = "javascript:pauseBGM();";
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -95,4 +97,12 @@ function fade8() {
|
|||||||
}
|
}
|
||||||
function fade9() {
|
function fade9() {
|
||||||
shoploop.volume="0.8";
|
shoploop.volume="0.8";
|
||||||
|
}
|
||||||
|
function activatebgmplayer() {
|
||||||
|
document.getElementById('bgmplayer').classList.add('bgmplayerdisplayed');
|
||||||
|
document.getElementById("bgmplrtitle").innerText="BGM player"; document.getElementById("bgmplrtitle").style.marginTop="0px";
|
||||||
|
}
|
||||||
|
function deactivatebgmplayer() {
|
||||||
|
document.getElementById('bgmplayer').classList.remove('bgmplayerdisplayed');
|
||||||
|
document.getElementById("bgmplrtitle").innerText="bgm plr.."; document.getElementById("bgmplrtitle").style.marginTop="-5px";
|
||||||
}
|
}
|
@ -18,13 +18,8 @@
|
|||||||
<link rel="icon" type="image/x-icon" href="favicon.ico">
|
<link rel="icon" type="image/x-icon" href="favicon.ico">
|
||||||
<style>ul {text-align:left} li a {text-decoration:none} </style>
|
<style>ul {text-align:left} li a {text-decoration:none} </style>
|
||||||
</head>
|
</head>
|
||||||
<body onload="loadafterwednesdaycheck();">
|
<body>
|
||||||
<div class="box" id="bgmplayer">
|
<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>
|
||||||
<h2>BGM player</h2>
|
|
||||||
<a href="javascript:playBGM();" id="shopbgmselector"><button id="shopbgm">Play</button></a>
|
|
||||||
<p><br>Enable audio autoplay in your browser for it to continue playing throughout the website.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<h1><a href="/">WiiMart</a></h1>
|
<h1><a href="/">WiiMart</a></h1>
|
||||||
|
|
||||||
|
@ -24,13 +24,8 @@
|
|||||||
button#scrollUp.show {display:block;opacity:1;transform: translateY(0);}
|
button#scrollUp.show {display:block;opacity:1;transform: translateY(0);}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body onload="loadafterwednesdaycheck();">
|
<body >
|
||||||
<div class="box" id="bgmplayer">
|
<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>
|
||||||
<h2>BGM player</h2>
|
|
||||||
<a href="javascript:playBGM();" id="shopbgmselector"><button id="shopbgm">Play</a>
|
|
||||||
<p><br>Enable audio autoplay in your browser for it to continue playing throughout the website.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<h1><a href="/">WiiMart</a></h1>
|
<h1><a href="/">WiiMart</a></h1>
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user