Wii Shop-theming

This commit is contained in:
Gemdation 2025-04-03 19:35:36 -05:00
parent 9720de1331
commit d14895e945
11 changed files with 101 additions and 88 deletions

View File

@ -9,28 +9,30 @@
<meta content="#1164E9" data-react-helmet="true" name="theme-color" />
<meta name="keywords" content="WiiMart, Wii Shop, homebrew">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="media/main.css" />
<link rel="stylesheet" href="media/verdana.css" />
<link rel="stylesheet" href="meta/main.css" />
<link rel="icon" type="image/x-icon" href="media/wiimart-bag.ico" />
<style>mark {color:white} .wm {width: 100%}</style>
</head>
<body>
<header><a href="branding"><img src="media/branding-wordmark-white.png" width="200px"></a></header>
<h1>Branding</h1>
<a href="/"><button>Back</button></a><br><br>
<div>
<h2>Colors</h2>
<mark style="background-color: #1164E9;">WiiMart Blue&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#1164E9</mark>
<br><mark style="background-color:#00378F">WiiMart Dark Blue&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#00378F</mark>
<br><mark style="background-color:#001F50">WiiMart Darker Blue&nbsp;&nbsp;#001F50</mark>
<mark style="background-color: #1164E9;">WiiMart Blue&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#1164E9</mark>
<br><mark style="background-color:#00378F">WiiMart Dark Blue&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#00378F</mark>
<br><mark style="background-color:#001F50">WiiMart Darker Blue&nbsp;&nbsp;&nbsp;#001F50</mark>
<br><br>
</div>
<div>
<h2>Wordmarks</h2>
<div class="wm"><img src="media/branding-wordmark-white.png" width="300px"></div>
<div style="border-color:#1164E9;background-color: #1164E9" class="wm"><img src="media/branding-wordmark-white.png" width="300px"></div>
<div style="background-color: white;border-color: white;" class="wm"><img src="media/branding-wordmark-blue.png" width="300px"></div>
<div style="background-color: white;border-color: white;" class="wm"><img src="media/branding-wordmark-black.png" width="300px"></div>
<p>The wordmarks should be visible on the background they are in, like shown.</p>
@ -55,15 +57,7 @@
the <a href="https://www.cufonfonts.com/font/wal-mart-logos-1980s-1990s">90s Walmart branding</a>.</p>
</div>
<div style="background:none;border: none;">
<p>WiiMart is not affiliated with Nintendo or any related parties.</p>
<p>To contact, please send an email <a href="mailto:wiimartshopping@gmail.com" style="color:white"><b>wiimartshopping@gmail.com</b></a>.</p>
</div>
<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>

View File

@ -9,12 +9,14 @@
<meta content="#1164E9" data-react-helmet="true" name="theme-color" />
<meta name="keywords" content="WiiMart, Wii Shop, homebrew">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="media/main.css" />
<link rel="stylesheet" href="media/verdana.css" />
<link rel="stylesheet" href="meta/main.css" />
<link rel="stylesheet" href="meta/verdana.css" />
<link rel="icon" type="image/x-icon" href="media/wiimart-bag.ico" />
</head>
<body>
<header><a href="branding"><img src="media/branding-wordmark-white.png" width="200px"></a></header>
<h1>Download</h1>
<a href="/"><button>Back</button></a><br><br>
@ -47,16 +49,7 @@
Wii Menu by going to <b>Tools</b> and then <b>Load Wii System Menu 4.3X</b>.</p>
</div>
<div style="background:none;border: none;">
<p>WiiMart is not affiliated with Nintendo or any related parties.</p>
<p>To contact, please send an email <a href="mailto:wiimartshopping@gmail.com" style="color:white"><b>wiimartshopping@gmail.com</b></a>.</p>
</div>
<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>

View File

