Calculator Tools Calculator Tools
Create

Sacred Quest: The Priest's Odyssey

Oct 29, 2023

About this app

An engaging single-page web app game. Embark on a sacred quest as a priest monk to restore light to the world of Lumina.

Sacred Quest: The Priest's Odyssey πŸ—ΊοΈ Sacred Quest: The Priest's Odyssey πŸ—ΊοΈ Embark on a sacred quest as Elior, a humble priest monk, to restore the light to Lumina. Battle through the realms, unlock your Divine Arsenal, and banish the shadow!

Related apps

Put this on your site

Source

                    <html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">

<title>Sacred Quest: The Priest's Odyssey</title>
<meta name="description" content="An engaging single-page web app game. Embark on a sacred quest as a priest monk to restore light to the world of Lumina.">
<meta name="keywords" content="Single Page Web App, Interactive Game, Sacred Quest, Priest Odyssey">

<link href="https://fonts.googleapis.com/css2?family=MedievalSharp&display=swap" rel="stylesheet">

<style>
/* App CSS Goes Here */
body {
font-family: 'MedievalSharp', cursive;
background: linear-gradient(to bottom, #f0abfc 0%, #c779d0 100%);
color: #4A235A;
}

.level {
border: 1px solid #4A235A;
border-radius: 5px;
padding: 10px;
margin: 10px;
}

.arsenal-item {
display: inline-block;
margin: 5px;
padding: 5px;
border: 1px solid #4A235A;
border-radius: 5px;
}

.arsenal-item img {
width: 32px;
height: 32px;
}

.emoji {
font-size: 32px;
}
</style>

<script type="text/javascript">
try {
// App Javascript Goes Here. Place your entire script content inside the try block for error handling.

// This will run when the DOM is ready.
document.addEventListener("DOMContentLoaded", function() {
var levels = [
{ name: "Realm of Wrath", completed: false },
{ name: "Realm of Envy", completed: false },
{ name: "Realm of Greed", completed: false }
];

var divineArsenal = [
{ name: "Fire of the Holy Spirit", emoji: "πŸ”₯", unlocked: true },
{ name: "The Bird (Dove)", emoji: "πŸ•ŠοΈ", unlocked: false },
{ name: "Rod of Authority", emoji: "πŸͺ„", unlocked: false },
{ name: "Sword of the Spirit", emoji: "βš”οΈ", unlocked: false },
{ name: "Shield of Faith", emoji: "πŸ›‘οΈ", unlocked: false },
{ name: "Sandals of Peace", emoji: "πŸ₯Ύ", unlocked: false }
];

var mainContainer = document.getElementById('main-container');

levels.forEach(level => {
var levelDiv = document.createElement('div');
levelDiv.className = 'level';
levelDiv.textContent = level.name + (level.completed ? ' βœ…' : ' ❌');
mainContainer.appendChild(levelDiv);
});

var arsenalDiv = document.createElement('div');
arsenalDiv.textContent = "Divine Arsenal:";
mainContainer.appendChild(arsenalDiv);

divineArsenal.forEach(item => {
var itemDiv = document.createElement('div');
itemDiv.className = 'arsenal-item';
itemDiv.innerHTML = item.emoji + ' ' + item.name + (item.unlocked ? ' πŸ”“' : ' πŸ”’');
arsenalDiv.appendChild(itemDiv);
});
});

} catch (error) {
// This will throw the error to the parent window.
throw error;
}
</script>
</head>
<body>
<div id="main-container" class="container">
<!-- App HTML Goes Here -->
<h1>πŸ—ΊοΈ Sacred Quest: The Priest's Odyssey πŸ—ΊοΈ</h1>
<p>Embark on a sacred quest as Elior, a humble priest monk, to restore the light to Lumina. Battle through the realms, unlock your Divine Arsenal, and banish the shadow!</p>
</div>
</body>
</html>