This commit is contained in:
Seth Trowbridge 2025-10-27 16:25:23 -04:00
commit d117966b61
2 changed files with 279 additions and 0 deletions

128
proposed-backup.txt Normal file
View 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&nbsp;For&nbsp;Life. <em>Thank&nbsp;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
View 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&nbsp;For&nbsp;Life. <em>Thank&nbsp;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});