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 today to invite more happiness into your life?
I will cultivate a happy heart by documenting big and small moments to be thankful for each day.
I will explore what makes me happy by meditating on what I feel most thankful for.
I will make happiness an ongoing goal by talking to God about my hopes for the future.
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);
});
});