diff --git a/biscuitman.js b/biscuitman.js index 0ec1281..f37d797 100644 --- a/biscuitman.js +++ b/biscuitman.js @@ -235,7 +235,7 @@ newScript.setAttribute('type', script.dataset.type || 'text/javascript') if (!script.src) newScript.textContent = script.textContent script.parentNode.replaceChild(newScript, script) - dispatch('inject', {el: script}) + dispatch('inject', {el: script, ...(script.id && {id: script.id})}) // If tag has src AND tag content, inject new tag adjacent to parent after load if (script.src && script.textContent.trim() !== '') newScript.addEventListener('load', () => { @@ -243,7 +243,7 @@ afterScript.textContent = script.textContent if (script.id) afterScript.id = script.id + '-after' newScript.insertAdjacentElement('afterend', afterScript) - dispatch('inject', {el: afterScript, parent: script}) + dispatch('inject', {el: afterScript, parent: script, ...(afterScript.id && {id: afterScript.id})}) }) }); } diff --git a/dist/biscuitman.min.js b/dist/biscuitman.min.js index d2b701c..de56e67 100644 --- a/dist/biscuitman.min.js +++ b/dist/biscuitman.min.js @@ -1 +1 @@ -/*! biscuitman.js 0.3.7 */((e,t,a,o)=>{let n;let s={key:"myconsent",global:"Consent",force:!1,enableMore:!0,sections:["essential"],title:"Your privacy matters",message:"We use cookies",settings:"Settings",reject:"Reject All",accept:"Accept All",save:"Save My Settings",settingsTitle:"My Consent Settings",info:"",more:"(Show more)",noCookies:"No cookies to display",acceptNonEU:!1,...t.biscuitman},i=e.createElement("div"),l=e=>i.classList[e?"remove":"add"]("bm-hide");function c(e){let t=e.target.dataset.id;switch(u("button",{id:t}),t){case"accept":f(!0);break;case"close":n.close();break;case"settings":p();break;case"save":f();break;case"reject":f(!1)}}function r(){u("close")}function d(e){s.force&&e.preventDefault()}function p(){u("open"),n.showModal()}function u(t,a){let n=`${o}:${t}`,s={...void 0!==a&&a,time:+new Date};e.dispatchEvent(new CustomEvent(n,s)),console.debug(n,s)}function b(){try{return JSON.parse(localStorage.getItem(s.key))}catch(e){return console.error(e),localStorage.removeItem(s.key),{}}}function m(){let t=a.fromEntries(a.entries(localStorage)),o=a.fromEntries(e.cookie.split("; ").map(e=>e.split("="))),{consentTime:n,...i}=b()||s.sections.slice(1).reduce((e,t)=>(e[t]=!1,{consentTime:void 0,...e}),{});for(let[n,l]of a.entries(i)){if(l)continue;let i=a.keys(s[`${n}Cookies`]||{});for(let n of(i.filter(e=>e.endsWith("*")).map(e=>{a.keys({...o,...t}).map(t=>{t.startsWith(e.slice(0,-1))&&i.push(t)})}),i))o[n]&&(e.cookie=`${n}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`,u("delete",{cookie:n})),t[n]&&(localStorage.removeItem(n),u("delete",{localStorage:n}))}}function f(e){let a=void 0===e;t[s.global].consentTime=+new Date,s.sections.forEach(o=>{if("essential"===o)return!1;let n=i.querySelector(`[data-s=${o}]`),l=a?n.checked:e;t[s.global][o]=l,a||(n.checked=e)}),localStorage.setItem(s.key,JSON.stringify(t[s.global])),u("save",{data:t[s.global]}),m(),$(),n.close(),l(!1)}function $(){e.querySelectorAll("script[data-consent]").forEach(a=>{if(!t[s.global][a.dataset.consent])return!1;let o=e.createElement("script");for(let{name:e,value:t}of a.attributes)e.startsWith("data-")||"type"===e||o.setAttribute(e,t);o.setAttribute("type",a.dataset.type||"text/javascript"),a.src||(o.textContent=a.textContent),a.parentNode.replaceChild(o,a),u("inject",{el:a}),a.src&&""!==a.textContent.trim()&&o.addEventListener("load",()=>{let t=e.createElement("script");t.textContent=a.textContent,a.id&&(t.id=a.id+"-after"),o.insertAdjacentElement("afterend",t),u("inject",{el:t,parent:a})})})}t[s.global]=b()||{};let g=Intl.DateTimeFormat().resolvedOptions().timeZone,v=/^(GMT|UTC)$/.test(g)||/(Europe|BST|CEST|CET|EET|IST|WEST|WET|GMT-1|GMT-2|UTC+1|UTC+2|UTC+3)/.test(g);s.acceptNonEU&&!v&&(f(!0),l(!1)),function(){i.classList.add(o),i.style="position:fixed;background:#fff;bottom:0",i.innerHTML=`
${s.title}

