added background music :D

This commit is contained in:
ChrisplayzWii 2025-04-05 08:17:00 -05:00 committed by GitHub
parent 9fb0ae3e72
commit 1bbb60e252
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 42 additions and 4 deletions

View File

@ -11,10 +11,19 @@
<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="media/wiimart-bag.ico" />
<style>mark {color:white} .wm {width: 100%}</style>
</head>
<body>
<div id="bgmplayer" style="position:fixed; bottom:3px; right:3px; float:right; width:200px; height:100px;">
<h2 style="height:20px; margin-top:-9px;">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>Branding</h1>

View File

@ -14,10 +14,19 @@
<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" />
<link rel="stylesheet" href="meta/verdana.css" />
<link rel="stylesheet" href="meta/verdana.css" />
<script src="meta/music.js"></script>
<link rel="icon" type="image/x-icon" href="media/wiimart-bag.ico" />
</head>
<body>
<div id="bgmplayer" style="position:fixed; bottom:3px; right:3px; float:right; width:200px; height:100px;">
<h2 style="height:20px; margin-top:-9px;">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>Download</h1>

View File

@ -10,13 +10,22 @@
<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/wiimart-bag.ico" />
<style>div {border-color: orange;} h1, h2 {color:orange} a {color:orange}</style>
<style>div {border-color: orange; box-shadow: 0 0 10px #a153005d; } h1, h2 {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" style="position:fixed; bottom:3px; right:3px; float:right; width:200px; height:100px;">
<h2 style="height:20px; margin-top:-9px;">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>
<header style="background-color: orange;border-color:orangered;"><img src="media/fishie-wordmark.png" width="200px"></header>
<a href="https://wiimart.github.io"><header style="background-color: orange;border-color:orangered;"><img src="media/fishie-wordmark.png" width="200px"></header></a>
<h1>FishieMart</h1>
<div class="block" style="padding-bottom:10px;">

View File

@ -12,11 +12,20 @@
<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/wiimart-bag.ico" />
<style>button {margin-right: 2px;margin-left: 2px}</style>
<!--just here because the buttons are spaced weird idk-->
</head>
<body>
<div id="bgmplayer" style="position:fixed; bottom:3px; right:3px; float:right; width:200px; height:100px;">
<h2 style="height:20px; margin-top:-9px;">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 style="font-size: xx-large;">WiiMart</h1>
@ -177,5 +186,7 @@
<footer><p>WiiMart is not affiliated with Nintendo or any related parties. To contact, please send an email to <a href="mailto:wiimartshopping@gmail.com"><b>wiimartshopping@gmail.com</b></a>.</p></footer>
</body>
</html>

BIN
media/shop_bgm_loop_wsw.wav Normal file

Binary file not shown.