Open service 2a00:1450:4001:804::2013:443 ยท prayers.coolgenaiapps.com
2026-02-14 12:32
HTTP/1.1 200 OK
content-type: text/html
x-cloud-trace-context: 69ec826a7a4178cbfa4bbf91f32316fb
date: Sat, 14 Feb 2026 12:32:02 GMT
server: Google Frontend
Content-Length: 4319
Connection: close
Page title: Prayer Time!
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<link rel="shortcut icon" type="image/svg+xml" href="favicon.svg" />
<link rel="stylesheet" href="main.css" />
<link
href="https://fonts.googleapis.com/css?family=Roboto:400,700"
rel="stylesheet"
type="text/css"
/>
<!-- Set the text that will show up in the browser tab preview text -->
<title>Prayer Time!</title>
<!-- Set the preview image that shows when you share the link -->
<meta property="og:image" content="https://img.freepik.com/premium-photo/faith-christian-concept-spiritual-prayer-hands-sunshine-with-blurred-beautiful-sunrise-sunset-background-christians-who-have-believe-faith-god-morning-prayer_2379-3085.jpg" />
<!-- Set the page to dynamically update based on device width -->
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<header>Prayer Generator</header>
<div class="form-container">
<form id="name-form">
Who would you like to pray for: <input type="text" id="people" placeholder=""><br><br>
What are they struggling with: <input type="text" id="struggles" placeholder="optional"><br><br>
What are they excited about: <input type="text" id="excitement" placeholder="optional"><br><br>
Anything else you'd like to mention: <input type="text" id="other-mentions" placeholder="optional"><br><br>
<select id="focus" name="focus">
<option value="">Select a focus</option>
<option value="healing">Healing</option>
<option value="gratitude">Gratitude</option>
<option value="strength">Strength</option>
<option value="other">Other</option>
</select><br><br>
<button type="submit">Submit</button>
</form>
</div>
<div class="container">
<blockquote id="result"></blockquote>
</div>
<script type="module">
import {
getGenerativeModel,
fileToGenerativePart,
updateUI,
} from "./shared.js";
//create a function run() which takes in a prompt, passes it to the gemini model, and returns the result
async function run(prompt) {
const model = await getGenerativeModel({
model: "gemini-1.5-flash", //set the model to gemini-1.5-flash
});
//generate content from the model and the prompt
return model.generateContentStream(prompt);
}
document
.querySelector("#name-form")
.addEventListener("submit", async (event) => {
event.preventDefault();
//After user hits submit (see listener above), retrieve their input values and store them as variables
const people = document.querySelector("#people").value;
const struggles = document.querySelector("#struggles").value;
const excitement = document.querySelector("#excitement").value;
const othermentions = document.querySelector("#other-mentions").value;
const focus = document.querySelector("#focus").value;
//Write your prompt, including placeholders for the user's inputs
const finalPrompt =
"I will give you a set of inputs. Please write a prayer for me based on those inputs."
+ " In the prayer, please include a bible verse that is relevant. When including the verse, please quote the exact verse and include a citation."
+ " Here are the topics and inputs: "
+ " Who would you like to pray for: " + people
+ " What are they struggling with: " + struggles
+ " What are they struggling with: " + excitement
+ " Anything else you'd like to mention: " + othermentions
+ " Focus area: " + focus
;
//Run the function you created above, passing in the prompt; Note that this uses the updateUI function which is imported above
const resultElement = document.querySelector("#result"); //create resultElement variable that points to the result placeholder