2024-06-27 13:47:52 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
2024-07-16 22:44:46 +00:00
|
|
|
<link rel="stylesheet" type="text/css" href="assets/css/styles.css">
|
2024-06-27 13:47:52 +00:00
|
|
|
<title>Gamma World Gaming Tools</title>
|
2024-07-17 00:10:31 +00:00
|
|
|
<script src="assets/js/config.js"></script>
|
2024-06-27 13:47:52 +00:00
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div style="text-align: center">
|
|
|
|
|
<h1>Gamma World Gaming Tools</h1>
|
|
|
|
|
</div>
|
|
|
|
|
|
2024-06-29 19:25:55 +00:00
|
|
|
<div id="probability-panel" style="text-align: center; margin: 3px">
|
|
|
|
|
<button id="dieroller">Dice</button>
|
|
|
|
|
<button id="coinflip">Flip Coin</button>
|
|
|
|
|
<button id="chance">Roll Chance</button>
|
|
|
|
|
</div>
|
2024-06-30 11:01:34 +00:00
|
|
|
<div id="gameplay-panel" style="text-align: center; margin: 3px">
|
2024-06-29 19:25:55 +00:00
|
|
|
<button id="encounter">Encounters</button>
|
2024-06-30 11:01:34 +00:00
|
|
|
<button id="abcheck">Ability Check</button>
|
2024-06-29 19:25:55 +00:00
|
|
|
<button id="physicalattack">Physical Attack!</button>
|
|
|
|
|
<button id="mentalattack">Mental Attack!</button>
|
2024-06-30 11:01:34 +00:00
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div id="gameref-panel" style="text-align: center; margin: 3px">
|
2024-06-29 19:25:55 +00:00
|
|
|
<button id="chargen">Characters</button>
|
2024-07-03 13:52:13 +00:00
|
|
|
<button id="tables">Tables</button>
|
|
|
|
|
<button id="bestiary">Bestiary</button>
|
2024-06-27 13:47:52 +00:00
|
|
|
</div>
|
2024-06-29 19:25:55 +00:00
|
|
|
|
2024-06-27 13:47:52 +00:00
|
|
|
<hr/>
|
|
|
|
|
<div id="toolPanel"></div>
|
2024-07-01 15:56:43 +00:00
|
|
|
|
2024-06-27 13:47:52 +00:00
|
|
|
<script>
|
2024-06-28 18:48:06 +00:00
|
|
|
document.addEventListener('DOMContentLoaded', function () {
|
2024-07-16 22:44:46 +00:00
|
|
|
loadContent("pages/intro.html");
|
2024-06-29 22:53:57 +00:00
|
|
|
|
2024-07-03 13:52:13 +00:00
|
|
|
document.getElementById("bestiary").addEventListener("click", function () {
|
2024-07-16 22:44:46 +00:00
|
|
|
loadContent("pages/bestiary.html?t=" + new Date().getTime());
|
2024-07-03 13:52:13 +00:00
|
|
|
});
|
|
|
|
|
|
2024-06-30 13:00:30 +00:00
|
|
|
document.getElementById("abcheck").addEventListener("click", function () {
|
2024-07-16 22:44:46 +00:00
|
|
|
loadContent("pages/ability_check.html?t=" + new Date().getTime());
|
2024-06-30 11:01:34 +00:00
|
|
|
});
|
|
|
|
|
|
2024-06-30 09:42:25 +00:00
|
|
|
document.getElementById("tables").addEventListener("click", function () {
|
2024-07-16 22:44:46 +00:00
|
|
|
loadContent("pages/display_tables.html?t=" + new Date().getTime());
|
2024-06-30 09:42:25 +00:00
|
|
|
});
|
|
|
|
|
|
2024-06-28 18:48:06 +00:00
|
|
|
document.getElementById("dieroller").addEventListener("click", function () {
|
2024-07-16 22:44:46 +00:00
|
|
|
loadContent("pages/rolldice.html?t=" + new Date().getTime());
|
2024-06-28 18:48:06 +00:00
|
|
|
});
|
2024-06-27 13:47:52 +00:00
|
|
|
|
2024-06-28 22:00:49 +00:00
|
|
|
document.getElementById("encounter").addEventListener("click", function () {
|
2024-07-16 22:44:46 +00:00
|
|
|
loadContent("pages/encounter.html?t=" + new Date().getTime());
|
2024-06-28 22:00:49 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
|
|
document.getElementById("mentalattack").addEventListener("click", function () {
|
2024-07-16 22:44:46 +00:00
|
|
|
loadContent("pages/mentalattack.html?t=" + new Date().getTime());
|
2024-06-28 22:00:49 +00:00
|
|
|
});
|
|
|
|
|
|
2024-06-29 19:25:55 +00:00
|
|
|
document.getElementById("physicalattack").addEventListener("click", function () {
|
2024-07-16 22:44:46 +00:00
|
|
|
loadContent("pages/physicalattack.html?t=" + new Date().getTime());
|
2024-06-29 19:25:55 +00:00
|
|
|
});
|
|
|
|
|
|
2024-06-28 18:48:06 +00:00
|
|
|
document.getElementById("chargen").addEventListener("click", function () {
|
2024-07-16 22:44:46 +00:00
|
|
|
loadContent("pages/chargen.html?t=" + new Date().getTime());
|
2024-06-28 18:48:06 +00:00
|
|
|
});
|
2024-06-27 13:47:52 +00:00
|
|
|
|
2024-06-29 19:25:55 +00:00
|
|
|
document.getElementById("coinflip").addEventListener("click", function () {
|
|
|
|
|
let commonImgSize = '250px'
|
|
|
|
|
// Display a placeholder image or loading indicator
|
|
|
|
|
let imgElement = document.createElement('img');
|
2024-07-16 23:50:14 +00:00
|
|
|
imgElement.src = `${window.IMG}/loading.gif`;
|
2024-06-29 19:25:55 +00:00
|
|
|
imgElement.style.width = commonImgSize;
|
|
|
|
|
imgElement.style.height = commonImgSize;
|
|
|
|
|
|
|
|
|
|
// Center the image
|
|
|
|
|
imgElement.style.display = 'block';
|
|
|
|
|
imgElement.style.marginLeft = 'auto';
|
|
|
|
|
imgElement.style.marginRight = 'auto';
|
|
|
|
|
|
|
|
|
|
document.getElementById('toolPanel').innerHTML = '';
|
|
|
|
|
document.getElementById('toolPanel').appendChild(imgElement);
|
|
|
|
|
|
2024-07-01 16:01:25 +00:00
|
|
|
fetch(`${window.BASE_URL}/coinflip`)
|
2024-06-29 19:25:55 +00:00
|
|
|
.then(response => response.text())
|
|
|
|
|
.then(data => {
|
2024-07-16 23:50:14 +00:00
|
|
|
let imgSrc = `${window.IMG}/` + data.replace(/\"/g, '') + '.jpg';
|
2024-06-29 19:25:55 +00:00
|
|
|
setTimeout(() => {
|
|
|
|
|
imgElement.src = imgSrc;
|
|
|
|
|
}, 1500);
|
|
|
|
|
})
|
|
|
|
|
.catch((error) => {
|
|
|
|
|
console.error('Error:', error);
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
document.getElementById('chance').addEventListener('click', function(event) {
|
|
|
|
|
event.preventDefault();
|
|
|
|
|
|
|
|
|
|
// Insert the odds.gif before making the fetch request
|
|
|
|
|
let resultSection = document.getElementById('toolPanel');
|
|
|
|
|
resultSection.innerHTML = '';
|
|
|
|
|
let imgElement = document.createElement('img');
|
2024-07-16 23:50:14 +00:00
|
|
|
imgElement.src = `${window.IMG}/odds.gif`;
|
2024-06-29 19:25:55 +00:00
|
|
|
imgElement.style.width = '250px';
|
|
|
|
|
imgElement.style.height = '250px';
|
|
|
|
|
imgElement.style.display = 'block';
|
|
|
|
|
imgElement.style.marginLeft = 'auto';
|
|
|
|
|
imgElement.style.marginRight = 'auto';
|
|
|
|
|
resultSection.appendChild(imgElement);
|
|
|
|
|
|
2024-07-01 16:01:25 +00:00
|
|
|
fetch(`${window.BASE_URL}/dice/probability`)
|
2024-06-29 19:25:55 +00:00
|
|
|
.then((response) => {
|
|
|
|
|
if (!response.ok) {
|
|
|
|
|
throw response;
|
|
|
|
|
}
|
|
|
|
|
return response.json();
|
|
|
|
|
})
|
|
|
|
|
.then((json) => {
|
|
|
|
|
// Add a delay of 1 second (1000 milliseconds) before changing the image.
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
// Remove loading gif from HTML
|
|
|
|
|
imgElement.style.display = 'none';
|
|
|
|
|
|
|
|
|
|
// Show the result with %+ in large bold centered text
|
|
|
|
|
let resultText = document.createElement('p');
|
|
|
|
|
resultText.style.fontSize = '32px'; // Large text
|
|
|
|
|
resultText.style.fontWeight = 'bold'; // Bold text
|
|
|
|
|
resultText.style.textAlign = 'center'; // Centered text
|
|
|
|
|
resultText.textContent = json.result + '%'; // Append % to the result value
|
|
|
|
|
|
|
|
|
|
resultSection.appendChild(resultText);
|
|
|
|
|
}, 1000);
|
|
|
|
|
})
|
|
|
|
|
.catch((err) => {
|
|
|
|
|
console.log('Request failed', err);
|
|
|
|
|
});
|
|
|
|
|
});
|
2024-06-27 13:47:52 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
|
|
function loadContent(pageUrl) {
|
|
|
|
|
var iframe = document.createElement('iframe');
|
|
|
|
|
iframe.src = pageUrl;
|
2024-07-02 23:17:22 +00:00
|
|
|
iframe.style.width = '100%'; // make the iframe take full width of the container
|
|
|
|
|
iframe.style.border = 'none'; // hide the border
|
|
|
|
|
iframe.style.overflow = 'hidden'; // hide scrollbars, can be 'auto' if you prefer automatic scrollbars
|
|
|
|
|
iframe.style.height = '1800px'; // set a height so that the iframe is visible, adjust as per your needs
|
2024-06-27 13:47:52 +00:00
|
|
|
document.getElementById("toolPanel").innerHTML = '';
|
|
|
|
|
document.getElementById("toolPanel").appendChild(iframe);
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