${s.message}

${s.settingsTitle}

${s.message}

${s.info.split("\n").map((e,t,a)=>{let o=a.length>1&&s.enableMore&&0==t?`${s.more}`:"";return`${e}${o}`}).join("")}

${s.sections.map(e=>{let n=t[s.global][e],i="essential"===e,l=i?"checked":"";void 0!==n&&(l=n?"checked":"");let c=s[`${e}Cookies`];return`
${s[`${e}Title`]}

${s[`${e}Message`]}

${c?a.entries(c).map(([e,t])=>`
${e}
${t}
`).join(""):`
${s.noCookies}
`}
`}).join("")}
`.replaceAll("{link}",`${s.linkText}`),i.querySelectorAll("button").forEach(e=>e.addEventListener("click",c)),(n=i.querySelector("dialog")).addEventListener("close",r),n.addEventListener("cancel",d);let l=i.querySelector(".more");l&&l.addEventListener("click",l.remove),e.body.appendChild(i)}(),m(),t[s.global].consentTime?(l(!1),$()):s.force&&p(),t.bmInvalidate=()=>{u("invalidate",{data:b()}),f(!1),localStorage.removeItem(s.key),l(!0)},t.bmUpdate=()=>{u("update",{data:b()}),p()}})(document,window,Object,"biscuitman"); \ No newline at end of file +/*! biscuitman.js 0.3.7 */((e,t,a,o)=>{let n;let i={key:"myconsent",global:"Consent",force:!1,enableMore:!0,sections:["essential"],title:"Your privacy matters",message:"We use cookies",settings:"Settings",reject:"Reject All",accept:"Accept All",save:"Save My Settings",settingsTitle:"My Consent Settings",info:"",more:"(Show more)",noCookies:"No cookies to display",acceptNonEU:!1,...t.biscuitman},s=e.createElement("div"),l=e=>s.classList[e?"remove":"add"]("bm-hide");function c(e){let t=e.target.dataset.id;switch(u("button",{id:t}),t){case"accept":f(!0);break;case"close":n.close();break;case"settings":p();break;case"save":f();break;case"reject":f(!1)}}function r(){u("close")}function d(e){i.force&&e.preventDefault()}function p(){u("open"),n.showModal()}function u(t,a){let n=`${o}:${t}`,i={...void 0!==a&&a,time:+new Date};e.dispatchEvent(new CustomEvent(n,i)),console.debug(n,i)}function b(){try{return JSON.parse(localStorage.getItem(i.key))}catch(e){return console.error(e),localStorage.removeItem(i.key),{}}}function m(){let t=a.fromEntries(a.entries(localStorage)),o=a.fromEntries(e.cookie.split("; ").map(e=>e.split("="))),{consentTime:n,...s}=b()||i.sections.slice(1).reduce((e,t)=>(e[t]=!1,{consentTime:void 0,...e}),{});for(let[n,l]of a.entries(s)){if(l)continue;let s=a.keys(i[`${n}Cookies`]||{});for(let n of(s.filter(e=>e.endsWith("*")).map(e=>{a.keys({...o,...t}).map(t=>{t.startsWith(e.slice(0,-1))&&s.push(t)})}),s))o[n]&&(e.cookie=`${n}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`,u("delete",{cookie:n})),t[n]&&(localStorage.removeItem(n),u("delete",{localStorage:n}))}}function f(e){let a=void 0===e;t[i.global].consentTime=+new Date,i.sections.forEach(o=>{if("essential"===o)return!1;let n=s.querySelector(`[data-s=${o}]`),l=a?n.checked:e;t[i.global][o]=l,a||(n.checked=e)}),localStorage.setItem(i.key,JSON.stringify(t[i.global])),u("save",{data:t[i.global]}),m(),$(),n.close(),l(!1)}function $(){e.querySelectorAll("script[data-consent]").forEach(a=>{if(!t[i.global][a.dataset.consent])return!1;let o=e.createElement("script");for(let{name:e,value:t}of a.attributes)e.startsWith("data-")||"type"===e||o.setAttribute(e,t);o.setAttribute("type",a.dataset.type||"text/javascript"),a.src||(o.textContent=a.textContent),a.parentNode.replaceChild(o,a),u("inject",{el:a,...a.id&&{id:a.id}}),a.src&&""!==a.textContent.trim()&&o.addEventListener("load",()=>{let t=e.createElement("script");t.textContent=a.textContent,a.id&&(t.id=a.id+"-after"),o.insertAdjacentElement("afterend",t),u("inject",{el:t,parent:a,...t.id&&{id:t.id}})})})}t[i.global]=b()||{};let g=Intl.DateTimeFormat().resolvedOptions().timeZone,v=/^(GMT|UTC)$/.test(g)||/(Europe|BST|CEST|CET|EET|IST|WEST|WET|GMT-1|GMT-2|UTC+1|UTC+2|UTC+3)/.test(g);i.acceptNonEU&&!v&&(f(!0),l(!1)),function(){s.classList.add(o),s.style="position:fixed;background:#fff;bottom:0",s.innerHTML=`
${i.title}

