146 lines
6.6 KiB
HTML
146 lines
6.6 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!">
|
|
<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-2.2.2.min.js"></script>
|
|
<script src="backstretch-2.0.4.min.js"></script>
|
|
<script src="interface.js"></script>
|
|
<script src="poketest.js"></script>
|
|
<title>Pokétest</title>
|
|
</head>
|
|
<body>
|
|
<div id="content-wrap">
|
|
<header>
|
|
<a href="index.html"><img src="img/logo.png" alt="Pokétest" /></a>
|
|
<nav>
|
|
<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/831-000.png" alt="wooloo" class="companion" />
|
|
<h1>What is Pokétest?</h1>
|
|
<p>There are now almost 900 Pocket 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 Evolutions, Regional or Gigantamax 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 - 890)</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="regional" id="regional"><label for="regional"> <strong title="Regional">
|
|
Regional Forms
|
|
</strong> (37)</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="30" value="30">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>
|
|
</div>
|
|
<footer>
|
|
<p>© 2012 - 2020 Pokétest 2.6 (r57)</p>
|
|
</div>
|
|
</footer>
|
|
<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>
|