Added gallery, directory update, fishie
18
404.html
@ -1,25 +1,15 @@
|
||||
<!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>
|
||||
<style>@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" />
|
||||
<link rel="stylesheet" href="/meta/main.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>
|
||||
<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>
|
||||
|
@ -4,7 +4,10 @@
|
||||
|
||||
This is the website of WiiMart, it contains WADs, branding, and project information.
|
||||
|
||||
* `index.html` Main page
|
||||
* `download.html` Installation instructions
|
||||
* `404.html` 404 page
|
||||
* `branding.html` Branding for WiiMart
|
||||
* `/media` Files used throughout the site
|
||||
* `download.html` Installation instructions
|
||||
* `index.html` Main page
|
||||
* `/media` Media files used throughout the site (profile pictures, branding, screenshots, WADs)
|
||||
* `/meta` Files used for the website (CSS, JS, arrow images)
|
||||
* `/wad` WAD files (patched IOS and shop)
|
@ -1,10 +1,7 @@
|
||||
<!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>
|
||||
<style>@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" />
|
||||
@ -19,7 +16,7 @@
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header><a href="branding"><img src="media/branding-wordmark-white.png" width="200px"></a></header>
|
||||
<header><img src="media/branding-wordmark-white.png" width="200px"></header>
|
||||
|
||||
|
||||
<h1>Branding</h1>
|
||||
|
94
fishiemart.html
Normal file
@ -0,0 +1,94 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>FishieMart: an active Fishie Fishie revival!</title>
|
||||
<meta content="FishieMart: an active Fishie Fishie revival!" property="og:title" />
|
||||
<meta content="FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE." property="og:description" />
|
||||
<meta content="https://wiimart.github.io/media/pfp-fishie.png" property="og:image"/>
|
||||
<meta content="https://wiimart.github.io/fishiemart" property="og:url" />
|
||||
<meta content="#1164E9" data-react-helmet="true" name="theme-color" />
|
||||
<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="meta/wiimart-bag.ico" />
|
||||
<style>div {border-color: orange;} h1, h2 {color:orange} a {color:orange}</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header style="background-color: orange;border-color:orangered;"><a href="branding"><img src="media/fishie-wordmark.png" width="200px"></a></header>
|
||||
|
||||
<h1>FishieMart</h1>
|
||||
|
||||
<div class="block" style="padding-bottom:10px;">
|
||||
<p>FishieMart is a revival for the defunct Fishie Fishie. It was closed on April 1, 2060, deleting
|
||||
Fishie Fishie from the universe. FishieMart brings back the experience of
|
||||
downloading and playing Fishie Fishie titles with a revival of the Fishie Fishie Channel.</p>
|
||||
<p>If FishieMart sounds like what you are looking for, try it out for yourself! FishieMart can be used on
|
||||
Wii, Wii U, and partially the <a href="https://spongebob.fandom.com/wiki/Magic_Conch_shell">magic conch shell</a>.</p>
|
||||
</div>
|
||||
|
||||
<h2>Screenshots</h2>
|
||||
|
||||
<div class="gallery">
|
||||
<img src="https://images.nintendolife.com/screenshots/24186/large.jpg">
|
||||
<img src="https://images.nintendolife.com/screenshots/24185/large.jpg">
|
||||
<img src="https://images.nintendolife.com/screenshots/24179/large.jpg">
|
||||
<img src="https://images.nintendolife.com/screenshots/24187/large.jpg">
|
||||
<img src="https://images.nintendolife.com/screenshots/24183/large.jpg">
|
||||
</div>
|
||||
|
||||
<h1>What's on it?</h1>
|
||||
|
||||
<div class="block">
|
||||
<h2>The originals!</h2>
|
||||
<p>FishieMart includes a variety of ShovelWare content that was available on the original Fishie Fishie Channel, such
|
||||
as <b>Dr. Fishie Online Rx</b>, <b>My Fishie Ranch</b>, <b>Super Fishie 64</b>,
|
||||
<b>Fishie the Fish 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-Fishie</b>, and <b>Fishalaga</b>.</p>
|
||||
</div>
|
||||
|
||||
<div class="block">
|
||||
<h2>Something <mark style="background-color: gold;border-radius: 10px; padding-right:5px; padding-left:5px;"><i style="color:#ff491b">fishy!</i></mark></h2>
|
||||
<p>In case the originals aren't enough, we have also added tons of custom Virtual Tank injects! Just some of the
|
||||
latest titles we've added are <b>The New Fishie</b>, <b>WaterBound</b>, <b>Super Fishie All-Catch + Super Fishie World</b>,
|
||||
and <b>Fishie Kombat</b>.</p>
|
||||
</div>
|
||||
|
||||
<h1>How do I get support?</h1>
|
||||
|
||||
<p>Please consult the FAQ first.</p>
|
||||
|
||||
<div>
|
||||
<h2>Frequently Asked Questions</h2>
|
||||
<h3>I don't like Fishie Fishie! This got installed to my Wii automa-</h3>
|
||||
<p>Please stop lying, everyone loves Fishie Fishie and you installed this to the Wii yourself.</p>
|
||||
<h3>How can I get good at Fishie Fishie?</h3>
|
||||
<p>skill issue</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h2>Other Questions</h2>
|
||||
<p>You may ask Fishie himself for guidance with the FishieMart.</p>
|
||||
</div>
|
||||
|
||||
<h1>Who is involved?</h1>
|
||||
|
||||
<div class="block">
|
||||
<h2>Project Fishies</h2>
|
||||
<a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img src="media/pfp-fishie.png" class="pfp"></a>
|
||||
<a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img src="media/pfp-fishie.png" class="pfp"></a>
|
||||
<a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img src="media/pfp-fishie.png" class="pfp"></a>
|
||||
<a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img src="media/pfp-fishie.png" class="pfp"></a>
|
||||
<a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img src="media/pfp-fishie.png" class="pfp"></a>
|
||||
<a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img src="media/pfp-fishie.png" class="pfp"></a>
|
||||
<a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img src="media/pfp-fishie.png" class="pfp"></a>
|
||||
<a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img src="media/pfp-fishie.png" class="pfp"></a>
|
||||
<a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img src="media/pfp-fishie.png" class="pfp"></a>
|
||||
<p>Want to also eat some fish? Swim with Fishie by downloading Fishie Fishie on the FishieMart</p>
|
||||
</div>
|
||||
|
||||
<footer><p>FishieMart is not affiliated with the evil DSiMart or any related parties. To contact, please send an email to <b>/dev/null</b>.</p></footer>
|
||||
|
||||
</body>
|
||||
</html>
|
57
index.html
@ -1,10 +1,7 @@
|
||||
<!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>
|
||||
<style>@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,31 +11,39 @@
|
||||
<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/gallery.js" defer></script>
|
||||
<link rel="icon" type="image/x-icon" href="meta/wiimart-bag.ico" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header ><a href="branding"><img src="media/branding-wordmark-white.png" width="200px"></a></header>
|
||||
|
||||
<h1><i>Your</i> Wii Shop Channel!</h1>
|
||||
<h1>WiiMart</h1>
|
||||
|
||||
<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
|
||||
<p>WiiMart is an open-source 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>
|
||||
|
||||
<div class="gallery">
|
||||
<img src="media/screenshot-start-menu.png">
|
||||
<img src="media/screenshot-main-menu.png">
|
||||
<img src="media/screenshot-catalog.png">
|
||||
<img src="media/screenshot-game.png">
|
||||
<img src="media/screenshot-news.png">
|
||||
</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>
|
||||
<b>Sonic the Hedgehog 4: Episode I</b>, and <a href="fishiemart" style="color:black;cursor:default"><b>Fishie Fishie</b></a>.</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>
|
||||
@ -50,21 +55,14 @@
|
||||
and <b>Mortal Kombat</b>.</p>
|
||||
</div>
|
||||
|
||||
|
||||
<h1>How is it going?</h1>
|
||||
|
||||
<div>
|
||||
<h2>Shop Progress</h2>
|
||||
<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>Frequently Asked Questions</h2>
|
||||
<h3>I want to ask ow the shop is doing.</h3>
|
||||
<p>So far, the developers have been utilizing most of the channel's features. Downloading, dynamic banners, catalogs, are all
|
||||
<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>
|
||||
@ -77,23 +75,26 @@
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<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>
|
||||
<h2>Other Questions</h2>
|
||||
<p>You may ask in our Discord server, the <b>#support</b> or <b>#ticket</b> channel can help you.</p>
|
||||
<a href="https://discord.gg/wiimart"><button>Discord</button></a><br><br>
|
||||
</div>
|
||||
|
||||
<h1>Who is involved?</h1>
|
||||
|
||||
<div class="block">
|
||||
<h2>Project Members</h2>
|
||||
<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/Ocarinaoftime" title="Ocarina"><img src="media/pfp-ocarina.png" class="pfp"></a>
|
||||
<a href="https://larsenv.xyz" title="Larsenv"><img src="media/pfp-larsenv.png" class="pfp"></a>
|
||||
<img src="media/pfp-wabagg.png" title="Wabagg123" class="pfp">
|
||||
<a href="https://gemdation.com" title="Gemdation"><img src="media/pfp-gem.png" class="pfp" ></a>
|
||||
<a href="https://chrisplayzyt.github.io" title="ChrisplayzWii"><img src="media/pfp-chris.png" class="pfp"></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>
|
||||
<a href="https://idkwh.ct8.pl"title="idkwhereisthisname"><img src="media/pfp-idkwh.png" class="pfp"></a>
|
||||
<a href="https://lnlenost.netlify.app"title="LNLenost"><img src="media/pfp-lnl.png" class="pfp"></a>
|
||||
<a href="https://andry6702.net" title="Andry6702"><img src="media/pfp-andry.png" class="pfp"></a>
|
||||
<p>Want to also contribute to this website or the channel? Check out WiiMart on GitHub!</p>
|
||||
<a href="https://github.com/WiiMart"><button>GitHub</button></a><br><br>
|
||||
</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>
|
||||
|
1
media/IOS56(Wii).wad.html
Normal file
@ -0,0 +1 @@
|
||||
<html><head><title>Redirecting...</title><meta http-equiv="refresh" content="0; URL=/wad/IOS56(Wii).wad"></head><body></body></html>
|
1
media/IOS56(vWii).wad.html
Normal file
@ -0,0 +1 @@
|
||||
<html><head><title>Redirecting...</title><meta http-equiv="refresh" content="0; URL=/wad/IOS56(vWii).wad"></head><body></body></html>
|
1
media/WiiMart.wad.html
Normal file
@ -0,0 +1 @@
|
||||
<html><head><title>Redirecting...</title><meta http-equiv="refresh" content="0; URL=/wad/WiiMart.wad"></head><body></body></html>
|
BIN
media/fishie-wordmark.png
Normal file
After Width: | Height: | Size: 11 KiB |
@ -20,10 +20,10 @@
|
||||
<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="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="fishie-wordmark.png">fishie-wordmark.png</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-fishie.png">pfp-fishie.png</a></td></tr>
|
||||
<tr><td><a href="pfp-gem.png">pfp-gem.png</a></td></tr>
|
||||
<tr><td><a href="pfp-idkwh.png">pfp-idkwh.png</a></td></tr>
|
||||
<tr><td><a href="pfp-larsenv.png">pfp-larsenv.png</a></td></tr>
|
||||
@ -31,8 +31,16 @@
|
||||
<tr><td><a href="pfp-ocarina.png">pfp-ocarina.png</a></td></tr>
|
||||
<tr><td><a href="pfp-thom.png">pfp-thom.png</a></td></tr>
|
||||
<tr><td><a href="pfp-wabagg.png">pfp-wabagg.png</a></td></tr>
|
||||
<tr><td><a href="WiiMart.wad">WiiMart.wad</a></td></tr>
|
||||
<tr><td><a href="screenshot-catalog.png">screenshot-catalog.png</a></td></tr>
|
||||
<tr><td><a href="screenshot-game.png">screenshot-game.png</a></td></tr>
|
||||
<tr><td><a href="screenshot-loading.png">screenshot-loading.png</a></td></tr>
|
||||
<tr><td><a href="screenshot-main-menu.png">screenshot-main-menu.png</a></td></tr>
|
||||
<tr><td><a href="screenshot-news.png">screenshot-news.png</a></td></tr>
|
||||
<tr><td><a href="screenshot-start-menu.png">screenshot-start-menu.png</a></td></tr>
|
||||
</table>
|
||||
|
||||
<p><mark>Note</mark>: WAD files used to be here, they have been since moved to <a href="../wad">/wad</a>.
|
||||
Redirects have been set from this folder, but you should still update your links!</p>
|
||||
|
||||
</body>
|
||||
</html>
|
BIN
media/pfp-fishie.png
Normal file
After Width: | Height: | Size: 34 KiB |
BIN
media/screenshot-catalog.png
Normal file
After Width: | Height: | Size: 118 KiB |
BIN
media/screenshot-game.png
Normal file
After Width: | Height: | Size: 99 KiB |
BIN
media/screenshot-loading.png
Normal file
After Width: | Height: | Size: 38 KiB |
BIN
media/screenshot-main-menu.png
Normal file
After Width: | Height: | Size: 85 KiB |
BIN
media/screenshot-news.png
Normal file
After Width: | Height: | Size: 96 KiB |
BIN
media/screenshot-start-menu.png
Normal file
After Width: | Height: | Size: 96 KiB |
Before Width: | Height: | Size: 3.3 KiB After Width: | Height: | Size: 3.3 KiB |
BIN
meta/arrow-left-pressed.png
Normal file
After Width: | Height: | Size: 2.4 KiB |
BIN
meta/arrow-left.png
Normal file
After Width: | Height: | Size: 2.5 KiB |
Before Width: | Height: | Size: 3.2 KiB After Width: | Height: | Size: 3.2 KiB |
BIN
meta/arrow-right-pressed.png
Normal file
After Width: | Height: | Size: 2.4 KiB |
BIN
meta/arrow-right.png
Normal file
After Width: | Height: | Size: 2.5 KiB |
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 3.4 KiB |
60
meta/gallery.js
Normal file
@ -0,0 +1,60 @@
|
||||
const gallery = document.querySelector('.gallery');
|
||||
const images = gallery.querySelectorAll('img');
|
||||
let currentIndex = 0;
|
||||
|
||||
const leftArrow = document.createElement('img');
|
||||
leftArrow.src = 'meta/arrow-left.png';
|
||||
leftArrow.classList.add('arrow', 'left');
|
||||
gallery.appendChild(leftArrow);
|
||||
|
||||
const rightArrow = document.createElement('img');
|
||||
rightArrow.src = 'meta/arrow-right.png';
|
||||
rightArrow.classList.add('arrow', 'right');
|
||||
gallery.appendChild(rightArrow);
|
||||
|
||||
function showImage(index) {
|
||||
images.forEach((img, i) => {
|
||||
img.style.display = (i === index) ? 'block' : 'none';
|
||||
});
|
||||
}
|
||||
|
||||
function handleArrowClick(isLeftArrow) {
|
||||
currentIndex = isLeftArrow
|
||||
? (currentIndex === 0 ? images.length - 1 : currentIndex - 1)
|
||||
: (currentIndex === images.length - 1 ? 0 : currentIndex + 1);
|
||||
|
||||
showImage(currentIndex);
|
||||
|
||||
if (isLeftArrow) {
|
||||
leftArrow.src = 'meta/arrow-left-pressed.png';
|
||||
rightArrow.src = 'meta/arrow-right.png';
|
||||
setTimeout(() => {
|
||||
leftArrow.src = 'meta/arrow-left.png';
|
||||
}, 200);
|
||||
} else {
|
||||
rightArrow.src = 'meta/arrow-right-pressed.png';
|
||||
leftArrow.src = 'meta/arrow-left.png';
|
||||
setTimeout(() => {
|
||||
rightArrow.src = 'meta/arrow-right.png';
|
||||
}, 200);
|
||||
}
|
||||
}
|
||||
|
||||
leftArrow.addEventListener('click', () => handleArrowClick(true));
|
||||
rightArrow.addEventListener('click', () => handleArrowClick(false));
|
||||
|
||||
leftArrow.addEventListener('mouseover', () => {
|
||||
leftArrow.src = 'meta/arrow-left-hover.png';
|
||||
});
|
||||
leftArrow.addEventListener('mouseout', () => {
|
||||
leftArrow.src = 'meta/arrow-left.png';
|
||||
});
|
||||
|
||||
rightArrow.addEventListener('mouseover', () => {
|
||||
rightArrow.src = 'meta/arrow-right-hover.png';
|
||||
});
|
||||
rightArrow.addEventListener('mouseout', () => {
|
||||
rightArrow.src = 'meta/arrow-right.png';
|
||||
});
|
||||
|
||||
showImage(currentIndex);
|
@ -1,10 +1,6 @@
|
||||
<!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" />
|
||||
@ -16,7 +12,15 @@
|
||||
|
||||
<table>
|
||||
<tr><td><a href="/">..</a></td></tr>
|
||||
<tr><td><a href="arrow-left-hover.png">arrow-left-hover.png</a></td></tr>
|
||||
<tr><td><a href="arrow-right-pressed.png">arrow-right-pressed.png</a></td></tr>
|
||||
<tr><td><a href="arrow-left.png">arrow-left.png</a></td></tr>
|
||||
<tr><td><a href="arrow-right-hover.png">arrow-right-hover.png</a></td></tr>
|
||||
<tr><td><a href="arrow-left-pressed.png">arrow-left-pressed.png</a></td></tr>
|
||||
<tr><td><a href="arrow-right.png">arrow-right.png</a></td></tr>
|
||||
<tr><td><a href="background.png">background.png</a></td></tr>
|
||||
<tr><td><a href="favicon.ico">favicon.ico</a></td></tr>
|
||||
<tr><td><a href="gallery.js">gallery.js</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>
|
||||
|
@ -1,29 +1,32 @@
|
||||
@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;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: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 {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;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;}
|
||||
|
||||
/* Text stuff */
|
||||
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}
|
||||
.profilepic{border-radius:5px;}
|
||||
@media (max-width: 768px) {div {width: 100%;}}
|
||||
img.pfp {border-radius:5px;}
|
||||
|
||||
/* 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"); */
|
||||
/* Gallery */
|
||||
div.gallery {position: relative; overflow: hidden;}
|
||||
img.arrow {position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; width: 60px; height: auto;}
|
||||
img.left {left: 10px; animation: hoverAnimation 0.5s infinite alternate;}
|
||||
img.right {right: 10px; animation: rightHoverAnimation 0.5s infinite alternate;}
|
||||
@keyframes hoverAnimation {0% {transform: translateY(-50%) translateX(0);} 100% {transform: translateY(-50%) translateX(5px);}}
|
||||
@keyframes rightHoverAnimation {0% {transform: translateY(-50%) translateX(0); } 100% {transform: translateY(-50%) translateX(-5px);}}
|
||||
|
||||
/* Auto-resizer, do not change pls*/
|
||||
@media (max-width: 768px) {div {width: 100%;}}
|
21
wad/index.html
Normal file
@ -0,0 +1,21 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Index of /wad</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 /wad</h1>
|
||||
|
||||
<table>
|
||||
<tr><td><a href="/">..</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="WiiMart.wad">WiiMart.wad</a></td></tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|