${i.message}

${i.settingsTitle}

${i.message}

${i.info.split("\n").map((e,t,a)=>{let o=a.length>1&&i.enableMore&&0==t?`${i.more}`:"";return`${e}${o}`}).join("")}

${i.sections.map(e=>{let n=t[i.global][e],s="essential"===e,l=s?"checked":"";void 0!==n&&(l=n?"checked":"");let c=i[`${e}Cookies`];return`
${i[`${e}Title`]}

${i[`${e}Message`]}

${c?a.entries(c).map(([e,t])=>`
${e}
${t}
`).join(""):`
${i.noCookies}
`}
`}).join("")}
`.replaceAll("{link}",`${i.linkText}`),s.querySelectorAll("button").forEach(e=>e.addEventListener("click",c)),(n=s.querySelector("dialog")).addEventListener("close",r),n.addEventListener("cancel",d);let l=s.querySelector(".more");l&&l.addEventListener("click",l.remove),e.body.appendChild(s)}(),m(),t[i.global].consentTime?(l(!1),$()):i.force&&p(),t.bmInvalidate=()=>{u("invalidate",{data:b()}),f(!1),localStorage.removeItem(i.key),l(!0)},t.bmUpdate=()=>{u("update",{data:b()}),p()}})(document,window,Object,"biscuitman"); \ No newline at end of file diff --git a/dist/biscuitman.withcss.min.js b/dist/biscuitman.withcss.min.js index d4d0c6e..a167eb0 100644 --- a/dist/biscuitman.withcss.min.js +++ b/dist/biscuitman.withcss.min.js @@ -1 +1 @@ -/*! biscuitman.js 0.3.7 */((e,t,a,o)=>{let n;let s={key:"myconsent",global:"Consent",force:!1,enableMore:!0,sections:["essential"],title:"Your privacy matters",message:"We use cookies",settings:"Settings",reject:"Reject All",accept:"Accept All",save:"Save My Settings",settingsTitle:"My Consent Settings",info:"",more:"(Show more)",noCookies:"No cookies to display",acceptNonEU:!1,...t.biscuitman},i=e.createElement("div"),l=e=>i.classList[e?"remove":"add"]("bm-hide");function c(e){let t=e.target.dataset.id;switch(u("button",{id:t}),t){case"accept":f(!0);break;case"close":n.close();break;case"settings":p();break;case"save":f();break;case"reject":f(!1)}}function r(){u("close")}function d(e){s.force&&e.preventDefault()}function p(){u("open"),n.showModal()}function u(t,a){let n=`${o}:${t}`,s={...void 0!==a&&a,time:+new Date};e.dispatchEvent(new CustomEvent(n,s)),console.debug(n,s)}function b(){try{return JSON.parse(localStorage.getItem(s.key))}catch(e){return console.error(e),localStorage.removeItem(s.key),{}}}function m(){let t=a.fromEntries(a.entries(localStorage)),o=a.fromEntries(e.cookie.split("; ").map(e=>e.split("="))),{consentTime:n,...i}=b()||s.sections.slice(1).reduce((e,t)=>(e[t]=!1,{consentTime:void 0,...e}),{});for(let[n,l]of a.entries(i)){if(l)continue;let i=a.keys(s[`${n}Cookies`]||{});for(let n of(i.filter(e=>e.endsWith("*")).map(e=>{a.keys({...o,...t}).map(t=>{t.startsWith(e.slice(0,-1))&&i.push(t)})}),i))o[n]&&(e.cookie=`${n}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`,u("delete",{cookie:n})),t[n]&&(localStorage.removeItem(n),u("delete",{localStorage:n}))}}function f(e){let a=void 0===e;t[s.global].consentTime=+new Date,s.sections.forEach(o=>{if("essential"===o)return!1;let n=i.querySelector(`[data-s=${o}]`),l=a?n.checked:e;t[s.global][o]=l,a||(n.checked=e)}),localStorage.setItem(s.key,JSON.stringify(t[s.global])),u("save",{data:t[s.global]}),m(),$(),n.close(),l(!1)}function $(){e.querySelectorAll("script[data-consent]").forEach(a=>{if(!t[s.global][a.dataset.consent])return!1;let o=e.createElement("script");for(let{name:e,value:t}of a.attributes)e.startsWith("data-")||"type"===e||o.setAttribute(e,t);o.setAttribute("type",a.dataset.type||"text/javascript"),a.src||(o.textContent=a.textContent),a.parentNode.replaceChild(o,a),u("inject",{el:a}),a.src&&""!==a.textContent.trim()&&o.addEventListener("load",()=>{let t=e.createElement("script");t.textContent=a.textContent,a.id&&(t.id=a.id+"-after"),o.insertAdjacentElement("afterend",t),u("inject",{el:t,parent:a})})})}t[s.global]=b()||{};let g=Intl.DateTimeFormat().resolvedOptions().timeZone,v=/^(GMT|UTC)$/.test(g)||/(Europe|BST|CEST|CET|EET|IST|WEST|WET|GMT-1|GMT-2|UTC+1|UTC+2|UTC+3)/.test(g);s.acceptNonEU&&!v&&(f(!0),l(!1)),function(){i.classList.add(o),i.style="position:fixed;background:#fff;bottom:0",i.innerHTML=`
${s.title}

