mirror of
https://wiilab.wiimart.org/wiimart/dsimart/dsimart.org
synced 2025-09-02 19:41:00 +02:00
Music update
This commit is contained in:
Gemdation
parent
0227a0e836
commit
60d2a92d3f
99
index.html
99
index.html
@ -1,59 +1,68 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
<title>DSiMart: private beta DSi Shop revival!</title>
|
||||
<meta content="DSiMart: private beta DSi Shop revival!" property="og:title">
|
||||
<meta content="DSiMart is an upcoming private beta DSi Shop revival. Like WiiMart, it is an open-source revival for the defunct DSi Shop service." property="og:description">
|
||||
<meta content="https://dsimart.org/media/branding-bag.png" property="og:image">
|
||||
<meta content="https://dsimart.org" property="og:url">
|
||||
<meta content="#E911D1" data-react-helmet="true" name="theme-color">
|
||||
<meta name="keywords" content="DSiMart, DSi Shop, homebrew">
|
||||
<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>
|
||||
<link rel="icon" type="image/x-icon" href="favicon.ico">
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
<script src="meta/music.js"></script>
|
||||
<title>DSiMart: private beta DSi Shop revival!</title>
|
||||
<meta content="DSiMart: private beta DSi Shop revival!" property="og:title">
|
||||
<meta content="DSiMart is an upcoming private beta DSi Shop revival. Like WiiMart, it is an open-source revival for the defunct DSi Shop service." property="og:description">
|
||||
<meta content="https://dsimart.org/media/branding-bag.png" property="og:image">
|
||||
<meta content="https://dsimart.org" property="og:url">
|
||||
<meta content="#E911D1" data-react-helmet="true" name="theme-color">
|
||||
<meta name="keywords" content="DSiMart, DSi Shop, homebrew">
|
||||
<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>
|
||||
<link rel="icon" type="image/x-icon" href="favicon.ico">
|
||||
</head>
|
||||
<body>
|
||||
<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>DSiMart</h1>
|
||||
|
||||
<div id="about">
|
||||
<p><b>DSiMart</b> is an upcoming private beta DSi Shop revival. Like <b>WiiMart</b>, it is
|
||||
an open-source revival for the defunct DSi Shop service.</p>
|
||||
</div>
|
||||
|
||||
<div id="screenshots">
|
||||
<h2>Screenshots</h2>
|
||||
<div class="gallery">
|
||||
<img src="media/example-1.png" class="slide">
|
||||
<img src="media/example-2.png" class="slide">
|
||||
<img src="media/example-3.png" class="slide">
|
||||
<img src="media/example-4.png" class="slide">
|
||||
<div class="row">
|
||||
<div class="box" id="about">
|
||||
<p><b>DSiMart</b> is a planned DSi Shop revival. Like <b>WiiMart</b>, it is
|
||||
an open-source revival for the defunct DSi Shop service.</p>
|
||||
<p>Currently, development is paused as the team is working with WiiMart.</p>
|
||||
</div>
|
||||
|
||||
<div class="box" id="screenshots">
|
||||
<h2>Screenshots</h2>
|
||||
<div class="gallery">
|
||||
<img src="media/example-1.png" class="slide">
|
||||
<img src="media/example-2.png" class="slide">
|
||||
<img src="media/example-3.png" class="slide">
|
||||
<img src="media/example-4.png" class="slide">
|
||||
</div>
|
||||
<p>These were taken during testing.</p>
|
||||
</div>
|
||||
|
||||
<div class="box" id="FAQ">
|
||||
<h2>Frequently Asked Questions</h2>
|
||||
<h3>When will it be released?</h3>
|
||||
<p>We do not have an ETA on the project.</p>
|
||||
<h3>What will it have?</h3>
|
||||
<p>DSiWare alongside custom-made software. Custom software will be added if it is small enough. (16 MB)</p>
|
||||
<h3>Will it be on 3DS?</h3>
|
||||
<p>Due to difficulties with the 293003 code, DSiMart will not be released on Nintendo 3DS.</p>
|
||||
</div>
|
||||
|
||||
<div class="box" id="branding">
|
||||
<h2>Branding</h2>
|
||||
<img src="media/branding-bag.png" width="200px">
|
||||
<p><a href="media/branding-bag.svg" class="btn" download>Download SVG</a></p>
|
||||
<img src="media/branding-wordmark.png" width="200px">
|
||||
<p><a href="media/branding-wordmark.svg" class="btn" download>Download SVG</a></p>
|
||||
</div>
|
||||
<p>These were taken during testing.</p>
|
||||
</div>
|
||||
|
||||
<div id="FAQ">
|
||||
<h2>Frequently Asked Questions</h2>
|
||||
<h3>When will it be released?</h3>
|
||||
<p>We do not have an ETA on the project.</p>
|
||||
<h3>What will it have?</h3>
|
||||
<p>DSiWare alongside custom-made software. Custom software will be added if it is small enough. (16 MB)</p>
|
||||
<h3>Will it be on 3DS?</h3>
|
||||
<p>Due to difficulties with the 293003 code, DSiMart will not be released on Nintendo 3DS.</p>
|
||||
</div>
|
||||
|
||||
<div id="branding">
|
||||
<h2>Branding</h2>
|
||||
<img src="media/branding-bag.png" width="200px">
|
||||
<p><a href="media/branding-bag.svg" class="btn" download>Download SVG</a></p>
|
||||
<img src="media/branding-wordmark.png" width="200px">
|
||||
<p><a href="media/branding-wordmark.svg" class="btn" download>Download SVG</a></p>
|
||||
</div>
|
||||
|
||||
<p style="margin-bottom: 0px"><img src="media/branding-button.png" class="wb"> <a href="https://wiimart.org/"><img src="media/branding-button-wiimart.png" class="wb"></a></p>
|
||||
<p style="margin-bottom:0px"><img src="media/branding-button.png" class="wb"> <a href="https://wiimart.org/"><img src="media/branding-button-wiimart.png" class="wb"></a></p>
|
||||
|
||||
<footer><p>The WiiMart Team is not affiliated with Nintendo or any related parties. To contact, please send an email to <a href="mailto:support@wiimart.org"><b>support@wiimart.org</b></a>.</p></footer>
|
||||
|
||||
|
||||
@ -1,11 +1,10 @@
|
||||
@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 {line-height:23.3px; background-color: white;border-radius: 5px;border-color: #ED0972;box-shadow: 0 0 10px #2525255d; box-sizing: border-box;border-width: 2px;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;}
|
||||
body {text-align:center;font-family:'Shop',sans-serif;transition:.1s ease-in-out;scroll-behavior:smooth;}
|
||||
|
||||
nav {margin-bottom: 20px;line-height: 30px;}
|
||||
div.row {width:50%;margin:auto;}
|
||||
div.box {line-height:23.3px;background-color: white;border-radius: 5px;border-color: #ED0972;box-shadow: 0 0 10px #2525255d; box-sizing: border-box;border-width: 2px;border-style: solid; text-align:center;margin: 0 auto;padding:5px;margin-top: 8px;}
|
||||
|
||||
a.btn {background-color: #E6FFF2;border-radius: 10px;padding: 4px;color:black;text-decoration: none;filter: drop-shadow(1px 1px 1px black);font-weight: 100;display:inline}
|
||||
a.btn:hover {background-color: #C7FDFF;}
|
||||
@ -20,22 +19,13 @@ footer a {color:grey}
|
||||
|
||||
/* Text stuff */
|
||||
h1, h2 {color:#ED0972;}
|
||||
h1 {font-size: 30px;}
|
||||
h1 a {text-decoration:none}
|
||||
hr {border-color:grey}
|
||||
|
||||
a {color:#ED0972; font-weight: bold;}
|
||||
a {color:#ED0972;font-weight:bold;}
|
||||
::selection{color: #323232;background: #ED0972;}
|
||||
::-moz-selection{color: #323232;background:#ED0972;}
|
||||
body.dir {text-align: left;}
|
||||
body.dir a {color:black;text-decoration: none;font-weight: normal;}
|
||||
body.dir a:hover {color:#ED0972}
|
||||
table {border: 1px solid white; border-collapse: collapse;}
|
||||
th, td {border: 1px solid;}
|
||||
button.ico {width:20px; height:20px;}
|
||||
|
||||
img.ico {vertical-align: middle; width:25px; height:25px;}
|
||||
img.wb {outline: solid 1px black}
|
||||
.blue {color:#1164E9;}
|
||||
.pink {color:#ED0972;}
|
||||
|
||||
mark {color:white;background:#ED0972;font-weight:bold;}
|
||||
mark.new {background-color: gold;color:orangered;border-radius: 10px; padding-right:5px; padding-left:5px;font-weight:bold;}
|
||||
@ -48,20 +38,20 @@ img.left {left: 10px; animation: hoverAnimation 0.5s infinite alternate;}
|
||||
img.right {right: 10px; animation: rightHoverAnimation 0.5s infinite alternate;}
|
||||
|
||||
/* Music */
|
||||
div#bgmplayer {z-index: 1000;transition:.3s ease-in-out; opacity:30%; position:fixed; bottom:3px; border:2px solid #ED0972; left:3px; float:left; width:160px; height:40px; overflow:hidden;}
|
||||
div#bgmplayer {z-index: 1000;transition:.3s ease-in-out; opacity:30%;padding-top: 5px; position:fixed; bottom:3px; border:2px solid #ED0972; left:3px; float:left; width:160px; height:40px; overflow:hidden;}
|
||||
div#bgmplayer:hover {opacity: 50%; transition:.3s ease-in-out; height:100px; width:200px; overflow:auto;scrollbar-width: none;}
|
||||
div#bgmplayer h2 {height:20px; margin-top:-9px; line-height:40px}
|
||||
div#bgmplayer p {line-height:20px;color:#9A9A9A;margin-top:-10px;font-style:italic;font-size:10px;}
|
||||
|
||||
|
||||
/* Auto-resizer, do not change pls*/
|
||||
@media (max-width: 768px) {div {width: 95%} }
|
||||
@media (max-width: 768px) {div.row {width: 95%} }
|
||||
|
||||
/* Dark theme via system preference */
|
||||
@media (prefers-color-scheme: dark)
|
||||
{
|
||||
body {background-color: black; color: #e0e0e0;}
|
||||
div {background-color: #1e1e1e; border-color: #ED0972; box-shadow: 0 0 10px #000000CC;}
|
||||
div.box {background-color: #1e1e1e; border-color: #ED0972; box-shadow: 0 0 10px #000000CC;}
|
||||
a.btn {background-color: #587566;color:white}
|
||||
a.btn:hover {background-color: #7da2a3;}
|
||||
span.active {background-color: #313131}
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
// Wii Shop BGM Player, suggested by @legamer66 (https://discord.com/channels/1346485785284575335/1346485786039681056/1351527080546009259)
|
||||
|
||||
function hideConsoleControls() {
|
||||
const userAgent = navigator.userAgent.toLowerCase();
|
||||
const isConsoleBrowser =
|
||||
@ -7,7 +5,6 @@ function hideConsoleControls() {
|
||||
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';} }
|
||||
}
|
||||
|
||||
BIN
meta/shop.wav
BIN
meta/shop.wav
Binary file not shown.
Loading…
x
Reference in New Issue
Block a user