diff --git a/ye-snippet.js b/ye-snippet.js index eebc5bf..78e20ad 100644 --- a/ye-snippet.js +++ b/ye-snippet.js @@ -2,22 +2,22 @@ const Render=()=> { if(new Date() < new Date(`Jan 1 2026`)) { + const layoutBase =(hexColor, ...messages)=>`
${messages.join("")}
`; + const messageSmall = `

The Bible teaching from Truth For Life is funded by your donations!

`; + const messageLarge =(message)=> `

${message}

`; + /** @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)=>`
${messages.join("")}
`; - const messageSmall = `

The Bible teaching from Truth For Life is funded by your donations!

`; - const messageLarge =(message)=> `

${message}

`; - 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 + if(location.pathname === `/store/category/gifts/`) // if we are on the store category for the gifts page, add this tweak css and *keep going* { insert(``) } - if(!location.pathname.startsWith("/store/checkout/")) // if not on the checkout, show store messaging and quit + if(!location.pathname.startsWith("/store/checkout/")) // if not on the checkout, show CHECKOUT BANNER and *quit* { - insert( layoutBase( "#945c57", @@ -96,9 +95,24 @@ const Render=()=> ); return; } + + if(location.pathname == "/store/checkout/donate/") // if we are on the donation part of the checkout process, replace the messaging "header" over the form and *quit* + { + document.querySelector(".checkout-donate-header__wrapper").innerHTML = `

Your year-end donation will help sustain the global Gospel outreach of Truth For Life. Thank you.

` + 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 + + if(!location.pathname.startsWith("/donate/")) // if we are not on any donate process page, show the DONATION BANNER and *quit* { + // if(localStorage.getItem("ye-2025-donation")) // TODO: don't show donatio messaing if a donation has been madee + // { + // return; + // } + insert( layoutBase( "#bb8618", @@ -109,29 +123,15 @@ const Render=()=> return; } - if(location.pathname == "/store/checkout/donate/") - { - document.querySelector(".checkout-donate-header__wrapper").innerHTML = `

Your year-end donation will help sustain the global Gospel outreach of Truth For Life. Thank you.

` - return; - } - - } - else - { - - if(location.pathname.startsWith("/donate/thank-you/")) + if(location.pathname.startsWith("/donate/thank-you/")) // if we are on the donation thank you page, take note { localStorage.setItem("ye-2025-donation", "true"); } - if(localStorage.getItem("ye-2025-donation")) - { - return; - } - if(location.pathname == "/donate/") + } + else // we are on a non-standard header page + { + if(location.pathname == "/donate/") // if we are on the donate page, insert a THIN DONATION BANNER { const insert = BuildInserter(".donation-header"); if(insert)