${s.message}

${s.settingsTitle}

${s.message}

${s.info.split("\n").map((e,t,a)=>{let o=a.length>1&&s.enableMore&&0==t?`${s.more}`:"";return`${e}${o}`}).join("")}

${s.sections.map(e=>{let n=t[s.global][e],i="essential"===e,l=i?"checked":"";void 0!==n&&(l=n?"checked":"");let c=s[`${e}Cookies`];return`
${s[`${e}Title`]}

${s[`${e}Message`]}

${c?a.entries(c).map(([e,t])=>`
${e}
${t}
`).join(""):`
${s.noCookies}
`}
`}).join("")}
`.replaceAll("{link}",`${s.linkText}`),i.querySelectorAll("button").forEach(e=>e.addEventListener("click",c)),(n=i.querySelector("dialog")).addEventListener("close",r),n.addEventListener("cancel",d);let l=i.querySelector(".more");l&&l.addEventListener("click",l.remove),e.body.appendChild(i)}(),m(),t[s.global].consentTime?(l(!1),$()):s.force&&p(),t.bmInvalidate=()=>{u("invalidate",{data:b()}),f(!1),localStorage.removeItem(s.key),l(!0)},t.bmUpdate=()=>{u("update",{data:b()}),p()}})(document,window,Object,"biscuitman");;((d)=>{let c=d.createElement('style');c.textContent=`.biscuitman{--t:#444;--b:#fff;--c:#105d89;background:var(--b);box-sizing:border-box;width:100%;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;box-shadow:0 -2px 10px #00000029}.biscuitman *{box-sizing:border-box;margin:0;padding:0;font-size:16px;line-height:1.4em}.biscuitman:has([open]){transform:translateY(100%)}.biscuitman.bm-hide{padding:0}.biscuitman.bm-hide article{display:none}.biscuitman article{position:relative}@media (width>=770px){.biscuitman article{padding-right:calc(max(300px,30vw) + 20px)}.biscuitman article nav{width:30vw;min-width:300px;position:absolute;bottom:50%;right:0;transform:translateY(50%)}}.biscuitman article p{color:var(--t);margin:10px 0;font-size:13px}@media (width>=575px){.biscuitman article p{font-size:14px}}.biscuitman button{background:var(--b);border:2px solid var(--c);color:var(--c);cursor:pointer;border-radius:3px;margin-top:10px;padding:.8em;font-size:13px;line-height:1em}.biscuitman button[data-id=accept]{background:var(--c);color:var(--b)!important}.biscuitman button[data-id=close]{color:#000;opacity:.6;-webkit-user-select:none;user-select:none;z-index:2;background:0 0;border:none;outline:none;padding:10px;font-size:24px;line-height:1em;position:absolute;top:0;right:10px}.biscuitman button[disabled]{display:none}.biscuitman button:hover{opacity:.8}@media (width>=576px){.biscuitman nav{flex-direction:row-reverse;gap:10px;width:100%;display:flex}.biscuitman nav button{flex-grow:1;margin-bottom:0}}@media (width<=575px){.biscuitman nav{flex-direction:column;flex-grow:1;display:flex}}.biscuitman dialog{border:0;width:100%;max-width:100%;height:100%;max-height:100%}@media (width>=576px){.biscuitman dialog{border-radius:10px;width:90vw;max-width:860px;max-height:80vh;margin:auto;box-shadow:0 0 8px #0000004d}}@media (width>=576px) and (height>=1134px){.biscuitman dialog{height:890px}}.biscuitman dialog nav{justify-self:flex-end;position:relative}.biscuitman .bm-dialog{flex-direction:column;height:100%;padding:20px;display:flex}.biscuitman .bm-dialog b{position:relative}.biscuitman .bm-dialog>b:after{content:"";background:linear-gradient(180deg,var(--b)20%,transparent);pointer-events:none;z-index:1;width:100%;height:25px;margin-bottom:-24px;position:absolute;bottom:0;left:0}.biscuitman .bm-dialog nav:after{content:"";background:linear-gradient(0deg,var(--b)20%,transparent);pointer-events:none;width:100%;height:25px;position:absolute;top:-24px;left:0}.biscuitman .bm-sections{scrollbar-color:#ddd var(--b);flex-shrink:1;height:100%;padding:15px 0;position:relative;overflow-y:scroll}@media (width>=576px){.biscuitman .bm-sections{margin-right:-18px;padding-right:4px}}.biscuitman .bm-sections>p{padding-right:30px;line-height:18px}.biscuitman .bm-sections>p span{padding-bottom:5px;font-size:13px;display:block}@media (width>=576px){.biscuitman .bm-sections>p span{font-size:14px}}.biscuitman .bm-sections>p span:has(.more)~span{display:none}.biscuitman a{font-size:inherit;color:var(--c);cursor:pointer;text-decoration:none;display:inline-block}.biscuitman a:hover{text-decoration:underline}.biscuitman section{margin-bottom:10px;position:relative}.biscuitman section:first-of-type{margin-top:10px}.biscuitman details{border:1px solid #ccc;border-radius:5px;padding:10px;list-style:none;box-shadow:0 2px 4px #0000001a}.biscuitman details[open] summary b:after{margin:-3px 0 0 -2px;transform:rotate(45deg)scale(.3)}.biscuitman summary{cursor:pointer;flex-direction:column;width:100%;padding:5px 80px 10px 10px;list-style:none;display:flex;position:relative}.biscuitman summary b{margin-bottom:3px}.biscuitman summary b:after{content:"";border:5px solid #777;border-color:#0000 #777 #777 #0000;border-radius:2px;width:1em;height:1em;margin:-2px 0 0 -4px;display:block;transform:rotate(-45deg)scale(.3)}.biscuitman summary p{color:var(--t);font-size:14px}.biscuitman summary>*{display:inline-flex}.biscuitman summary::marker{display:none}.biscuitman summary::-webkit-details-marker{display:none}.biscuitman dl{background:#eee;margin:10px;padding:10px;display:flex}.biscuitman dl dt,.biscuitman dl dd{color:var(--t);font-size:13px}.biscuitman dl dt{min-width:120px;padding-right:30px;font-weight:700}.biscuitman label{--height:1.2em;--width:2.3em;--gap:2px;height:var(--height);width:var(--width);border-radius:var(--height);background-color:#999;margin-top:-2px;display:block;position:absolute;top:50%;right:20px;transform:translateY(-50%);font-size:20px!important}.biscuitman label:before{content:"";background:var(--b);height:calc(var(--height) - calc(var(--gap)*2));width:calc(var(--height) - calc(var(--gap)*2));height:var(--height);width:var(--height);left:var(--gap);transform-origin:50%;border-radius:100%;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)scale(.8)}.biscuitman label:has(:checked){background-color:var(--c)}.biscuitman label:has(:checked):before{left:auto;right:0}.biscuitman label:has(:focus-visible){outline:auto highlight}.biscuitman label:has([disabled]:checked){opacity:.6}.biscuitman label input{opacity:0}`;d.documentElement.appendChild(c)})(document); \ No newline at end of file +/*! biscuitman.js 0.3.7 */((e,t,a,o)=>{let n;let i={key:"myconsent",global:"Consent",force:!1,enableMore:!0,sections:["essential"],title:"Your privacy matters",message:"We use cookies",settings:"Settings",reject:"Reject All",accept:"Accept All",save:"Save My Settings",settingsTitle:"My Consent Settings",info:"",more:"(Show more)",noCookies:"No cookies to display",acceptNonEU:!1,...t.biscuitman},s=e.createElement("div"),l=e=>s.classList[e?"remove":"add"]("bm-hide");function c(e){let t=e.target.dataset.id;switch(u("button",{id:t}),t){case"accept":f(!0);break;case"close":n.close();break;case"settings":p();break;case"save":f();break;case"reject":f(!1)}}function r(){u("close")}function d(e){i.force&&e.preventDefault()}function p(){u("open"),n.showModal()}function u(t,a){let n=`${o}:${t}`,i={...void 0!==a&&a,time:+new Date};e.dispatchEvent(new CustomEvent(n,i)),console.debug(n,i)}function b(){try{return JSON.parse(localStorage.getItem(i.key))}catch(e){return console.error(e),localStorage.removeItem(i.key),{}}}function m(){let t=a.fromEntries(a.entries(localStorage)),o=a.fromEntries(e.cookie.split("; ").map(e=>e.split("="))),{consentTime:n,...s}=b()||i.sections.slice(1).reduce((e,t)=>(e[t]=!1,{consentTime:void 0,...e}),{});for(let[n,l]of a.entries(s)){if(l)continue;let s=a.keys(i[`${n}Cookies`]||{});for(let n of(s.filter(e=>e.endsWith("*")).map(e=>{a.keys({...o,...t}).map(t=>{t.startsWith(e.slice(0,-1))&&s.push(t)})}),s))o[n]&&(e.cookie=`${n}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`,u("delete",{cookie:n})),t[n]&&(localStorage.removeItem(n),u("delete",{localStorage:n}))}}function f(e){let a=void 0===e;t[i.global].consentTime=+new Date,i.sections.forEach(o=>{if("essential"===o)return!1;let n=s.querySelector(`[data-s=${o}]`),l=a?n.checked:e;t[i.global][o]=l,a||(n.checked=e)}),localStorage.setItem(i.key,JSON.stringify(t[i.global])),u("save",{data:t[i.global]}),m(),$(),n.close(),l(!1)}function $(){e.querySelectorAll("script[data-consent]").forEach(a=>{if(!t[i.global][a.dataset.consent])return!1;let o=e.createElement("script");for(let{name:e,value:t}of a.attributes)e.startsWith("data-")||"type"===e||o.setAttribute(e,t);o.setAttribute("type",a.dataset.type||"text/javascript"),a.src||(o.textContent=a.textContent),a.parentNode.replaceChild(o,a),u("inject",{el:a,...a.id&&{id:a.id}}),a.src&&""!==a.textContent.trim()&&o.addEventListener("load",()=>{let t=e.createElement("script");t.textContent=a.textContent,a.id&&(t.id=a.id+"-after"),o.insertAdjacentElement("afterend",t),u("inject",{el:t,parent:a,...t.id&&{id:t.id}})})})}t[i.global]=b()||{};let g=Intl.DateTimeFormat().resolvedOptions().timeZone,v=/^(GMT|UTC)$/.test(g)||/(Europe|BST|CEST|CET|EET|IST|WEST|WET|GMT-1|GMT-2|UTC+1|UTC+2|UTC+3)/.test(g);i.acceptNonEU&&!v&&(f(!0),l(!1)),function(){s.classList.add(o),s.style="position:fixed;background:#fff;bottom:0",s.innerHTML=`
${i.title}

${i.message}

${i.settingsTitle}

${i.message}

${i.info.split("\n").map((e,t,a)=>{let o=a.length>1&&i.enableMore&&0==t?`${i.more}`:"";return`${e}${o}`}).join("")}

${i.sections.map(e=>{let n=t[i.global][e],s="essential"===e,l=s?"checked":"";void 0!==n&&(l=n?"checked":"");let c=i[`${e}Cookies`];return`
${i[`${e}Title`]}

${i[`${e}Message`]}

${c?a.entries(c).map(([e,t])=>`
${e}
${t}
`).join(""):`
${i.noCookies}
`}
`}).join("")}
`.replaceAll("{link}",`${i.linkText}`),s.querySelectorAll("button").forEach(e=>e.addEventListener("click",c)),(n=s.querySelector("dialog")).addEventListener("close",r),n.addEventListener("cancel",d);let l=s.querySelector(".more");l&&l.addEventListener("click",l.remove),e.body.appendChild(s)}(),m(),t[i.global].consentTime?(l(!1),$()):i.force&&p(),t.bmInvalidate=()=>{u("invalidate",{data:b()}),f(!1),localStorage.removeItem(i.key),l(!0)},t.bmUpdate=()=>{u("update",{data:b()}),p()}})(document,window,Object,"biscuitman");;((d)=>{let c=d.createElement('style');c.textContent=`.biscuitman{--t:#444;--b:#fff;--c:#105d89;background:var(--b);box-sizing:border-box;width:100%;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;box-shadow:0 -2px 10px #00000029}.biscuitman *{box-sizing:border-box;margin:0;padding:0;font-size:16px;line-height:1.4em}.biscuitman:has([open]){transform:translateY(100%)}.biscuitman.bm-hide{padding:0}.biscuitman.bm-hide article{display:none}.biscuitman article{position:relative}@media (width>=770px){.biscuitman article{padding-right:calc(max(300px,30vw) + 20px)}.biscuitman article nav{width:30vw;min-width:300px;position:absolute;bottom:50%;right:0;transform:translateY(50%)}}.biscuitman article p{color:var(--t);margin:10px 0;font-size:13px}@media (width>=575px){.biscuitman article p{font-size:14px}}.biscuitman button{background:var(--b);border:2px solid var(--c);color:var(--c);cursor:pointer;border-radius:3px;margin-top:10px;padding:.8em;font-size:13px;line-height:1em}.biscuitman button[data-id=accept]{background:var(--c);color:var(--b)!important}.biscuitman button[data-id=close]{color:#000;opacity:.6;-webkit-user-select:none;user-select:none;z-index:2;background:0 0;border:none;outline:none;padding:10px;font-size:24px;line-height:1em;position:absolute;top:0;right:10px}.biscuitman button[disabled]{display:none}.biscuitman button:hover{opacity:.8}@media (width>=576px){.biscuitman nav{flex-direction:row-reverse;gap:10px;width:100%;display:flex}.biscuitman nav button{flex-grow:1;margin-bottom:0}}@media (width<=575px){.biscuitman nav{flex-direction:column;flex-grow:1;display:flex}}.biscuitman dialog{border:0;width:100%;max-width:100%;height:100%;max-height:100%}@media (width>=576px){.biscuitman dialog{border-radius:10px;width:90vw;max-width:860px;max-height:80vh;margin:auto;box-shadow:0 0 8px #0000004d}}@media (width>=576px) and (height>=1134px){.biscuitman dialog{height:890px}}.biscuitman dialog nav{justify-self:flex-end;position:relative}.biscuitman .bm-dialog{flex-direction:column;height:100%;padding:20px;display:flex}.biscuitman .bm-dialog b{position:relative}.biscuitman .bm-dialog>b:after{content:"";background:linear-gradient(180deg,var(--b)20%,transparent);pointer-events:none;z-index:1;width:100%;height:25px;margin-bottom:-24px;position:absolute;bottom:0;left:0}.biscuitman .bm-dialog nav:after{content:"";background:linear-gradient(0deg,var(--b)20%,transparent);pointer-events:none;width:100%;height:25px;position:absolute;top:-24px;left:0}.biscuitman .bm-sections{scrollbar-color:#ddd var(--b);flex-shrink:1;height:100%;padding:15px 0;position:relative;overflow-y:scroll}@media (width>=576px){.biscuitman .bm-sections{margin-right:-18px;padding-right:4px}}.biscuitman .bm-sections>p{padding-right:30px;line-height:18px}.biscuitman .bm-sections>p span{padding-bottom:5px;font-size:13px;display:block}@media (width>=576px){.biscuitman .bm-sections>p span{font-size:14px}}.biscuitman .bm-sections>p span:has(.more)~span{display:none}.biscuitman a{font-size:inherit;color:var(--c);cursor:pointer;text-decoration:none;display:inline-block}.biscuitman a:hover{text-decoration:underline}.biscuitman section{margin-bottom:10px;position:relative}.biscuitman section:first-of-type{margin-top:10px}.biscuitman details{border:1px solid #ccc;border-radius:5px;padding:10px;list-style:none;box-shadow:0 2px 4px #0000001a}.biscuitman details[open] summary b:after{margin:-3px 0 0 -2px;transform:rotate(45deg)scale(.3)}.biscuitman summary{cursor:pointer;flex-direction:column;width:100%;padding:5px 80px 10px 10px;list-style:none;display:flex;position:relative}.biscuitman summary b{margin-bottom:3px}.biscuitman summary b:after{content:"";border:5px solid #777;border-color:#0000 #777 #777 #0000;border-radius:2px;width:1em;height:1em;margin:-2px 0 0 -4px;display:block;transform:rotate(-45deg)scale(.3)}.biscuitman summary p{color:var(--t);font-size:14px}.biscuitman summary>*{display:inline-flex}.biscuitman summary::marker{display:none}.biscuitman summary::-webkit-details-marker{display:none}.biscuitman dl{background:#eee;margin:10px;padding:10px;display:flex}.biscuitman dl dt,.biscuitman dl dd{color:var(--t);font-size:13px}.biscuitman dl dt{min-width:120px;padding-right:30px;font-weight:700}.biscuitman label{--height:1.2em;--width:2.3em;--gap:2px;height:var(--height);width:var(--width);border-radius:var(--height);background-color:#999;margin-top:-2px;display:block;position:absolute;top:50%;right:20px;transform:translateY(-50%);font-size:20px!important}.biscuitman label:before{content:"";background:var(--b);height:calc(var(--height) - calc(var(--gap)*2));width:calc(var(--height) - calc(var(--gap)*2));height:var(--height);width:var(--height);left:var(--gap);transform-origin:50%;border-radius:100%;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)scale(.8)}.biscuitman label:has(:checked){background-color:var(--c)}.biscuitman label:has(:checked):before{left:auto;right:0}.biscuitman label:has(:focus-visible){outline:auto highlight}.biscuitman label:has([disabled]:checked){opacity:.6}.biscuitman label input{opacity:0}`;d.documentElement.appendChild(c)})(document); \ No newline at end of file diff --git a/index.html b/index.html index b494acc..d368048 100644 --- a/index.html +++ b/index.html @@ -135,6 +135,9 @@ }, functionalTitle: 'Functional', functionalMessage: 'Functional cookies allow us to perform specific tasks such as sharing website content on social media platforms, gathering feedback, and enabling other third-party features', + functionalCookies: { + 'biscuitselector':'Your favourite biscuit is stored here' + }, analyticsTitle: 'Analytics', analyticsMessage: 'Analytical cookies allow us to understand visitor interactions with the website, offering insights into metrics like visitor count, bounce rate, and traffic source', analyticsCookies: { @@ -286,6 +289,47 @@

document cookies (refreshed once/s):

Biscuits, the beloved treats that accompany tea time, snack breaks, and dessert cravings. In this comprehensive guide, we delve into the world of biscuits, exploring their history, varieties, and cultural significance.

+

Favourite Biscuit Selector

+
+ + + +
+ + + +

History of Biscuits

The origins of biscuits trace back centuries, with evidence of early biscuit-like snacks dating back to ancient civilizations. However, the modern biscuit, as we know it today, evolved during the Middle Ages in Europe. Initially, biscuits were hard, dry baked goods made primarily from flour, water, and sometimes sugar.

Over time, biscuit recipes diversified, incorporating various ingredients such as butter, eggs, and flavorings. The Industrial Revolution further transformed biscuit production, enabling mass manufacturing and distribution.