poketest/index.html
Théo Marchal 3a490aa173 Add mobile version
* Remove Backstretch plugin (not working well on mobile)
* Update all plugins
* Made Hisui a different region
2022-02-26 13:11:35 +01:00

151 lines
6.8 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="Pokétest is an interactive browser game, where you have to find the name of Pokémons!">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="normalize-8.0.1.css" id="stylesheet">
<link rel="stylesheet" type="text/css" href="style.css" id="stylesheet">
<link rel="shortcut icon" type="image/png" href="img/favicon.png" />
<script src="jquery-3.6.0.min.js"></script>
<script src="interface.js"></script>
<script src="poketest.js"></script>
<title>Pokétest</title>
</head>
<body>
<div class="bg"></div>
<div id="content-wrap">
<header>
<a href="index.html"><img src="img/logo.png" alt="Pokétest" /></a>
<nav>
<div id="hamburger">
<div class="container"><div class="bar1"></div><div class="bar2"></div><div class="bar3"></div></div>
</div>
<ul>
<li><a href="flashdex.html">Flashdex</a></li>
<li><a href="about.html">About</a></li>
</ul>
</nav>
</header>
<article>
<div id="container">
<div id="game">
<img src="pokemon/R58.png" alt="Growlithe" class="poketest-companion" />
<h1>What is Pokétest?</h1>
<p><strong>Now updated for Pokémon Legends: Arceus!</strong></p>
<p>There are now more than 900 Pocket&nbsp;Monsters, and a handful number of alternative forms. It's getting pretty tricky to know them all, let alone to catch them all. With Pokétest, you can train yourself and become unbeatable! Filter by generation, language and even by Mega&nbsp;Evolutions, Regional or Gigantamax&nbsp;Forms!</p>
<p>You can play with your keyboard: just press 1, 2, 3 or 4 to choose the answer!</p>
<div id="configuration">
<h2>Configuration</h2>
<div id="left_config">
<h3>Generations</h3>
<input type="radio" name="gen" id="all" checked><label for="all"> <strong title="all">All</strong></label><br />
<input type="radio" name="gen" id="select"><label for="select"> <strong title="select">Select</strong></label><br />
<div id="selected_options">
<input type="checkbox" name="1g" id="1g"><label for="1g"> <strong title="Kanto">
<span class="RB1">1</span><span class="RB2">G</span>
</strong> (001 - 151)</label><br />
<input type="checkbox" name="2g" id="2g"><label for="2g"> <strong title="Johto">
<span class="GS1">2</span><span class="GS2">G</span>
</strong> (152 - 251)</label><br />
<input type="checkbox" name="3g" id="3g"><label for="3g"> <strong title="Hoenn">
<span class="RS1">3</span><span class="RS2">G</span>
</strong> (252 - 386)</label><br />
<input type="checkbox" name="4g" id="4g"><label for="4g"> <strong title="Sinnoh">
<span class="DP1">4</span><span class="DP2">G</span>
</strong> (387 - 493)</label><br />
<input type="checkbox" name="5g" id="5g"><label for="5g"> <strong title="Unys">
<span class="BW1">5</span><span class="BW2">G</span>
</strong> (494 - 649)</label><br />
<input type="checkbox" name="6g" id="6g"><label for="6g"> <strong title="Kalos">
<span class="XY1">6</span><span class="XY2">G</span>
</strong> (650 - 721)</label><br />
<input type="checkbox" name="7g" id="7g"><label for="7g"> <strong title="Alola">
<span class="SM1">7</span><span class="SM2">G</span>
</strong> (722 - 809)</label><br />
<input type="checkbox" name="8g" id="8g"><label for="8g"> <strong title="8g">
<span class="SWSH1">8</span><span class="SWSH2">G</span>
</strong> (810 - 905)</label><br />
<input type="checkbox" name="regional" id="regional"><label for="regional"> <strong title="Regional">
Regional Forms
</strong> (53)</label><br />
<input type="checkbox" name="mega" id="mega"><label for="mega"> <strong title="Mega">
Mega-Evolutions
</strong> (50)</label><br />
<input type="checkbox" name="gigantamax" id="gigantamax"><label for="gigantamax"> <strong title="Gigantamax">
Gigantamax Forms
</strong> (32)</label>
</div>
<h3>Language</h3>
<select class="lang first">
<option name="lang" id="en" value="en">English</option>
<option name="lang" id="fr" value="fr">Français</option>
<option name="lang" id="de" value="de">Deutsch</option>
<option name="lang" id="kr" value="kr">한국어</option>
<option name="lang" id="ja" value="ja">日本語</option>
<option name="lang" id="romaji" value="romaji">日本語 (rōmaji)</option>
<option name="lang" id="cn" value="cn">繁體中文</option>
<option name="lang" id="cs" value="cs">简体中文</option>
</select>
</div>
<div id="right_config">
<h3>Silhouette</h3>
<input type="radio" name="silhouette" class="first" id="silhouette" checked><label for="silhouette"> Silhouette</label>
<input type="radio" name="silhouette" id="full"><label for="full"> Full Art</label>
<h3>Number of questions</h3>
<select class="questions first">
<!--<option name="questions" id="1" value="1">1 (debug)</option>-->
<option name="questions" id="15" value="15">15</option>
<option name="questions" id="30" value="30">30</option>
<option name="questions" id="50" value="50">50</option>
<option name="questions" id="100" value="100">100</option>
<option name="questions" id="set" value="set">Whole set</option>
<option name="questions" id="infinite" value="infinite">Infinite</option>
</select>
<h3>Time to answer</h3>
<select class="time first">
<!--<option name="time" id="1" value="1">1 (debug)</option>-->
<option name="time" id="2" value="2">2</option>
<option name="time" id="5" value="5" selected>5</option>
<option name="time" id="10" value="10">10</option>
<option name="time" id="30" value="30">30</option>
<option name="time" id="99" value="99">99</option>
<option name="time" id="10000" value="10000">10000 (debug)</option>
</select> seconds
</div>
</div>
<p class="button">
<input type="submit" class="start" name="start" value="Start game!">
</p>
</div>
</div>
</article>
<footer>
<p>© 2012 - 2022 Pokétest 2.7</p>
</footer>
</div>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
</script>
</body>
</html>