rmc_website/_site/dsidev/dsishop/startup.html
2022-10-11 23:06:15 -04:00

325 lines
12 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title>DSi Shop | rmc's site</title>
<link rel="icon" type="image/png" href="/icon.png"/>
<link rel="stylesheet" type="text/css" href="/assets/css/styledsi.css">
<link id="pagestyle" rel="stylesheet" type="text/css" href="">
<link rel="alternate" type="application/atom+xml" href="https://ianskinner1982.github.io/feed.xml">
<script src="/assets/bootstrap/js/bootstrap.bundle.js"></script>
<script src="/assets/js/main.js"></script>
<meta property="og:title" content="DSi Shop">
<meta property="og:locale" content="en_US">
<meta name="description" content="DSi Shop | rmc's site">
<meta property="og:description" content="DSi Shop | rmc's site">
<link rel="canonical" href="https://ianskinner1982.github.io">
<meta property="og:url" content="https://ianskinner1982.github.io">
<meta property="og:site_name" content="rmc's site">
<meta property="og:image" content="https://ianskinner1982.github.io/icon.png">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<style>
body {
background-image: url('/assets/dsi/background.jpg');
}
.nav ul {
list-style-type: none;
margin: 0;
padding: 0;
padding-left: 3.5%;
/* overflow: hidden; */
}
.navstd {
float: left;
}
.navalt {
float: right;
}
.container {
position: relative;
}
.imageOne {
z-index: 0;
}
.imageTwo {
z-index: 1;
}
.imageThree {
z-index: 2;
}
.imageFour {
z-index: 3;
}
.image {
position: absolute;
width: 100px;
height: 100px;
}
.navimgoverlay {
opacity: 0.0;
text-align: center;
float: left;
padding-top: .6vw;
width: 6vw;
height: auto;
}
.navimgoverlay:hover {
opacity: 1.0;
width: 6vw;
}
.navimg {
text-align: center;
float: left;
padding-top: .6vw;
width: 6vw;
height: auto;
}
.navicon {
text-align: center;
float: left;
padding-top: 2.1vw;
padding-left: 1.38vw;
width: 3.2vw;
height: auto;
}
.navedge {
text-align: center;
float: left;
margin: 1%;
width: 1.5vw;
height: auto;
}
.navpadding li {
padding-top: 1.5%;
}
.image2 {
position: absolute;
border-color: #FFFFFF
width: auto;
height: auto;
}
.image3 {
position: relative;
border-color: #FFFFFF
width: auto;
height: auto;
}
.text {
position: absolute;
text-align: left;
border-color: #FFFFFF;
font-size: 30px;
font-size: 1vw;
padding-top: 2.2vw;
padding-left: 6.2vw;
}
.icon {
padding-top:2.2vw;
margin-left: -9.3vw;
z-index: 2;
}
.titleimgoverlay {
margin: 0% 2% 0%;
opacity: 0.0;
text-align: center;
float: left;
width: 16vw;
height: auto;
}
.titleimgoverlay:hover {
opacity: 1.0;
}
.titleimg {
margin: 0% 2% 0%;
text-align: center;
float: left;
width: 16vw;
height: auto;
margin-bottom: 10vw;
}
.titleedge {
text-align: center;
float: left;
margin: 1%;
width: 18vw;
height: auto;
}
.titlepadding li {
padding-top: 1.5%;
margin: 0% 2% 0%
}
.homeimg {
margin: 6% 5% 0%;
text-align: center;
float: right;
width: 16vw;
height: auto;
margin-bottom: 5vw;
}
.hometext {
position: absolute;
text-align: center;
border-color: #FFFFFF;
font-size: 40px;
font-size: 1.1vw;
}
.homeicon {
padding-top: 6.99vw;
margin-left: -1.59vw;
z-index: 2;
}
.othertext {
position: absolute;
text-align: left;
border-color: #FFFFFF;
font-size: 40px;
font-size: 1.2vw;
padding-top: 1vw;
padding-left: 1.2vw;
}
</style>
<div class="nav">
<nav>
<ul>
<li class="navedge"><img src="/assets/dsi/leftbracket.png" style="width:1.5vw;height:auto;margin:auto;"/></li>
<div class="navpadding">
<li class="navimg">
<div class="container">
<div class="imageOne image"><img src="/assets/dsi/boxfull.png" class="navimg"></div>
<div class="imageTwo image"><img src="/assets/dsi/icon/back.png" class="navicon"></div>
<div class="imageThree image"><a href="/"><img src="/assets/dsi/boxoverlay.png" class="navimgoverlay"></a></div>
</div>
</li>
<li class="navimg">
<div class="container">
<div class="imageOne image"><img src="/assets/dsi/boxfull.png" class="navimg"></div>
<div class="imageTwo image"><img src="/assets/dsi/icon/home.png" class="navicon"></div>
<div class="imageThree image"><a href="/dsi.html"><img src="/assets/dsi/boxoverlay.png" class="navimgoverlay"></a></div>
</div>
</li>
<li class="navimg">
<div class="container">
<div class="imageOne image"><img src="/assets/dsi/boxfull.png" class="navimg"></div>
<div class="imageTwo image"><img src="/assets/dsi/icon/twldevapps.png" class="navicon"></div>
<div class="imageThree image"><a href="/dsidev/"><img src="/assets/dsi/boxoverlay.png" class="navimgoverlay"></a></div>
</div>
</li>
<li class="navimg">
<div class="container">
<div class="imageOne image"><img src="/assets/dsi/boxfull.png" class="navimg"></div>
<div class="imageTwo image"><img src="/assets/dsi/icon/devshop.png" class="navicon"></div>
<div class="imageThree image"><a href="/dsidev/dsishop/startup.html"><img src="/assets/dsi/boxoverlay.png" class="navimgoverlay"></a></div>
</div>
</li>
<li class="navimg">
<div class="container">
<div class="imageOne image"><img src="/assets/dsi/box.png" class="navimg"></div>
<div class="imageThree image"><img src="/assets/dsi/boxoverlay.png" class="navimgoverlay"></div>
</div>
</li>
<li class="navimg">
<div class="container">
<div class="imageOne image"><img src="/assets/dsi/box.png" class="navimg"></div>
<div class="imageThree image"><img src="/assets/dsi/boxoverlay.png" class="navimgoverlay"></div>
</div>
</li>
<li class="navimg">
<div class="container">
<div class="imageOne image"><img src="/assets/dsi/box.png" class="navimg"></div>
<div class="imageThree image"><img src="/assets/dsi/boxoverlay.png" class="navimgoverlay"></div>
</div>
</li>
<li class="navimg">
<div class="container">
<div class="imageOne image"><img src="/assets/dsi/box.png" class="navimg"></div>
<div class="imageThree image"><img src="/assets/dsi/boxoverlay.png" class="navimgoverlay"></div>
</div>
</li>
<li class="navimg">
<div class="container">
<div class="imageOne image"><img src="/assets/dsi/box.png" class="navimg"></div>
<div class="imageThree image"><img src="/assets/dsi/boxoverlay.png" class="navimgoverlay"></div>
</div>
</li>
<li class="navimg">
<div class="container">
<div class="imageOne image"><img src="/assets/dsi/box.png" class="navimg"></div>
<div class="imageThree image"><img src="/assets/dsi/boxoverlay.png" class="navimgoverlay"></div>
</div>
</li>
<li class="navimg">
<div class="container">
<div class="imageOne image"><img src="/assets/dsi/box.png" class="navimg"></div>
<div class="imageThree image"><img src="/assets/dsi/boxoverlay.png" class="navimgoverlay"></div>
</div>
</li>
<li class="navimg">
<div class="container">
<div class="imageOne image"><img src="/assets/dsi/box.png" class="navimg"></div>
<div class="imageThree image"><img src="/assets/dsi/boxoverlay.png" class="navimgoverlay"></div>
</div>
</li>
<li class="navimg">
<div class="container">
<div class="imageOne image"><img src="/assets/dsi/boxfull.png" class="navimg"></div>
<div class="imageTwo image"><img src="/assets/dsi/icon/discord.png" class="navicon"></div>
<div class="imageThree image"><a href="https://discord.gg/XZxxZngwDQ"><img src="/assets/dsi/boxoverlay.png" class="navimgoverlay"></a></div>
</div>
</li>
<li class="navimg">
<div class="container">
<div class="imageOne image"><img src="/assets/dsi/boxfull.png" class="navimg"></div>
<div class="imageTwo image"><img src="/assets/dsi/icon/github.png" class="navicon"></div>
<div class="imageThree image"><a href="https://github.com/IanSkinner1982/ianskinner1982.github.io/"><img src="/assets/dsi/boxoverlay.png" class="navimgoverlay"></a></div>
</div>
</li>
</div>
<li class="navedge"><img src="/assets/dsi/rightbracket.png" style="width:1.5vw;height:auto;margin:auto;"/></li>
</ul>
</nav>
</div>
<div id="content-wrap">
<center>
<iframe src="startup_u.html" width="256" height="192" style="border:0px solid black;">
</iframe>
<br>
<iframe src="startup_d.html" width="256" height="192" style="border:0px solid black;">
</iframe>
</center>
<div style="text-align:left;">
<h2>This is an interactive demo of the developer DSi Shop.</h2>The developer DSi shop uses a modified version of the DSi Browser, and most of its content is local HTML/JS. Because the app is almost entirely HTML/JS, I was able to take the HTML pages from romfs and format them to work on your browser.<br><br>Sadly, many of the pages are missing- locked behind Nintendo's development servers or just straight up gone. I patched things up wherever possible, killing any dead links and linking to otherwise unlinked pages.<br>Features such as the console information and DSi specific operations are also missing/broken (as is to be expected when you're running a DSi app on a PC). I tried filling in the blanks where I could, but it still has a way to go.<br>If you want to help polish up the code, feel free to submit a PR <a href="https://github.com/IanSkinner1982/ianskinner1982.github.io/tree/master/gaming/htmls">here.</a><br>
<h2>Download original app:</h2>
I have found 3 different versions of this app. I am not sure what the differences between the apps are, though I will look into that.<br>
I used the files from <i><b>shop.HNFC.Release.v1536</b></i> for my demo.
<br><br>
shop.HNFC.Release.v1536: <a href="https://archive.org/download/rmc-dsi/shop.HNFC.Release.v1536.srl">srl</a> | <a href="https://archive.org/download/rmc-dsi/shop.HNFC.Release.v1536.tad">tad</a><br>
shop.HNFC.Release.14231: <a href="https://archive.org/download/rmc-dsi/shop.HNFC.Release.14231.srl">srl</a> | <a href="https://archive.org/download/rmc-dsi/shop.HNFC.Release.14231.tad">tad</a><br>
shop.HNFC.Release.thumb: <a href="https://archive.org/download/rmc-dsi/shop.HNFC.Release.thumb.srl">srl</a> | <a href="https://archive.org/download/rmc-dsi/shop.HNFC.Release.thumb.tad">tad</a><br>
<br><br>
I have only gotten <i><b>shop.HNFC.Release.v1536.tad</b></i> to work. The other two versions produce a <b>293003</b> error (NAND install) or boot with broken touch controls (unlaunch & nds-bootstrap).
<br>
I have only gotten the first one to work on a DSi by installing it to NAND, but hiyaCFW may work as well (I haven't tested that yet). Using nds-bootstrap, unlaunch, or any similar apps will introduce the problems listed above, or cause the developer DSi Shop not to boot.
<br><br>
</div>
</div>
</body>
<footer>
<br><br><br><footer class="bg-light text-lg-start border-top align-items-center text-center" style="text-align:center;">
<div class="text-center p-3 align-items-center" style="font-size: 8px;">
Copyright &copy; 2021-<span id="footerDate"></span> Ian M. Skinner <a href="/contactus" class="text-reset fw-bold">Contact me.</a>
</div>
</footer>
</footer>
</html>