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
What will you do the next time you struggle with your sense of confidence?
Reflect on what confidence and resilience mean for me.
Take one positive step to boost my sense of confidence.
Remind myself that building up my confidence and resilience takes time.
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);
});
});