Skip to content

[ZIP PATCHES] Backport Refactor to Existing Pages #33

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
HashtagMarky merged 17 commits into from
Oct 9, 2025
Merged

[ZIP PATCHES] Backport Refactor to Existing Pages #33

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
17 commits
Select commit Hold shift + click to select a range
3e2e158
Add New Hack Python Script
HashtagMarky Oct 9, 2025
a7239e7
Update Base ROM Text
HashtagMarky Oct 9, 2025
657c753
Refactor Anomaly Forest
HashtagMarky Oct 9, 2025
6af4af2
Refactor Archie's Quest
HashtagMarky Oct 9, 2025
430a40c
Refactor Collapse Frostborne
HashtagMarky Oct 9, 2025
52f397c
Refactor Fire Of Sky
HashtagMarky Oct 9, 2025
c3fc251
Refactor Inkwell
HashtagMarky Oct 9, 2025
9d17bfe
Refactor Legends SB
HashtagMarky Oct 9, 2025
4b73e1c
Refactor Pokémon Two
HashtagMarky Oct 9, 2025
d553602
Refactor Recordkeepers
HashtagMarky Oct 9, 2025
83f8f1b
Refactor SpinSpinSpin
HashtagMarky Oct 9, 2025
5edb9a1
Refactor Spirits of the Storm
HashtagMarky Oct 9, 2025
d6f007b
Refactor Tarot Trials
HashtagMarky Oct 9, 2025
ab38461
Refactor The Pit
HashtagMarky Oct 9, 2025
9549181
Refactor The Unown King
HashtagMarky Oct 9, 2025
82f6a46
Refactor Transform
HashtagMarky Oct 9, 2025
c3ba931
Add --page-rom-patcher-link-color
HashtagMarky Oct 9, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions hacks/anomaly_forest/color.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
:root {
--page-title-color: #e4e4e6;
--page-bg-color: #3f547b;
--page-rom-patcher-link-color: ;
}
11 changes: 11 additions & 0 deletions hacks/anomaly_forest/config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
window.TARP_CONFIG = {
title: "Anomaly Forest",
base: "Pokémon Emerald (USA, Europe)",

externalLinks: {
discord: "",
github: "",
pokécommunity: "",
reddit: ""
}
};
192 changes: 131 additions & 61 deletions hacks/anomaly_forest/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,13 +2,10 @@
<html translate="no">

<head>
<link rel="icon" href="./assets/images/favicon.ico" type="image/x-icon">
<title>Anomaly Forest</title>
<link rel="icon" href="../../assets/images/favicon.ico" type="image/x-icon">
<meta http-equiv="content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />



<!-- Rom Patcher JS needed CSS/JS files -->
<link type="text/css" rel="stylesheet" href="../../rom-patcher-js/style.css" media="all" />
<link type="text/css" rel="stylesheet" href="./color.css" media="all" />
Expand All @@ -19,34 +16,34 @@
window.addEventListener('load', function (evt) {
try {
fetch("./patches.info")
.then(res => res.json())
.then(patchInfo => {
RomPatcherWeb.initialize(
{
language: 'en',
requireValidation: true,
allowDropFiles: true
},
patchInfo
);
const downloadBtn = document.getElementById('rom-patcher-button-download');
const patchSelect = document.getElementById('rom-patcher-select-patch');

downloadBtn.onclick = () => {
const selectedIndex = patchSelect.selectedIndex;
if (selectedIndex < 0) return;

const patch = patchInfo.patches[selectedIndex];
const link = document.createElement('a');
link.href = `./patches/${patch.file}`;
link.download = patch.file.split('/').pop();
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
};
})
.catch(err => console.error(err));
.then(res => res.json())
.then(patchInfo => {
RomPatcherWeb.initialize(
{
language: 'en',
requireValidation: true,
allowDropFiles: true
},
patchInfo
);

const downloadBtn = document.getElementById('rom-patcher-button-download');
const patchSelect = document.getElementById('rom-patcher-select-patch');

downloadBtn.onclick = () => {
const selectedIndex = patchSelect.selectedIndex;
if (selectedIndex < 0) return;

const patch = patchInfo.patches[selectedIndex];
const link = document.createElement('a');
link.href = `./patches/${patch.file}`;
link.download = patch.file.split('/').pop();
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
};
})
.catch(err => console.error(err));
} catch (err) {
var message = err.message;
if (/incompatible browser/i.test(message) || /variable RomPatcherWeb/i.test(message))
Expand All @@ -62,35 +59,35 @@
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
</head>

<body style="font: 15px 'Open Sans', sans-serif; background-color: var(--page-bg-color); color: #e4e4e6;">
<body
style="font: 15px 'Open Sans', sans-serif; background-color: var(--page-bg-color); color: var(--page-title-color);">
<header style="text-align: center">
<img src="./logo.png" alt="Anomaly Forest logo" width="35%">
<h1>Anomaly Forest</h1>
<img id="logoImage" src="./logo.png" alt="{title} Logo" width="35%">
<h1>{title}</h1>
</header>

<div id="rom-patcher-container"
style="justify-content:center;align-items:center;text-align:center;">
<div id="rom-patcher-container" style="justify-content:center;align-items:center;text-align:center;">
</div>
<script>
fetch('./info.md')
.then(response => {
if (!response.ok) {
return "";
}
return response.text();
})
.then(text => {
const container = document.getElementById('rom-patcher-container');
if (text.trim()) {
container.innerHTML = marked.parse(text);
} else {
container.innerHTML = "";
}
})
.catch(err => {
document.getElementById('rom-patcher-container').innerHTML = "";
console.error(err);
});
.then(response => {
if (!response.ok) {
return "";
}
return response.text();
})
.then(text => {
const container = document.getElementById('rom-patcher-container');
if (text.trim()) {
container.innerHTML = marked.parse(text);
} else {
container.innerHTML = "";
}
})
.catch(err => {
document.getElementById('rom-patcher-container').innerHTML = "";
console.error(err);
});
</script>

<!-- Rom Patcher JS container -->
Expand All @@ -101,6 +98,12 @@ <h1>Anomaly Forest</h1>
#rom-patcher-button-apply
The rest of elements are informative and can be removed, though it's recommended to keep them for a better user experience.
-->
<div id="rom-patcher-container" style="justify-content:center;align-items:center;text-align:center;">
<span class="text-mono text-muted">
Base ROM:<br>
{base}
</span>
</div>
<div id="rom-patcher-container">
<div class="rom-patcher-row margin-bottom" id="rom-patcher-row-file-rom">
<div class="text-right"><label for="rom-patcher-input-file-rom" data-localize="yes">ROM file:</label></div>
Expand Down Expand Up @@ -148,23 +151,90 @@ <h1>Anomaly Forest</h1>
<div id="rom-patcher-row-error-message" class="margin-bottom"><span id="rom-patcher-error-message"></span>
</div>
<button id="rom-patcher-button-apply" data-localize="yes" disabled>Apply patch</button>
<button id="rom-patcher-button-download" data-localize="yes">Download patch</button>
<button id="rom-patcher-button-download" data-localize="yes" disabled>Download patch</button>
</div>
<br />
<div id="external-hack-link">
<!--replace the links with the corresponding links, delete anything you dont need-->
<div class="smaller-external-button" id="discordButton">
<a href="" target="_blank">
<img src="../../assets/images/externals/Discord-Symbol-Blurple.png" loading="lazy" />
</a>
</div>

<div class="smaller-external-button" id="githubButton">
<a href="" target="_blank">
<img src="../../assets/images/externals/github-mark.png" loading="lazy" />
</a>
</div>

<div class="smaller-external-button" id="pokecommunityButton">
<a href="" target="_blank">
<img src="../../assets/images/externals/PokéCommunity_Logo_2014.png" loading="lazy" />
</a>
</div>

<div class="smaller-external-button" id="redditButton">
<a href="" target="_blank">
<img src="../../assets/images/externals/Reddit_Icon_FullColor.png" loading="lazy" />
</a>
</div>
</div>

</div>

<div id="rom-patcher-powered" class="text-center">
<a href="https://github.com/marcrobledo/RomPatcher.js" target="_blank"><img
src="../../rom-patcher-js/assets/powered_by_rom_patcher_js.png" loading="lazy" />Powered by Rom Patcher JS</a>
<a href="https://github.com/marcrobledo/RomPatcher.js" target="_blank"
style="color: var(--page-rom-patcher-link-color, --rom-patcher-link-color);"><img
src="../../rom-patcher-js/assets/powered_by_rom_patcher_js.png" loading="lazy" />Powered by Rom Patcher
JS</a>
</div>
<div id="team-aqua-homepage" class="text-center">
<a href="../../index.html"><img
src="../../assets/images/team-aqua-logo.png" loading="lazy" />Team Aqua RomPatchers Homepage</a>
<a href="../../index.html" style="color: var(--page-rom-patcher-link-color, --rom-patcher-link-color);"><img
src="../../assets/images/team-aqua-logo.png" loading="lazy" />Team Aqua
RomPatchers Homepage</a>
</div>

<!-- Load Other Rom Hack Page Elements -->
<script src="./config.js"></script>
<script>
(() => {
const config = window.TARP_CONFIG || {};
const title = config.title || "Untitled Rom Hack";
const base = config.base || "Not Specified";

document.body.innerHTML = document.body.innerHTML.replaceAll("{title}", title);
document.body.innerHTML = document.body.innerHTML.replaceAll("{base}", base);
document.title = title;

const links = config.externalLinks || {};
const map = {
discordButton: links.discord,
githubButton: links.github,
pokecommunityButton: links.pokécommunity,
redditButton: links.reddit
};

Object.entries(map).forEach(([id, href]) => {
const btn = document.getElementById(id);
if (btn) {
if (href) {
const a = btn.querySelector("a");
if (a) a.href = href;
btn.style.display = "inline-block";
} else {
btn.style.display = "none";
}
}
});

const logoImg = document.getElementById("logoImage");
if (logoImg) {
logoImg.onerror = () => {
logoImg.style.display = "none";
};
}
})();
</script>
</body>

</html>
Empty file added hacks/anomaly_forest/info.md
View file
Open in desktop
Empty file.
2 changes: 1 addition & 1 deletion hacks/anomaly_forest/patches.info
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
{
"file": "Pokemon - Anomaly Forest v1.1.bps",
"name": "Anomaly Forest (v1.1)",
"description": "Pokémon Emerald (USA, Europe) Base ROM",
"description": "",
"outputName": "pokemon_anomaly_forest_v1.1"
}
]
Expand Down
2 changes: 2 additions & 0 deletions hacks/archiesquest/color.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
:root {
--page-title-color: #e4e4e6;
--page-bg-color: #3f547b;
--page-rom-patcher-link-color: ;
}
11 changes: 11 additions & 0 deletions hacks/archiesquest/config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
window.TARP_CONFIG = {
title: "Archie's Quest",
base: "Pokémon Emerald (USA, Europe)",

externalLinks: {
discord: "",
github: "https://github.com/RubyRaven6/archies-quest",
pokécommunity: "",
reddit: ""
}
};
Loading
Loading