@ -9,58 +9,58 @@
<meta content="#1164E9" data-react-helmet="true" name="theme-color" />
<meta name="keywords" content="WiiMart, Wii Shop, homebrew">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="media/main.css" />
<link rel="stylesheet" href="media/verdana.css" />
<link rel="icon" type="image/x-icon" href="media/wiimart-bag.ico" />
<link rel="stylesheet" href="meta/main.css" />
<link rel="icon" type="image/x-icon" href="meta/wiimart-bag.ico" />
</head>
<body>
<div style="border-color: white;border-width: 5px;border-style: solid;background-image: url(media/branding-banner.png);background-position:bottom;background-size: 100%;background-repeat: no-repeat;">
<br><br><br><br><br>
<img src="media/branding-wordmark-white.png" width="300px">
<br><br><br><br><br>
</div>
<header><a href="branding"><img src="media/branding-wordmark-white.png" width="200px"></a></header>
<div class="clear">
<a href="branding"><button>Branding</button></a> <a href="download"><button><u>Download</u></button></a> <a href="https://discord.gg/wiimart"><button>Discord</button></a> <a href="https://github.com/wiimart"><button>GitHub</button></a>
</div>
<h1><i>Your</i> Wii Shop Channel!</h1>
<div>
<div class="block">
<h2>About</h2>
<p>WiiMart is a revival for the defunct Wii Shop Channel service. It was closed on January 30, 2019, making
an entire library of digital-exclusive games get left behind. WiiMart brings back the experience of
downloading and playing these titles with a revival of the Wii Shop Channel.</p>
<p>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>
<a href="download"><button>Download</button></a>
</div>
<h1>What's on it?</h1>
<div class="block">
<h2>The originals!</h2>
<p>WiiMart includes a variety of WiiWare content that was available on the original Wii Shop Channel, such
as <b>Dr. Mario Online Rx</b>, <b>My Pokemon Ranch</b>, <b>Super Mario 64</b>,
<b>Sonic the Hedgehog 4: Episode I</b>, and <b>Fishie Fishie</b>.</p>
<p>Virtual Console is also included with titles like <b>Super Mario Bros.</b>, <b>Sonic the Hedgehog</b>, <b>Super Mario 64</b>,
<b>Pac-Man</b>, and <b>Galaga</b>.</p>
</div>
<div class="block">
<h2>Something <mark style="background-color: gold;border-radius: 25px;"><i style="color:#ff491b">new!</i></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>
</div>
<h1>How is it going?</h1>
<div>
<h2>Shop Progress</h2>
<div style="text-align: left;">
🟨 Catalog system
<br>🟨 Account activity
<br>🟥 'Titles you've downloaded'
<br>🟨 Downloading titles
<br>🟩 Logging in
<br>🟩 Recommended titles
<br>🟩 Wii Points system
<br>🟨 Gifting titles
<br>🟩 Dynamic banner on the Wii Menu
<br>🟩 Searching titles based on System (VC only)
<br>🟩 Searching titles based on Genre
<br>🟨 Searching titles based on Popularity
<br>🟨 Searching titles based on Newest Additions
<br>🟩 Wii Channels catalog
<br>🟩 Authentication servers (IAS)
<br>🟩 Download servers (ECS)
<br>🟥 DLC Servers (CAS)
</div>
<p>So far, the developers have been utilizing most of the channel's features. Downloading, dynamic banners, catalogs, are all
working.</p>
</div>
<h1>How do I get support?</h1>
<p>Please consult the FAQ first.</p>
<div>
<h2>FAQ</h2>
<h3>How do I get support?</h3>
<p>You may ask in our Discord server, the <b>#support</b> or <b>#ticket</b> channel will surely help you.</p>
<h2>Frequently Asked Questions</h2>
<h3>When is <i>this feature</i> going to be added?</h3>
<p>The owner and developers are updating on their own time. In the meantime you can check the progress above
for what features do and don't work. <b>Important: Gifting is no longer available at the moment.</b></p>
@ -73,6 +73,13 @@
</div>
<div>
<h2>Other Question</h2>
<p>You may ask in our Discord server, the <b>#support</b> or <b>#ticket</b> channel will surely help you.</p>
</div>
<h1>Who is involved?</h1>
<div class="block">
<h2>Project Members</h2>
<a href="https://github.com/Ocarinaoftime"><img src="media/pfp-ocarina.png" title="Ocarina"></a>
<a href="https://larsenv.xyz"><img src="media/pfp-larsenv.png" title="LarsenV"></a>
@ -85,13 +92,7 @@
<a href="https://andry6702.net"><img src="media/pfp-andry.png" title="Andry"></a>
</div>
<div class="clear">
<p>WiiMart is not affiliated with Nintendo or any related parties.</p>
<p>To contact, please send an email <a href="mailto:wiimartshopping@gmail.com" style="color:white"><b>wiimartshopping@gmail.com</b></a>.</p>
</div>
<p><img src="media/branding-button.png" style="border: solid 1px"></p>
<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/arrow-left.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
media/arrow-right.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

View File

