WiiMart/WiiMart-org
1
0
Fork 0
mirror of https://wiilab.wiimart.org/wiimart/WiiMart-github-io synced 2025-09-03 20:11:03 +02:00
Code Issues Packages Projects Releases Wiki Activity

little design update

Browse Source
This commit is contained in:
ChrisplayzWii 2025-04-03 20:38:07 -05:00 committed by GitHub
parent 567a5b178b
commit 3b12dea0db
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
7 changed files with 79 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
404.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html>
<head>
<style>
/* fix page being blank for a second before the css loads */
@font-face {font-family: 'Shop'; src: url('shop.ttf') format('truetype'); font-weight: normal; font-style: normal;}
</style>
<title>404 Not Found - WiiMart</title>
<meta content="WiiMart" property="og:title" />
<meta content="This download page displays if the page could not be found." property="og:description" />
<meta content="https://wiimart.github.io/media/branding-bag.png" property="og:image"/>
<meta content="https://wiimart.github.io/404.html" property="og:url" />
<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="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>
<img src="/media/branding-bag-no-bg.png" loading="lazy" width="150px" height="150px" style="margin-bottom:-30px; float:center;">
<h1>404 Page Not Found</h1>
<a href="/"><button>Go to the home page</button></a><br><br>
<a href="javascript:history.back(1);"><button>Go to the previous page</button></a><br><br>
<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>

4
branding.html
View File

@ -1,6 +1,10 @@
<!DOCTYPE html>
<html>
<head>
<style>
/* fix page being blank for a second before the css loads */
@font-face {font-family: 'Shop'; src: url('shop.ttf') format('truetype'); font-weight: normal; font-style: normal;}
</style>
<title>Branding of WiiMart</title>
<meta content="Branding of WiiMart" property="og:title" />
<meta content="This page contains the WiiMart branding guidelines." property="og:description" />

4
download.html
View File

@ -1,6 +1,10 @@
<!DOCTYPE html>
<html>
<head>
<style>
/* fix page being blank for a second before the css loads */
@font-face {font-family: 'Shop'; src: url('shop.ttf') format('truetype'); font-weight: normal; font-style: normal;}
</style>
<title>Download WiiMart</title>
<meta content="Download WiiMart" property="og:title" />
<meta content="This download page contains the WiiMart WAD along with the custom IOS WADs needed for it." property="og:description" />

30
index.html
View File

