2023-03-28 19:54:52 +01:00
<!DOCTYPE html>
< html lang = "en" >
< head >
2024-05-14 19:38:24 +01:00
< meta charset = "UTF-8" / >
2023-11-19 02:08:04 +00:00
< title > PokéRogue< / title >
2024-06-12 13:42:59 +01:00
< meta name = "title" content = "PokéRogue" / >
2024-03-01 17:59:35 +00:00
< meta name = "description" content = "A Pokémon fangame heavily inspired by the roguelite genre. Battle endlessly while gathering stacking items, exploring many different biomes, and reaching Pokémon stats you never thought possible." / >
2024-03-31 12:15:25 +01:00
< meta name = "theme-color" content = "#da3838" / >
2024-06-12 13:42:59 +01:00
< meta name = "keywords" content = "pokerogue, pokemon, roguelite" / >
< meta name = "news_keywords" content = "pokerogue, pokemon, roguelite" / >
< meta name = "distribution" content = "Global" >
< meta http-equiv = "audience" content = "General" >
2024-03-01 17:59:35 +00:00
< meta property = "og:title" content = "PokéRogue" / >
< meta property = "og:type" content = "website" / >
< meta property = "og:description" content = "A Pokémon fangame heavily inspired by the roguelite genre. Battle endlessly while gathering stacking items, exploring many different biomes, and reaching Pokémon stats you never thought possible." / >
2024-04-12 23:11:44 +01:00
< meta property = "og:image" content = "https://pokerogue.net/logo512.png" / >
2024-06-12 13:42:59 +01:00
< meta property = "og:url" content = "https://pokerogue.net" / >
< meta property = "og:site_name" content = "PokéRogue" / >
< meta property = "twitter:title" content = "PokéRogue" / >
< meta property = "twitter:description" content = "A Pokémon fangame heavily inspired by the roguelite genre. Battle endlessly while gathering stacking items, exploring many different biomes, and reaching Pokémon stats you never thought possible." / >
< meta property = "twitter:image" content = "https://pokerogue.net/logo512.png" / >
< meta property = "twitter:card" content = "summary" / >
< meta property = "twitter:url" content = "https://pokerogue.net" / >
2024-04-25 06:03:21 +01:00
< link rel = "apple-touch-icon" href = "./logo512.png" / >
< link rel = "shortcut icon" type = "image/png" href = "./logo512.png" / >
2024-05-13 06:43:04 +01:00
< link rel = "canonical" href = "https://pokerogue.net" / >
2024-04-09 04:22:15 +01:00
< meta name = "viewport" content = "width=device-width, initial-scale=1.0, viewport-fit=cover" / >
2023-12-26 02:40:57 +00:00
< style type = "text/css" >
@font-face {
font-family: 'emerald';
2024-04-25 06:03:21 +01:00
src: url('./fonts/pokemon-emerald-pro.ttf') format('truetype');
2023-12-26 02:40:57 +00:00
}
@font-face {
font-family: 'pkmnems';
2024-04-25 06:03:21 +01:00
src: url('./fonts/pkmnems.ttf') format('truetype');
2023-12-26 02:40:57 +00:00
}
< / style >
2024-04-25 06:03:21 +01:00
< link rel = "stylesheet" type = "text/css" href = "./index.css" / >
< link rel = "manifest" href = "./manifest.webmanifest" >
2024-04-09 04:22:15 +01:00
< script >
if ("serviceWorker" in navigator) {
window.addEventListener("load", function () {
2024-04-25 06:03:21 +01:00
navigator.serviceWorker.register("./service-worker.js").then(
2024-04-09 04:22:15 +01:00
function (registration) {
console.log("ServiceWorker registration successful");
},
function (err) {
console.log("ServiceWorker registration failed: ", err);
},
);
});
}
2024-04-13 22:50:02 +01:00
window.addEventListener('beforeinstallprompt', e => {
// Prevent invasive install prompt (users are still able to install as an app)
e.preventDefault();
});
2024-04-09 04:22:15 +01:00
< / script >
2023-03-28 19:54:52 +01:00
< / head >
< body >
< div id = "app" > < / div >
2023-12-25 20:03:50 +00:00
< div id = "touchControls" >
2024-08-10 14:17:04 +01:00
< div class = "left" >
< div id = "control-group-dpad" class = "control-group control-group-dpad" >
< div id = "dpad" data-control-key = "DPAD" >
< svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 72 72" >
< path id = "dpadUp" data-key = "UP"
d="M48,5.8C48,2.5,45.4,0,42,0H29.9C26.6,0,24,2.4,24,5.8V24h24V5.8z" />
< path id = "dpadRight" data-key = "RIGHT"
d="M66.2,24H48v24h18.2c3.3,0,5.8-2.7,5.8-6V29.9C72,26.5,69.5,24,66.2,24z" />
< path id = "dpadDown" data-key = "DOWN"
d="M24,66.3c0,3.3,2.6,5.7,5.9,5.7H42c3.3,0,6-2.4,6-5.7V48H24V66.3z" />
< path id = "dpadLeft" data-key = "LEFT"
d="M5.7,24C2.4,24,0,26.5,0,29.9V42c0,3.3,2.3,6,5.7,6H24V24H5.7z" />
< rect id = "dpadCenter" x = "24" y = "24" width = "24" height = "24" / >
< / svg >
< / div >
< / div >
2023-12-25 20:03:50 +00:00
< / div >
2024-08-10 14:17:04 +01:00
< div class = "right" >
< div id = "control-group-action" class = "control-group" >
< div id = "apadAction" class = "apad-button apad-circle" data-key = "ACTION" >
< span class = "apad-label" > A< / span >
< / div >
2023-12-25 20:03:50 +00:00
< / div >
2024-08-10 14:17:04 +01:00
< div id = "control-group-cancel" class = "control-group" >
< div id = "apadCancel" class = "apad-button apad-circle" data-key = "CANCEL" >
< span class = "apad-label" > B< / span >
< / div >
2023-12-25 20:03:50 +00:00
< / div >
2024-08-10 14:17:04 +01:00
< div id = "control-group-extra-1" class = "control-group control-group-extra" >
2024-08-12 05:44:00 +01:00
<!-- buttons to navigate settings tabs -->
< div id = "apadPreviousTab" class = "apad-button apad-square apad-small" data-key = "CYCLE_FORM" >
< span class = "apad-label" > F< / span >
2024-04-19 03:52:26 +01:00
< / div >
2024-08-12 05:44:00 +01:00
< div id = "apadNextTab" class = "apad-button apad-square apad-small" data-key = "CYCLE_SHINY" >
< span class = "apad-label" > R< / span >
2024-01-06 03:24:05 +00:00
< / div >
2024-08-12 05:44:00 +01:00
<!-- buttons to open filter menu in starter select -->
< div id = "apadOpenFilters" class = "apad-button apad-rectangle apad-small" data-key = "STATS" >
2024-08-10 14:17:04 +01:00
< span class = "apad-label" > C< / span >
2024-05-01 04:02:16 +01:00
< / div >
2024-08-12 05:44:00 +01:00
<!-- main menu button -->
2024-08-10 14:17:04 +01:00
< div id = "apadMenu" class = "apad-button apad-rectangle apad-small" data-key = "MENU" >
< span class = "apad-label" > Menu< / span >
2024-01-06 03:24:05 +00:00
< / div >
2023-12-25 20:03:50 +00:00
< / div >
2024-08-10 14:17:04 +01:00
< div id = "control-group-extra-2" class = "control-group control-group-extra" >
2024-08-12 05:44:00 +01:00
<!-- buttons to cycle through pokemon characteristics in starter select -->
2024-08-10 14:17:04 +01:00
< div id = "apadCycleForm" class = "apad-button apad-square apad-small" data-key = "CYCLE_FORM" >
< span class = "apad-label" > F< / span >
2023-12-25 20:03:50 +00:00
< / div >
2024-08-10 14:17:04 +01:00
< div id = "apadCycleGender" class = "apad-button apad-square apad-small" data-key = "CYCLE_GENDER" >
< span class = "apad-label" > G< / span >
2023-12-25 20:03:50 +00:00
< / div >
2024-08-12 05:44:00 +01:00
< div id = "apadCycleShiny" class = "apad-button apad-square apad-small" data-key = "CYCLE_SHINY" >
< span class = "apad-label" > R< / span >
< / div >
2024-08-10 14:17:04 +01:00
< div id = "apadCycleAbility" class = "apad-button apad-square apad-small" data-key = "CYCLE_ABILITY" >
< span class = "apad-label" > E< / span >
2023-12-25 20:03:50 +00:00
< / div >
2024-08-10 14:17:04 +01:00
< div id = "apadCycleNature" class = "apad-button apad-square apad-small" data-key = "CYCLE_NATURE" >
< span class = "apad-label" > N< / span >
2024-04-19 03:52:26 +01:00
< / div >
2024-08-12 05:44:00 +01:00
< div id = "apadCycleVariant" class = "apad-button apad-square apad-small" data-key = "V" >
< span class = "apad-label" > V< / span >
< / div >
<!-- buttons to display battle - specific information -->
2024-08-10 14:17:04 +01:00
< div id = "apadInfo" class = "apad-button apad-rectangle apad-small" data-key = "V" >
< span class = "apad-label" > V< / span >
2024-05-30 01:29:59 +01:00
< / div >
2024-08-12 05:44:00 +01:00
< div id = "apadStats" class = "apad-button apad-rectangle apad-small" data-key = "STATS" >
< span class = "apad-label" > C< / span >
< / div >
2023-12-25 20:03:50 +00:00
< / div >
2024-08-10 14:17:04 +01:00
2023-12-25 20:03:50 +00:00
< / div >
< / div >
2024-07-30 05:23:47 +01:00
< script type = "module" src = "./src/main.ts" > < / script >
< script src = "./src/touch-controls.ts" type = "module" > < / script >
< script src = "./src/debug.js" type = "module" > < / script >
2023-03-28 19:54:52 +01:00
< / body >
< / html >