@ -3,9 +3,8 @@
<head>
<title>Index of /media</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="main.css" />
<link rel="icon" type="image/x-icon" href="media/wiimart-bag.ico" />
<style>a {color:white;text-decoration: none;}</style>
<link rel="stylesheet" href="../meta/main.css" />
<link rel="icon" type="image/x-icon" href="../meta/favicon.ico" />
</head>
<body class="dir">
@ -13,16 +12,16 @@
<table>
<tr><td><a href="/">..</a></td></tr>
<tr><td><a href="arrow-left.png">arrow-left.png</a></td></tr>
<tr><td><a href="arrow-right.png">arrow-right.png</a></td></tr>
<tr><td><a href="branding-bag.png">branding-bag.png</a></td></tr>
<tr><td><a href="branding-banner.png">branding-banner.png</a></td></tr>
<tr><td><a href="branding-button.png">branding-button.png</a></td></tr>
<tr><td><a href="branding-wordmark-black.png">branding-wordmark-black.png</a></td></tr>
<tr><td><a href="branding-wordmark-blue.png">branding-wordmark-blue.png</a></td></tr>
<tr><td><a href="branding-wordmark-white.png">branding-wordmark-white.png</a></td></tr>
<tr><td><a href="favicon.ico">favicon.ico</a></td></tr>
<tr><td><a href="IOS56(vWii).wad">IOS56(vWii).wad</a></td></tr>
<tr><td><a href="IOS56(Wii).wad">IOS56(Wii).wad</a></td></tr>
<tr><td><a href="main.css">main.css</a></td></tr>
<tr><td><a href="pfp-andry.png">pfp-andry.png</a></td></tr>
<tr><td><a href="pfp-chris.png">pfp-chris.png</a></td></tr>
<tr><td><a href="pfp-gem.png">pfp-gem.png</a></td></tr>

View File

@ -1,15 +0,0 @@
body {background-color: #1164E9;color:white;text-align: center;font-family: sans-serif;}
div {border-color: #00378F;box-sizing: border-box;border-width: 5px;border-style: solid;background-color: #00378F;width: 35%;text-align: center;margin: 0 auto;padding: 5px;margin-top: 6px; overflow: auto}
div.clear {border:none;background: none;}
button {border-color: white;border-width: 2px;border-style: solid;font-family: sans-serif;color: white; background-color:#1164E9; padding: 10px;font-weight: bold;}
button:hover {cursor: pointer;}
button:active {background-color: #001f50;color: #1164E9;}
a {color:#7eafff}
a:hover {color:#1164E9}
mark {background-color: white;color:#1164E9;font-weight: bold;}
body.dir {text-align: left;}
table {border: 1px solid white; border-collapse: collapse;}
th, td {border: 1px solid}
@media (max-width: 768px) {div {width: 100%;}}

View File

Before

Width:  |  Height:  |  Size: 183 KiB

After

Width:  |  Height:  |  Size: 183 KiB

21
meta/index.html Normal file
View File

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html>
<head>
<title>Index of /meta</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="../meta/main.css" />
<link rel="icon" type="image/x-icon" href="../meta/favicon.ico" />
</head>
<body class="dir">
<h1>Index of /meta</h1>
<table>
<tr><td><a href="/">..</a></td></tr>
<tr><td><a href="favicon.ico">favicon.ico</a></td></tr>
<tr><td><a href="main.css">main.css</a></td></tr>
<tr><td><a href="shop.ttf">shop.ttf</a></td></tr>
</table>
</body>
</html>

20
meta/main.css Normal file
View File

@ -0,0 +1,20 @@
@font-face {font-family: 'Shop'; src: url('shop.ttf') format('truetype'); font-weight: normal; font-style: normal;}
body {text-align: center;font-family: sans-serif;margin: 0;font-family: 'Shop',sans-serif;}
div {background-color: white;border-radius: 5px;border-color: #34BEED;box-shadow: 0 0 10px #0000007c; box-sizing: border-box;border-width: 5px;border-style: solid; width: 35%; text-align: center;margin: 0 auto;padding: 5px;margin-top: 6px; overflow: auto}
div.clear {border:none;background: none;box-shadow: none;}
header {background-color: #1164E9;width: 100%;padding: 10px;border-style: solid;border-top: white;border-right: none;border-left: none;}
button {font-family: 'Shop',sans-serif;padding: 5px;border-style: solid;border-color: #34BEED;color:black;border-width: 3px;border-radius: 5px;box-shadow: 0 0 10px #0000007c;}
button:hover {cursor: pointer;box-shadow: 0 0 10px #34BEED7c;}
button:active {box-shadow: none;}
footer {color:grey}
footer a {color:grey;font-weight: bold;}
h1, h2 {color:#34BEED}
a {color:#34BEED}
body.dir {text-align: left;}
body.dir a {color:black;text-decoration: none;}
table {border: 1px solid white; border-collapse: collapse;}
th, td {border: 1px solid}
@media (max-width: 768px) {div {width: 100%;}}

BIN
meta/shop.ttf Normal file

Binary file not shown.