Devoutly
Hello Field not found.!
Daily Inspiration
My Courses
Story
document.querySelector('#story-label h3').innerText = ''|| 'STORY';
Story Title
Author Name, Organization Name
.story_body p {
padding-bottom: 1rem !important;
}
Story
document.querySelector('#story-label h3').innerText = ''|| 'STORY';
Story Title
Author Name, Organization Name
.story_body p {
padding-bottom: 1rem !important;
}
Reflect
The next time you are afraid, how will you embrace your vulnerability?
I will engage in self-reflection and be honest with myself about my fears.
I will pray to God about my fears and hand my vulnerabilities to Him.
I will reach out to a trusted loved one for comfort and support.
May God’s love encourage and guide your steps today. We’ll see you again soon!
var ytPlayers = {
"motivator-player": null,
"motivator-pt2-a-player": null,
"motivator-pt2-b-player": null,
"motivator-pt3-player": null,
"prayer-player": null,
"checkin-player": null,
"wrapup-player": null,
};
var motivator_player;
var checkin_player;
var prayer_player;
var wrapup_player;
function onPlayerStateChange(event, eltID) {
if (event.data == YT.PlayerState.ENDED) {
let overlayElt = document.getElementById(`${eltID}-overlay-repeat`);
overlayElt.classList.remove("hidden");
}
}
function registerYTPlayer(eltID) {
let ytPlayer = new YT.Player(eltID, {
events: {
onStateChange: (event) => {
onPlayerStateChange(event, eltID);
},
},
});
let overlayElt = document.getElementById(`${eltID}-overlay-repeat`);
overlayElt.classList.remove("hidden");
overlayElt.addEventListener("click", () => {
// transitionPage(1);
ytPlayers[eltID].seekTo(0);
ytPlayers[eltID].playVideo(0);
overlayElt.classList.add("hidden");
});
return ytPlayer;
}
function onYouTubeIframeAPIReady() {
console.log("onYouTubeIframeAPIReady");
for (const [key, val] of Object.entries(ytPlayers)) {
ytPlayers[key] = registerYTPlayer(key);
}
}
function safelyPlayYTVideo(eltID) {
fail_safely(() => {
document
.getElementById(`${eltID}-overlay-repeat`)
.classList.add("hidden");
ytPlayers[eltID].seekTo(0);
ytPlayers[eltID].playVideo();
});
}
.video_container {
position: relative;
}
@media only screen and (max-width: 767px) {
.video-overlay-right {
position: absolute;
top: 0;
right: 0;
width: 25vw;
height: 80dvh;
}
.video-overlay-left {
position: absolute;
top: 0;
left: 0;
width: 25vw;
height: 80dvh;
}
}
.video-container {
height: 100dvh;
background-color: black;
}
.video-player {
position: absolute;
top: -80px;
left: 0px;
right: 0px;
aspect-ratio: 9/18;
height: calc(100dvh + 80px);
width: auto;
margin-left: auto !important;
margin-right: auto !important;
}
/*@media only screen and (max-width: 767px) {*/
/* .video-player {*/
/* top: -40px;*/
/* }*/
/*}*/
.video-overlay-repeat {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100dvh;
cursor: pointer;
background-color: black;
background-repeat: no-repeat;
background-position: center;
background-size: 64px 64px;
background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgNTEwIDUxMCI+PHBhdGggZD0iTTI1NSAxMDJWMEwxMjcuNSAxMjcuNSAyNTUgMjU1VjE1M2M4NC4xNSAwIDE1MyA2OC44NSAxNTMgMTUzcy02OC44NSAxNTMtMTUzIDE1My0xNTMtNjguODUtMTUzLTE1M0g1MWMwIDExMi4yIDkxLjggMjA0IDIwNCAyMDRzMjA0LTkxLjggMjA0LTIwNC05MS44LTIwNC0yMDQtMjA0eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==);
}
/*.video-overlay-repeat {*/
/* position: absolute;*/
/* top: 0;*/
/* left: 0;*/
/* bottom: 0;*/
/* right: 0;*/
/* height: 100dvh;*/
/* cursor: pointer;*/
/* background-color: black;*/
/* display: flex;*/
/* align-items: center;*/
/* justify-content: center;*/
/*}*/
.video-overlay-repeat p {
display: none;
/*color: white;*/
/*font-family: "Jost";*/
}
var dvt_show_state = {
show_motivator: "Yes" === "Yes",
show_motivator_question: "No" === "Yes",
show_motivator_pt3: "No" === "Yes",
show_story_question: "No" === "Yes",
show_story: "No" === "Yes",
show_video_check_in: "No" === "Yes",
show_bible_verse: "Yes" === "Yes",
show_prayer: "No" === "Yes",
show_video_wrap_up: "No" === "Yes",
show_self_reflection: "Yes" === "Yes",
};
var dvt_show_screens = {
show_motivator: ["page-motivator-pt1"],
show_motivator_question: [
"page-motivator-question",
"page-motivator-pt2-a",
// "page-motivator-pt2-b",
],
show_motivator_pt3: ["page-motivator-pt3"],
show_story_question: [
"page-story-question",
"page-story-a",
// "page-story-b",
],
show_story: ["page-story-a"],
show_video_check_in: ["page-video_check_in"],
show_bible_verse: ["page-bible_verse"],
show_prayer: ["page-prayer"],
show_video_wrap_up: ["page-video_wrap_up"],
show_self_reflection: ["page-self_reflection"],
};
var dvt_state = {
"page-motivator-pt1": "Yes" === "Yes",
"page-story-a": "No" === "Yes",
"page-video_check_in": "No" === "Yes",
"page-bible_verse": "Yes" === "Yes",
"page-prayer": "No" === "Yes",
"page-video_wrap_up": "No" === "Yes",
"page-self_reflection": "Yes" === "Yes",
};
var dvt_cta_text = {
"page-motivator-pt1": "Next",
"page-motivator-pt2-a": "",
"page-motivator-pt2-b": "",
"page-motivator-pt3": "",
"page-story-a": "",
"page-story-b": "",
"page-video_check_in": "",
"page-bible_verse": "",
"page-prayer": "",
"page-video_wrap_up": "",
"page-self_reflection": "",
};
full_page_list = [
"page-motivator-pt1",
"page-motivator-question",
"page-motivator-pt2-a",
"page-motivator-pt2-b",
"page-motivator-pt3",
"page-story-question",
"page-story-a",
"page-story-b",
"page-video_check_in",
"page-bible_verse",
"page-prayer",
"page-video_wrap_up",
"page-self_reflection",
"page-end",
];
full_show_list = [
"show_motivator",
"show_motivator_question",
"show_motivator_pt3",
"show_story_question",
"show_story",
"show_video_check_in",
"show_bible_verse",
"show_prayer",
"show_video_wrap_up",
"show_self_reflection",
];
// natural_progression_queue gives the expected length and flow of pages on the happy path (Option A)
natural_progression_queue = [];
for (const [key, val] of Object.entries(full_show_list)) {
// Pods interface automatically unchecks show_story when show_story_question is selected, so we won't get duplicated screens in the queue
if (dvt_show_state[val]) {
natural_progression_queue = natural_progression_queue.concat(
dvt_show_screens[val]
);
}
}
natural_progression_queue.push("page-end");
console.table(dvt_show_state);
console.table(dvt_cta_text);
console.log(natural_progression_queue);
fail_safely(() => {
document
.getElementById("btn-motivator-qs-response-a")
.addEventListener("click", () => {
natural_progression_queue[Page_Idx + 1] = "page-motivator-pt2-a";
transitionPage(1);
});
});
fail_safely(() => {
document
.getElementById("btn-motivator-qs-response-b")
.addEventListener("click", () => {
natural_progression_queue[Page_Idx + 1] = "page-motivator-pt2-b";
transitionPage(1);
});
});
fail_safely(() => {
document
.getElementById("btn-story-qs-response-a")
.addEventListener("click", () => {
natural_progression_queue[Page_Idx + 1] = "page-story-a";
transitionPage(1);
});
});
fail_safely(() => {
document
.getElementById("btn-story-qs-response-b")
.addEventListener("click", () => {
natural_progression_queue[Page_Idx + 1] = "page-story-b";
transitionPage(1);
});
});