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