init
This commit is contained in:
commit
d117966b61
128
proposed-backup.txt
Normal file
128
proposed-backup.txt
Normal file
@ -0,0 +1,128 @@
|
|||||||
|
<script>
|
||||||
|
const Render=()=>
|
||||||
|
{
|
||||||
|
if(new Date() < new Date(`Jan 1 2026`))
|
||||||
|
{
|
||||||
|
/** @type {(selector:string)=>false|(markup:string)=>void} */
|
||||||
|
const BuildInserter =(selector)=>{
|
||||||
|
const element = document.querySelector(selector);
|
||||||
|
|
||||||
|
return element ? (markup)=>element.insertAdjacentHTML("afterend", markup) : false;
|
||||||
|
}
|
||||||
|
|
||||||
|
const layoutBase =(hexColor, ...messages)=>`<div style="padding: 1rem; text-align: center; background:${hexColor}; color:white;">${messages.join("")}</div>`;
|
||||||
|
const messageSmall = `<p style="margin:0;">The Bible teaching from Truth For Life is funded by your donations!</p>`;
|
||||||
|
const messageLarge =(message)=> `<p style="margin:0; font-size:2rem; font-family: Sanchez;">${message}</p>`;
|
||||||
|
|
||||||
|
const insert = BuildInserter(".nav-outer-wrapper");
|
||||||
|
if(insert)
|
||||||
|
{
|
||||||
|
if(location.pathname.startsWith("/store/"))
|
||||||
|
{
|
||||||
|
if(!location.pathname.startsWith("/store/checkout/"))
|
||||||
|
{
|
||||||
|
// show store messaging
|
||||||
|
insert(
|
||||||
|
layoutBase(
|
||||||
|
"#945c57",
|
||||||
|
messageSmall,
|
||||||
|
messageLarge(`Will you kindly add a year-end gift of any amount at checkout? <em>Thank you.</em>`)
|
||||||
|
)
|
||||||
|
);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else if(!location.pathname.startsWith("/donate/")) // donation confirmation screens use the full nav....
|
||||||
|
{
|
||||||
|
// donation massaging
|
||||||
|
insert(
|
||||||
|
layoutBase(
|
||||||
|
"#bb8618",
|
||||||
|
messageSmall,
|
||||||
|
messageLarge(`Will you kindly <a style="color:white; text-decoration:underline;" href="/donate">give a year-end gift</a> of any amount? <em>Thank you.</em>`)
|
||||||
|
)
|
||||||
|
);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if(location.pathname == "/store/checkout/donate/")
|
||||||
|
{
|
||||||
|
document.querySelector(".checkout-donate-header__wrapper").innerHTML = `<img src="https://info.truthforlife.org/hubfs/__Misc/year-end/donation-messge.jpg" style="
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
"><p class="padded_text checkout-donate-header">Your year-end donation will help sustain the global Gospel outreach of Truth For Life. <em>Thank you</em>.</p>`
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
|
||||||
|
if(location.pathname.startsWith("/donate/thank-you/"))
|
||||||
|
{
|
||||||
|
localStorage.setItem("ye-2025-donation", "true");
|
||||||
|
}
|
||||||
|
if(localStorage.getItem("ye-2025-donation"))
|
||||||
|
{
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if(location.pathname == "/donate/")
|
||||||
|
{
|
||||||
|
const insert = BuildInserter(".donation-header");
|
||||||
|
if(insert)
|
||||||
|
{
|
||||||
|
insert(`<div style="padding: 1rem; text-align: center; background:#bb8618; color:white;">
|
||||||
|
<p style="margin:0; font-size:2rem; font-family: Sanchez;">
|
||||||
|
Your year-end donation will help sustain the global Gospel outreach of Truth For Life.
|
||||||
|
<em>Thank you.</em>
|
||||||
|
</p>
|
||||||
|
</div>`)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// render and setup subsequent pjax renders
|
||||||
|
Render();
|
||||||
|
const observer = new MutationObserver(Render);
|
||||||
|
observer.observe(document.querySelector("#site-wrapper"), {subtree: false, childList: true});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<!-- hs src code tracking -->
|
||||||
|
<script>
|
||||||
|
const url = new URL(location);
|
||||||
|
if(url.pathname == `/resources/daily-devotionals/latest/`)
|
||||||
|
{
|
||||||
|
const src=url.searchParams.get("src");
|
||||||
|
if(src)
|
||||||
|
{
|
||||||
|
const ping = setInterval(()=>
|
||||||
|
{
|
||||||
|
const input = document.querySelector("input[name='orisrccode']");
|
||||||
|
if(input){
|
||||||
|
input.value = src;
|
||||||
|
input.setAttribute("value", src);
|
||||||
|
clearInterval(ping);
|
||||||
|
}
|
||||||
|
}, 1000)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<!-- Hotjar Tracking Code for www.truthforlife.org -->
|
||||||
|
<script>
|
||||||
|
/*
|
||||||
|
(function(h,o,t,j,a,r){
|
||||||
|
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
|
||||||
|
h._hjSettings={hjid:474840,hjsv:6};
|
||||||
|
a=o.getElementsByTagName('head')[0];
|
||||||
|
r=o.createElement('script');r.async=1;
|
||||||
|
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
|
||||||
|
a.appendChild(r);
|
||||||
|
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
|
||||||
|
*/
|
||||||
|
</script>
|
||||||
151
ye-snippet.js
Normal file
151
ye-snippet.js
Normal file
@ -0,0 +1,151 @@
|
|||||||
|
const Render=()=>
|
||||||
|
{
|
||||||
|
if(new Date() < new Date(`Jan 1 2026`))
|
||||||
|
{
|
||||||
|
/** @type {(selector:string)=>false|(markup:string)=>void} */
|
||||||
|
const BuildInserter =(selector)=>{
|
||||||
|
const element = document.querySelector(selector);
|
||||||
|
return element ? (markup)=>element.insertAdjacentHTML("afterend", markup) : false;
|
||||||
|
}
|
||||||
|
|
||||||
|
const layoutBase =(hexColor, ...messages)=>`<div style="padding: 1rem; text-align: center; background:${hexColor}; color:white;">${messages.join("")}</div>`;
|
||||||
|
const messageSmall = `<p style="margin:0;">The Bible teaching from Truth For Life is funded by your donations!</p>`;
|
||||||
|
const messageLarge =(message)=> `<p style="margin:0; font-size:2rem; font-family: Sanchez;">${message}</p>`;
|
||||||
|
|
||||||
|
const insert = BuildInserter(".nav-outer-wrapper");
|
||||||
|
if(insert) // if the main nav exists
|
||||||
|
{
|
||||||
|
if(location.pathname.startsWith("/store/")) // if we are on a store page
|
||||||
|
{
|
||||||
|
if(location.pathname === `/store/category/gifts/`) // if we are on the gifts page, add this css and keep going
|
||||||
|
{
|
||||||
|
insert(`<style>
|
||||||
|
.cards.cards-default .row
|
||||||
|
{
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
.default-product
|
||||||
|
{
|
||||||
|
float: none;
|
||||||
|
width: 33%;
|
||||||
|
|
||||||
|
width:80%;
|
||||||
|
@media(min-width:625px)
|
||||||
|
{
|
||||||
|
width:50%;
|
||||||
|
}
|
||||||
|
@media(min-width:1200px)
|
||||||
|
{
|
||||||
|
width:33%;
|
||||||
|
}
|
||||||
|
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding:0 1% 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.card
|
||||||
|
{
|
||||||
|
.card-inner
|
||||||
|
{
|
||||||
|
min-height: 250px !important;
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
.store-photo-wrapper
|
||||||
|
{
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.store-description-wrapper
|
||||||
|
{
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
& img
|
||||||
|
{
|
||||||
|
position: relative;
|
||||||
|
border-radius: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
max-height: unset;
|
||||||
|
margin: 0;
|
||||||
|
|
||||||
|
@media(min-width:768px)
|
||||||
|
{
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>`)
|
||||||
|
}
|
||||||
|
|
||||||
|
if(!location.pathname.startsWith("/store/checkout/")) // if not on the checkout, show store messaging and quit
|
||||||
|
{
|
||||||
|
|
||||||
|
insert(
|
||||||
|
layoutBase(
|
||||||
|
"#945c57",
|
||||||
|
messageSmall,
|
||||||
|
messageLarge(`Will you kindly add a year-end gift of any amount at checkout? <em>Thank you.</em>`)
|
||||||
|
)
|
||||||
|
);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else if(!location.pathname.startsWith("/donate/")) // if we are on a page with the main nav, but its not any store or donate process page, show donation mesaging and quit
|
||||||
|
{
|
||||||
|
insert(
|
||||||
|
layoutBase(
|
||||||
|
"#bb8618",
|
||||||
|
messageSmall,
|
||||||
|
messageLarge(`Will you kindly <a style="color:white; text-decoration:underline;" href="/donate">give a year-end gift</a> of any amount? <em>Thank you.</em>`)
|
||||||
|
)
|
||||||
|
);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if(location.pathname == "/store/checkout/donate/")
|
||||||
|
{
|
||||||
|
document.querySelector(".checkout-donate-header__wrapper").innerHTML = `<img src="https://info.truthforlife.org/hubfs/__Misc/year-end/donation-messge.jpg" style="
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
"><p class="padded_text checkout-donate-header">Your year-end donation will help sustain the global Gospel outreach of Truth For Life. <em>Thank you</em>.</p>`
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
|
||||||
|
if(location.pathname.startsWith("/donate/thank-you/"))
|
||||||
|
{
|
||||||
|
localStorage.setItem("ye-2025-donation", "true");
|
||||||
|
}
|
||||||
|
if(localStorage.getItem("ye-2025-donation"))
|
||||||
|
{
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if(location.pathname == "/donate/")
|
||||||
|
{
|
||||||
|
const insert = BuildInserter(".donation-header");
|
||||||
|
if(insert)
|
||||||
|
{
|
||||||
|
insert(layoutBase("#bb8618", messageLarge(`Your year-end donation will help sustain the global Gospel outreach of Truth For Life. <em>Thank you.</em`)))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// render and setup subsequent pjax renders
|
||||||
|
Render();
|
||||||
|
const observer = new MutationObserver(Render);
|
||||||
|
observer.observe(document.querySelector("#site-wrapper"), {subtree: false, childList: true});
|
||||||
Loading…
Reference in New Issue
Block a user