2023-03-28 11:54:52 -07:00
<!DOCTYPE html>
< html lang = "en" >
< head >
2023-11-18 18:08:04 -08:00
< title > PokéRogue< / title >
2024-03-01 09:59:35 -08: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 04:15:25 -07:00
< meta name = "theme-color" content = "#da3838" / >
2024-03-01 09:59:35 -08: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 15:11:44 -07:00
< meta property = "og:image" content = "https://pokerogue.net/logo512.png" / >
2024-04-24 22:03:21 -07:00
< link rel = "apple-touch-icon" href = "./logo512.png" / >
< link rel = "shortcut icon" type = "image/png" href = "./logo512.png" / >
2023-03-28 11:54:52 -07:00
< meta charset = "UTF-8" / >
2024-04-08 20:22:15 -07:00
< meta name = "viewport" content = "width=device-width, initial-scale=1.0, viewport-fit=cover" / >
2023-12-25 18:40:57 -08:00
< style type = "text/css" >
@font-face {
font-family: 'emerald';
2024-04-24 22:03:21 -07:00
src: url('./fonts/pokemon-emerald-pro.ttf') format('truetype');
2023-12-25 18:40:57 -08:00
}
@font-face {
font-family: 'pkmnems';
2024-04-24 22:03:21 -07:00
src: url('./fonts/pkmnems.ttf') format('truetype');
2023-12-25 18:40:57 -08:00
}
< / style >
2024-04-24 22:03:21 -07:00
< link rel = "stylesheet" type = "text/css" href = "./index.css" / >
< link rel = "manifest" href = "./manifest.webmanifest" >
2024-04-08 20:22:15 -07:00
< script >
if ("serviceWorker" in navigator) {
window.addEventListener("load", function () {
2024-04-24 22:03:21 -07:00
navigator.serviceWorker.register("./service-worker.js").then(
2024-04-08 20:22:15 -07:00
function (registration) {
console.log("ServiceWorker registration successful");
},
function (err) {
console.log("ServiceWorker registration failed: ", err);
},
);
});
}
2024-04-13 14:50:02 -07:00
window.addEventListener('beforeinstallprompt', e => {
// Prevent invasive install prompt (users are still able to install as an app)
e.preventDefault();
});
2024-04-08 20:22:15 -07:00
< / script >
2023-03-28 11:54:52 -07:00
< / head >
< body >
< div id = "app" > < / div >
2023-12-25 12:03:50 -08:00
< div id = "touchControls" >
< div id = "dpad" class = "unselectable" >
< 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 id = "apad" class = "unselectable" >
< div id = "apadAction" class = "apadCircBtn apadBtn" data-key = "ACTION" >
< text id = "apadLabelAction" class = "apadLabel" > A< / text >
< / div >
< div id = "apadCancel" class = "apadCircBtn apadBtn" data-key = "CANCEL" >
< text id = "apadLabelCancel" class = "apadLabel" > B< / text >
< / div >
2024-01-05 19:24:05 -08:00
< div class = "apadBtnContainer apadRectBtnContainer" >
2024-04-18 19:52:26 -07:00
< div id = "apadCycleShiny" class = "apadSqBtn apadBtn" data-key = "CYCLE_SHINY" >
< text class = "apadLabel apadLabelSmall" > R< / text >
< / div >
< div id = "apadCycleVariant" class = "apadSqBtn apadBtn" data-key = "CYCLE_VARIANT" >
< text class = "apadLabel apadLabelSmall" > V< / text >
2024-01-05 19:24:05 -08:00
< / div >
< div id = "apadMenu" class = "apadRectBtn apadBtn" data-key = "MENU" >
< text class = "apadLabel apadLabelSmall" > Menu< / text >
< / div >
2023-12-25 12:03:50 -08:00
< / div >
2024-01-05 19:24:05 -08:00
< div class = "apadBtnContainer apadSqBtnContainer" >
2023-12-25 12:03:50 -08:00
< div id = "apadCycleForm" class = "apadSqBtn apadBtn" data-key = "CYCLE_FORM" >
< text class = "apadLabel apadLabelSmall" > F< / text >
< / div >
< div id = "apadCycleGender" class = "apadSqBtn apadBtn" data-key = "CYCLE_GENDER" >
< text class = "apadLabel apadLabelSmall" > G< / text >
< / div >
< div id = "apadCycleAbility" class = "apadSqBtn apadBtn" data-key = "CYCLE_ABILITY" >
< text class = "apadLabel apadLabelSmall" > E< / text >
< / div >
2024-04-18 19:52:26 -07:00
< div id = "apadCycleNature" class = "apadSqBtn apadBtn" data-key = "CYCLE_NATURE" >
< text class = "apadLabel apadLabelSmall" > N< / text >
< / div >
2023-12-25 12:03:50 -08:00
< / div >
< / div >
< / div >
2024-04-24 22:03:21 -07:00
< script type = "module" src = "./src/main.ts" > < / script >
< script src = "./src/touch-controls.js" type = "module" > < / script >
< script src = "./src/debug.js" type = "module" > < / script >
2023-03-28 11:54:52 -07:00
< / body >
< / html >