@ -1,6 +1,10 @@
<!DOCTYPE html>
<html>
<head>
<style>
/* fix page being blank for a second before the css loads */
@font-face {font-family: 'Shop'; src: url('shop.ttf') format('truetype'); font-weight: normal; font-style: normal;}
</style>
<title>WiiMart: an active Wii Shop revival!</title>
<meta content="WiiMart: an active Wii Shop revival!" property="og:title" />
<meta content="WiiMart is an open-source revival of the defunct Wii Shop Channel. This website contains information about it and the project team behind it!" property="og:description" />
@ -14,11 +18,11 @@
</head>
<body>
<header><a href="branding"><img src="media/branding-wordmark-white.png" width="200px"></a></header>
<header ><a href="branding"><img src="media/branding-wordmark-white.png" width="200px"></a></header>
<h1><i>Your</i> Wii Shop Channel!</h1>
<div class="block">
<div class="block" style="padding-bottom:10px;">
<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
@ -40,7 +44,7 @@
</div>
<div class="block">
<h2>Something <mark style="background-color: gold;border-radius: 25px;"><i style="color:#ff491b">new!</i></mark></h2>
<h2>Something <mark style="background-color: gold;border-radius: 10px; padding-right:5px; padding-left:5px;"><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>
@ -73,7 +77,7 @@
</div>
<div>
<h2>Other Question</h2>
<h2>Other Questions</h2>
<p>You may ask in our Discord server, the <b>#support</b> or <b>#ticket</b> channel will surely help you.</p>
</div>
@ -81,15 +85,15 @@
<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>
<img src="media/pfp-wabagg.png" title="Wabagg">
<a href="https://gemdation.com"><img src="media/pfp-gem.png" title="Gemdation"></a>
<a href="https://chrisplayzyt.github.io"><img src="media/pfp-chris.png" title="Chrisplayz"></a>
<a href="https://github.com/thom2305"><img src="media/pfp-thom.png" title="Thom"></a>
<a href="https://idkwh.ct8.pl"><img src="media/pfp-idkwh.png" title="idkwhereisthisname"></a>
<a href="https://lnlenost.netlify.app"><img src="media/pfp-lnl.png" title="LNLenost"></a>
<a href="https://andry6702.net"><img src="media/pfp-andry.png" title="Andry"></a>
<a href="https://github.com/Ocarinaoftime" title="Ocarina" ><img src="media/pfp-ocarina.png" class="profilepic"></a>
<a href="https://larsenv.xyz" title="Larsenv"><img src="media/pfp-larsenv.png" class="profilepic"></a>
<img src="media/pfp-wabagg.png" title="Wabagg123" class="profilepic">
<a href="https://gemdation.com" title="Gemdation"><img src="media/pfp-gem.png" class="profilepic" ></a>
<a href="https://chrisplayzyt.github.io" title="ChrisplayzWii"><img src="media/pfp-chris.png" class="profilepic"></a>
<a href="https://github.com/thom2305" title="Thom"><img src="media/pfp-thom.png"></a>
<a href="https://idkwh.ct8.pl"title="idkwhereisthisname"><img src="media/pfp-idkwh.png" class="profilepic"></a>
<a href="https://lnlenost.netlify.app"title="LNLenost"><img src="media/pfp-lnl.png" class="profilepic"></a>
<a href="https://andry6702.net" title="Andry6702"><img src="media/pfp-andry.png" class="profilepic"></a>
</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>

BIN
meta/background.PNG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.4 KiB

4
meta/index.html
View File

@ -1,6 +1,10 @@
<!DOCTYPE html>
<html>
<head>
<style>
/* fix page being blank for a second before the css loads */
@font-face {font-family: 'Shop'; src: url('shop.ttf') format('truetype'); font-weight: normal; font-style: normal;}
</style>
<title>Index of /meta</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="../meta/main.css" />

21
meta/main.css
View File

@ -1,12 +1,12 @@
@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; overflow-x:hidden;}
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}
body {scroll-behavior:smooth;text-align: center;font-family: sans-serif;margin: 0;font-family: 'Shop',sans-serif; overflow-x:hidden;transition:.1s ease-in-out; }
div {background-color: white;border-radius: 5px;border-color: #34BEED;box-shadow: 0 0 10px #2525255d; 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;}
button { font-family: 'Shop',sans-serif;padding: 5px; border:none;outline:2px solid #34BEED; 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 #46464615;}
button:hover { border:none;outline:3px solid #34BEED;cursor: pointer;background-color:#f6fdff;filter: drop-shadow(1px 1px 3.4px #34BEED7c);box-shadow:inset 1px 1px 12px #46464615;}
button:active { box-shadow: none;}
footer {color:grey}
footer a {color:grey;font-weight: bold;}
@ -16,5 +16,14 @@ 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}
.profilepic{border-radius:5px;}
@media (max-width: 768px) {div {width: 100%;}}
/* PC */
@media only screen and (min-width: 744px) { body {background-image:url("meta/background.PNG"); scroll-behavior:smooth;text-align: center;font-family: sans-serif;margin: 0;font-family: 'Shop',sans-serif; overflow-x:hidden; background-position:top; background-size:100%; background-color:#f9fdff; } }
/* PC */
/* mobile */
@media only screen and (max-width: 743px) { body {scroll-behavior:smooth; background-color:#f9fdff; } }
/* mobile */
/* background-image:url("/meta/background.PNG"); */