Left Branded: Your All-in-One Digital Marketing Agency
Copy Code
Clear
<!-- Preview Panel Header Controls --></p> <div class="flex items-center justify-between px-4 py-2 text-xs font-mono uppercase tracking-widest bg-slate-100 dark:bg-slate-900 text-slate-500"> <div class="flex items-center gap-2"> <i data-lucide="play" class="w-4 h-4 text-emerald-500"></i><br /> Live View </div> <div class="flex gap-2"> <button onclick="toggleConsole()" id="console-btn" class="flex items-center gap-1.5 transition-colors hover:text-indigo-500 text-slate-500" ><br /> <i data-lucide="terminal" class="w-3.5 h-3.5"></i> Console (<span id="log-counter">0</span>)<br /> </button> </div> </p></div> <p> <!-- Safe sandboxed viewer with adjustable widths for mobile/tablet responsive checks --></p> <div class="flex-1 flex items-center justify-center p-4 overflow-hidden relative"> <div id="preview-viewport" class="h-full shadow-2xl rounded-xl overflow-hidden bg-white preview-transition w-full border border-slate-200 dark:border-slate-800" ><br /> <iframe id="preview-iframe" title="Live Execution Sandboxed Window" class="w-full h-full border-none" ></iframe> </div> </p></div> <p> <!-- Console Output Log Drawer --></p> <div id="console-drawer" class="h-48 border-t border-slate-200 dark:border-slate-800 flex flex-col bg-white dark:bg-slate-950 transition-all duration-200 hidden" ></p> <div class="flex items-center justify-between px-4 py-2 border-b border-slate-200 dark:border-slate-850 bg-slate-50 dark:bg-slate-900/40"> <span class="text-[10px] font-bold text-slate-500 dark:text-slate-400 uppercase tracking-tighter flex items-center gap-1"><br /> <i data-lucide="terminal" class="w-3 h-3 text-indigo-500"></i> Code execution logs<br /> </span><br /> <button onclick="clearLogs()" class="text-[10px] text-slate-500 hover:text-indigo-500 dark:hover:text-white transition-all">Clear Logs</button> </div> <div id="logs-container" class="flex-1 overflow-y-auto p-3 font-mono text-xs space-y-1.5"> <div class="text-slate-400 dark:text-slate-600 italic">Console initialized. No messages logged yet.</div> </p></div> </p></div> </p></div> <p> </main></p> <p> <!-- Copy feedback Toast --></p> <div id="toast-notif" class="fixed bottom-6 right-6 bg-slate-900 dark:bg-white text-white dark:text-slate-900 px-4 py-2.5 rounded-lg shadow-2xl opacity-0 translate-y-2 pointer-events-none transition-all duration-300 text-sm font-medium z-50 flex items-center gap-2"> <i data-lucide="check-circle" class="w-4 h-4 text-emerald-500"></i> Code copied to clipboard! </div> <p> <!-- Application Footer status bar --></p> <footer class="px-4 py-1.5 text-[10px] flex justify-between border-t border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-950 text-slate-500 dark:text-slate-400 font-medium"> <div>UTF-8 Plain Text</div> <div class="flex gap-4"> <span>Responsive Simulator</span><br /> <span class="text-emerald-500 flex items-center gap-1"><br /> <span class="w-1.5 h-1.5 rounded-full bg-emerald-500 animate-pulse"></span> Synchronized<br /> </span> </div> </footer> <p> <script> // Core state configurations let viewMode = 'desktop'; let showConsole = false; let logs = [];</p> <p> // Elements const editorTextarea = document.getElementById('editor-textarea'); const previewIframe = document.getElementById('preview-iframe'); const previewViewport = document.getElementById('preview-viewport'); const consoleDrawer = document.getElementById('console-drawer'); const consoleBtn = document.getElementById('console-btn'); const logsContainer = document.getElementById('logs-container'); const logCounter = document.getElementById('log-counter'); const toast = document.getElementById('toast-notif');</p> <p> // Built-in Templates const DEFAULT_CODE = `<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"></p> <style> body { font-family: system-ui, -apple-system, sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; margin: 0; background: #f1f5f9; color: #0f172a; } .container { background: white; padding: 2.5rem; border-radius: 1.25rem; box-shadow: 0 10px 30px -5px rgba(0,0,0,0.08); text-align: center; max-width: 400px; border: 1px solid #e2e8f0; } h1 { color: #4f46e5; margin-bottom: 0.5rem; font-size: 1.8rem; } p { color: #64748b; line-height: 1.6; } .btn { margin-top: 1.5rem; padding: 0.75rem 1.75rem; background: #4f46e5; color: white; border: none; border-radius: 0.5rem; cursor: pointer; font-weight: 600; transition: background 0.2s, transform 0.1s; } .btn:hover { background: #4338ca; } .btn:active { transform: scale(0.98); } </style> <p></head> <body></p> <div class="container"> <h1>Hello Workspace</h1> <p>This is your live-update sandbox environment. Start editing the index.html template on the left!</p> <p> <button class="btn" onclick="console.log('Action successful! Timestamp: ' + Date.now())">Test Console Log</button> </div> <p> <script> console.log("Welcome to the code preview panel!"); <\/script> </body> </html>`;</p> <p> const TAILWIND_TEMPLATE = `<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="https://cdn.tailwindcss.com"><\/script> </head> <body class="bg-slate-100 min-h-screen flex items-center justify-center p-6"></p> <div class="max-w-md w-full bg-white rounded-2xl shadow-xl overflow-hidden border border-slate-100"> <div class="h-32 bg-indigo-600 flex items-center justify-center"> <h2 class="text-white text-3xl font-bold tracking-tighter">Tailwind CSS Sandbox</h2> </p></div> <div class="p-8"> <div class="uppercase tracking-wide text-xs text-indigo-500 font-bold">Prototype Wireframe</div> <p class="mt-2 text-slate-600 text-sm leading-relaxed"> Quickly evaluate and build components. Tailwind CDN is preloaded instantly so you can leverage utility helper structures seamlessly. </p> <div class="mt-6 flex gap-3"> <button onclick="console.log('Primary Button Tap')" class="flex-1 bg-indigo-600 text-white text-sm py-2.5 rounded-lg hover:bg-indigo-700 transition font-semibold">Primary Action</button> <button onclick="console.warn('Secondary Button Tap')" class="flex-1 border border-slate-200 text-slate-700 text-sm py-2.5 rounded-lg hover:bg-slate-50 transition font-semibold">Dismiss</button> </div> </p></div> </p></div> <p></body> </html>`;</p> <p> const JS_TEMPLATE = `<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"></p> <style> body { font-family: system-ui, sans-serif; padding: 40px; text-align: center; background: #fafafa; } #counter { font-size: 80px; font-weight: 800; margin: 20px 0; color: #4f46e5; } .btn-group { display: flex; justify-content: center; gap: 10px; } button { padding: 12px 24px; font-size: 14px; cursor: pointer; border-radius: 8px; border: 1px solid #e2e8f0; background: white; font-weight: bold; transition: all 0.2s; } button:hover { background: #f8fafc; border-color: #cbd5e1; } .err-btn { color: #ef4444; } </style> <p></head> <body></p> <h2>Interactivity Sandbox</h2> <div id="counter">0</div> <div class="btn-group"> <button onclick="increment()">Add +1</button> <button onclick="console.log('Current value tracking: ' + count)">Log value</button> <button onclick="triggerError()" class="err-btn">Mock JS Error</button> </div> <p> <script> let count = 0; const display = document.getElementById('counter');</p> <p> function increment() { count++; display.innerText = count; console.log("Interactive Counter -> Increased: " + count); }</p> <p> function triggerError() { console.error("Simulation error! Logged down inside our system drawer."); throw new Error("Sandbox Simulated Exception Exception!"); } <\/script> </body> </html>`;</p> <p> // Initialization window.addEventListener('load', () => { // Apply default theme const savedTheme = localStorage.getItem('theme'); if (savedTheme === 'light') { document.documentElement.classList.remove('dark'); } else { document.documentElement.classList.add('dark'); } updateThemeIcons();</p> <p> // Populate workspace code area editorTextarea.value = DEFAULT_CODE; updatePreview();</p> <p> // Setup icons lucide.createIcons(); });</p> <p> // Set Tab Key behavior in code editor editorTextarea.addEventListener('keydown', function(e) { if (e.key === 'Tab') { e.preventDefault(); const start = this.selectionStart; const end = this.selectionEnd; this.value = this.value.substring(0, start) + "\t" + this.value.substring(end); this.selectionStart = this.selectionEnd = start + 1; } });</p> <p> // Watch and debounce typing inputs (300ms) let syncTimeout; editorTextarea.addEventListener('input', () => { clearTimeout(syncTimeout); syncTimeout = setTimeout(() => { updatePreview(); }, 300); });</p> <p> // Safe message receiver system to stream events logged out from sub-frames window.addEventListener('message', (event) => { if (event.data && event.data.type === 'console') { logMessageToDrawer(event.data.method, event.data.data.join(' ')); } });</p> <p> // Update the Live View Frame contents with error-intercept overlays function updatePreview() { const doc = previewIframe.contentDocument || previewIframe.contentWindow.document; if (!doc) return;</p> <p> // Script wrapper to pipe iframe outputs seamlessly into parent panel logs const consoleInterceptorScript = ` <script> const _log = console.log; const _err = console.error; const _warn = console.warn;</p> <p> const postLog = (type, args) => { window.parent.postMessage({ type: 'console', method: type, data: Array.from(args).map(arg => { if (typeof arg === 'object') { try { return JSON.stringify(arg); } catch(e) { return String(arg); } } return String(arg); }) }, '*'); };</p> <p> console.log = function() { postLog('log', arguments); _log.apply(console, arguments); }; console.error = function() { postLog('error', arguments); _err.apply(console, arguments); }; console.warn = function() { postLog('warn', arguments); _warn.apply(console, arguments); };</p> <p> window.onerror = function(message, source, lineno, colno, error) { postLog('error', [message + ' (Line: ' + lineno + ')']); }; <\/script> `;</p> <p> doc.open(); doc.write(consoleInterceptorScript + editorTextarea.value); doc.close(); }</p> <p> // Controls: Viewport sizes function setViewMode(mode) { viewMode = mode;</p> <p> // Adjust device responsive widths if (mode === 'mobile') { previewViewport.style.width = '375px'; } else if (mode === 'tablet') { previewViewport.style.width = '768px'; } else { previewViewport.style.width = '100%'; }</p> <p> // Highlight button states document.getElementById('btn-mobile').className = `p-1.5 rounded ${mode === 'mobile' ? 'bg-white dark:bg-slate-700 shadow text-indigo-600 dark:text-white' : 'text-slate-500 hover:text-indigo-600'}`; document.getElementById('btn-tablet').className = `p-1.5 rounded ${mode === 'tablet' ? 'bg-white dark:bg-slate-700 shadow text-indigo-600 dark:text-white' : 'text-slate-500 hover:text-indigo-600'}`; document.getElementById('btn-desktop').className = `p-1.5 rounded ${mode === 'desktop' ? 'bg-white dark:bg-slate-700 shadow text-indigo-600 dark:text-white' : 'text-slate-500 hover:text-indigo-600'}`; }</p> <p> // Controls: Toggle Dark Mode Theme function toggleDarkMode() { if (document.documentElement.classList.contains('dark')) { document.documentElement.classList.remove('dark'); localStorage.setItem('theme', 'light'); } else { document.documentElement.classList.add('dark'); localStorage.setItem('theme', 'dark'); } updateThemeIcons(); }</p> <p> function updateThemeIcons() { const isDark = document.documentElement.classList.contains('dark'); document.getElementById('theme-icon-light').style.display = isDark ? 'block' : 'none'; document.getElementById('theme-icon-dark').style.display = isDark ? 'none' : 'block'; }</p> <p> // Controls: Switch Templates function loadTemplate(type) { if (type === 'basic') editorTextarea.value = DEFAULT_CODE; if (type === 'tailwind') editorTextarea.value = TAILWIND_TEMPLATE; if (type === 'js') editorTextarea.value = JS_TEMPLATE;</p> <p> clearLogs(); updatePreview(); }</p> <p> // Controls: Clear text editor content function clearEditor() { editorTextarea.value = ''; updatePreview(); editorTextarea.focus(); }</p> <p> // Controls: Clipboard Action function copyCode() { editorTextarea.select(); document.execCommand('copy');</p> <p> // Un-select element window.getSelection().removeAllRanges();</p> <p> // Spark Toast success feedback notice toast.style.opacity = '1'; toast.style.transform = 'translateY(0px)';</p> <p> setTimeout(() => { toast.style.opacity = '0'; toast.style.transform = 'translateY(8px)'; }, 2500); }</p> <p> // Console Toggle Drawer function toggleConsole() { showConsole = !showConsole; if (showConsole) { consoleDrawer.classList.remove('hidden'); consoleBtn.classList.add('text-indigo-500'); consoleBtn.classList.remove('text-slate-500'); } else { consoleDrawer.classList.add('hidden'); consoleBtn.classList.remove('text-indigo-500'); consoleBtn.classList.add('text-slate-500'); } }</p> <p> // Add Log Stream function logMessageToDrawer(method, content) { // Remove initialized notice first if empty if (logs.length === 0) { logsContainer.innerHTML = ''; }</p> <p> const timestamp = new Date().toLocaleTimeString([], { hour12: false, hour: '2-digit', minute: '2-digit', second: '2-digit' }); logs.push({ method, content, timestamp });</p> <p> // Limit stored lines to protect memory performance if (logs.length > 50) logs.shift();</p> <p> // Construct visual row wrapper const logRow = document.createElement('div'); logRow.className = `flex gap-3 py-1 px-2 border-b border-slate-100 dark:border-slate-900 rounded font-mono text-[11px] ${ method === 'error' ? 'text-red-500 bg-red-500/5 dark:bg-red-500/10' : method === 'warn' ? 'text-yellow-600 dark:text-yellow-400 bg-yellow-500/5' : 'text-slate-700 dark:text-slate-300' }`;</p> <p> logRow.innerHTML = ` <span class="text-slate-400 select-none">[${timestamp}]</span> <span class="font-bold uppercase min-w-[45px]">${method}:</span> <span class="whitespace-pre-wrap break-all flex-1">${content}</span> `;</p> <p> logsContainer.appendChild(logRow); logsContainer.scrollTop = logsContainer.scrollHeight;</p> <p> // Increment visual logs count badge logCounter.innerText = logs.length; }</p> <p> // Clear Logging System function clearLogs() { logs = []; logCounter.innerText = '0'; logsContainer.innerHTML = `</p> <div class="text-slate-400 dark:text-slate-600 italic">Console cleared.</div> <p>`; } </script><br /> </body><br /> </html></p> </div> </div> </main> <footer class="wp-block-template-part"> <div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--50)"> <div class="wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow"> <div class="wp-block-group alignfull is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-e5edad21 wp-block-group-is-layout-flex"> <div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:100%"><h2 class="wp-block-site-title"><a href="https://leftbranded.com" target="_self" rel="home" aria-current="page">Left Branded: Your All-in-One Digital Marketing Agency</a></h2> <p class="wp-block-site-tagline">Transform your online presence with Left Branded's expert digital marketing services, from social media advertising to stunning web design solutions.</p> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <div style="height:var(--wp--preset--spacing--40);width:0px" aria-hidden="true" class="wp-block-spacer"></div> </div> </div> <div class="wp-block-group is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-570722b2 wp-block-group-is-layout-flex"> <nav class="is-vertical wp-block-navigation is-layout-flex wp-container-core-navigation-is-layout-fe9cc265 wp-block-navigation-is-layout-flex"><ul class="wp-block-navigation__container is-vertical wp-block-navigation"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="#"><span class="wp-block-navigation-item__label">Blog</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="#"><span class="wp-block-navigation-item__label">About</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="#"><span class="wp-block-navigation-item__label">FAQs</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="#"><span class="wp-block-navigation-item__label">Authors</span></a></li></ul></nav> <nav class="is-vertical wp-block-navigation is-layout-flex wp-container-core-navigation-is-layout-fe9cc265 wp-block-navigation-is-layout-flex"><ul class="wp-block-navigation__container is-vertical wp-block-navigation"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="#"><span class="wp-block-navigation-item__label">Events</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="#"><span class="wp-block-navigation-item__label">Shop</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="#"><span class="wp-block-navigation-item__label">Patterns</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="#"><span class="wp-block-navigation-item__label">Themes</span></a></li></ul></nav> </div> </div> <div style="height:var(--wp--preset--spacing--70)" aria-hidden="true" class="wp-block-spacer"></div> <div class="wp-block-group alignfull is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-91e87306 wp-block-group-is-layout-flex"> <p class="has-small-font-size">Twenty Twenty-Five</p> <p class="has-small-font-size"> Designed with <a href="https://wordpress.org" rel="nofollow">WordPress</a> </p> </div> </div> </div> </footer> </div> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/twentytwentyfive/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script type="module" src="https://leftbranded.com/wp-includes/js/dist/script-modules/block-library/navigation/view.min.js?ver=b0f909c3ec791c383210" id="@wordpress/block-library/navigation/view-js-module" fetchpriority="low" data-wp-router-options="{"loadOnClientNavigation":true}"></script> <script type="application/json" id="wp-script-module-data-@wordpress/interactivity"> {"config":{"woocommerce":{"nonOptimisticProperties":[],"currency":{"code":"USD","precision":2,"symbol":"$","symbolPosition":"left","decimalSeparator":".","thousandSeparator":",","priceFormat":"%1$s%2$s"},"locale":{"siteLocale":"en_US","userLocale":"en_US","weekdaysShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]},"placeholderImgSrc":"https://i0.wp.com/leftbranded.com/wp-content/uploads/woocommerce-placeholder.webp?resize=300%2C300&ssl=1"},"woocommerce/mini-cart-title-items-counter-block":{"itemsInCartTextTemplate":"(items: %d)"},"woocommerce/mini-cart-products-table-block":{"reduceQuantityLabel":"Reduce quantity of %s","increaseQuantityLabel":"Increase quantity of %s","quantityDescriptionLabel":"Quantity of %s in your cart.","removeFromCartLabel":"Remove %s from cart"},"woocommerce/mini-cart":{"displayCartPriceIncludingTax":false,"onCartClickBehaviour":"open_drawer","checkoutUrl":"https://leftbranded.com","buttonAriaLabelTemplate":"Number of items in the cart: %d"}},"state":{"woocommerce":{"cart":{"items":[],"coupons":[],"fees":[],"totals":{"total_items":"0","total_items_tax":"0","total_fees":"0","total_fees_tax":"0","total_discount":"0","total_discount_tax":"0","total_shipping":null,"total_shipping_tax":null,"total_price":"0","total_tax":"0","tax_lines":[],"currency_code":"USD","currency_symbol":"$","currency_minor_unit":2,"currency_decimal_separator":".","currency_thousand_separator":",","currency_prefix":"$","currency_suffix":""},"shipping_address":{"first_name":"","last_name":"","company":"","address_1":"","address_2":"","city":"","state":"CA","postcode":"","country":"US","phone":""},"billing_address":{"first_name":"","last_name":"","company":"","address_1":"","address_2":"","city":"","state":"CA","postcode":"","country":"US","email":"","phone":""},"needs_payment":false,"needs_shipping":false,"payment_requirements":["products"],"has_calculated_shipping":false,"shipping_rates":[],"items_count":0,"items_weight":0,"cross_sells":[],"errors":[],"payment_methods":[],"extensions":{}},"noticeId":"","restUrl":"https://leftbranded.com/wp-json/"},"woocommerce/mini-cart-title-items-counter-block":{"itemsInCartText":"(items: 0)"},"woocommerce/mini-cart-products-table-block":{"cartItem":{}},"woocommerce/mini-cart-footer-block":{"formattedSubtotal":"$0.00"},"woocommerce/mini-cart":{"isOpen":false,"totalItemsInCart":0,"shouldShowTaxLabel":false,"badgeIsVisible":false,"formattedSubtotal":"$0.00","drawerOverlayClass":"wc-block-components-drawer__screen-overlay wc-block-components-drawer__screen-overlay--with-slide-out wc-block-components-drawer__screen-overlay--is-hidden","buttonAriaLabel":{}}},"derivedStateClosures":{"woocommerce/mini-cart":["state.buttonAriaLabel"]}} </script> <script> const lazyloadRunObserver = () => { const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { entries.forEach( ( entry ) => { if ( entry.isIntersecting ) { let lazyloadBackground = entry.target; if( lazyloadBackground ) { lazyloadBackground.classList.add( 'e-lazyloaded' ); } lazyloadBackgroundObserver.unobserve( entry.target ); } }); }, { rootMargin: '200px 0px 200px 0px' } ); lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { lazyloadBackgroundObserver.observe( lazyloadBackground ); } ); }; const events = [ 'DOMContentLoaded', 'elementor/lazyload/observe', ]; events.forEach( ( event ) => { document.addEventListener( event, lazyloadRunObserver ); } ); </script> <div class="wc-block-components-drawer__screen-overlay wc-block-components-drawer__screen-overlay--with-slide-out wc-block-components-drawer__screen-overlay--is-hidden" data-wp-interactive="woocommerce/mini-cart" data-wp-router-region='{ "id": "woocommerce/mini-cart-overlay", "attachTo": "body" }' data-wp-key="wc-mini-cart-overlay" data-wp-on--click="actions.overlayCloseDrawer" data-wp-on--keydown="actions.handleOverlayKeydown" data-wp-watch="callbacks.focusFirstElement" data-wp-bind--class="state.drawerOverlayClass" > <div aria-hidden="true" aria-modal="false" data-wp-bind--role="state.drawerRole" data-wp-bind--aria-modal="state.isOpen" data-wp-bind--aria-hidden="!state.isOpen" data-wp-bind--tabindex="state.drawerTabIndex" class="wc-block-mini-cart__drawer wc-block-components-drawer is-mobile" > <div class="wc-block-components-drawer__content"> <div class="wc-block-mini-cart__template-part"> <div data-block-name="woocommerce/mini-cart-contents" class="wp-block-woocommerce-mini-cart-contents" data-wp-interactive="woocommerce/mini-cart-contents" data-wp-style--background-color="woocommerce/mini-cart::state.contentsBackgroundColor"> <div class="wc-block-components-drawer__close-wrapper"> <button data-wp-on--click="woocommerce/mini-cart::actions.closeDrawer" class="wc-block-components-button wp-element-button wc-block-components-drawer__close contained" aria-label="Close" type="button"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"> <path d="M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"></path> </svg> </button> </div> <div data-block-name="woocommerce/filled-mini-cart-contents-block" class="wp-block-woocommerce-filled-mini-cart-contents-block" data-wp-interactive="woocommerce/mini-cart" data-wp-context="woocommerce/store-notices::{"notices":[]}" data-wp-bind--hidden="state.cartIsEmpty"> <div class="wc-block-components-notices" data-wp-interactive="woocommerce/store-notices" ><template data-wp-each--notice="context.notices" data-wp-each-key="context.notice.id" > <div class="wc-block-components-notice-banner" data-wp-class--is-error="state.isError" data-wp-class--is-success="state.isSuccess" data-wp-class--is-info="state.isInfo" data-wp-class--is-dismissible="context.notice.dismissible" data-wp-bind--role="state.role" data-wp-watch="callbacks.injectIcon" > <div class="wc-block-components-notice-banner__content"> <span data-wp-init="callbacks.renderNoticeContent"></span> </div> <button data-wp-bind--hidden="!context.notice.dismissible" class="wc-block-components-button wp-element-button wc-block-components-notice-banner__dismiss contained" aria-label="Dismiss this notice" data-wp-on--click="actions.removeNotice" > <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z" /> </svg> </button> </div> </template> </div> <h2 data-block-name="woocommerce/mini-cart-title-block" class="wc-block-mini-cart__title wp-block-woocommerce-mini-cart-title-block"> <span data-block-name="woocommerce/mini-cart-title-label-block" class="wp-block-woocommerce-mini-cart-title-label-block"> Your cart </span> <span data-block-name="woocommerce/mini-cart-title-items-counter-block" class="wp-block-woocommerce-mini-cart-title-items-counter-block" data-wp-text="state.itemsInCartText" data-wp-interactive="woocommerce/mini-cart-title-items-counter-block">(items: 0)</span> </h2> <div data-block-name="woocommerce/mini-cart-items-block" class="wc-block-mini-cart__items wp-block-woocommerce-mini-cart-items-block" tabindex="-1"> <div data-block-name="woocommerce/mini-cart-products-table-block" class="wc-block-mini-cart__products-table wp-block-woocommerce-mini-cart-products-table-block" data-wp-interactive="woocommerce/mini-cart-products-table-block"> <table class="wc-block-cart-items wc-block-mini-cart-items" tabindex="-1"> <caption class="screen-reader-text"> <h2> Products in cart </h2> </caption> <thead> <tr class="wc-block-cart-items__header"> <th class="wc-block-cart-items__header-image"> <span>Product</span> </th> <th class="wc-block-cart-items__header-product"> <span>Details</span> </th> <th class="wc-block-cart-items__header-total"> <span>Total</span> </th> </tr> </thead> <tbody> <template data-wp-each--cart-item="woocommerce::state.cart.items" data-wp-each-key="state.cartItem.key" > <tr class="wc-block-cart-items__row" data-wp-bind--hidden="!state.cartItem.key" data-wp-run="callbacks.filterCartItemClass" tabindex="-1" > <td data-wp-context='{ "isImageHidden": false }' class="wc-block-cart-item__image" aria-hidden="true"> <img loading="lazy" data-wp-bind--hidden="!state.isProductHiddenFromCatalog" data-wp-bind--src="state.itemThumbnail" data-wp-bind--alt="state.cartItemName" data-wp-bind--srcset="state.itemSrcset" data-wp-bind--sizes="state.itemSizes" data-wp-on--error="actions.hideImage" > <a data-wp-bind--hidden="state.isProductHiddenFromCatalog" data-wp-bind--href="state.cartItem.permalink" tabindex="-1"> <img loading="lazy" data-wp-bind--hidden="context.isImageHidden" data-wp-bind--src="state.itemThumbnail" data-wp-bind--alt="state.cartItemName" data-wp-bind--srcset="state.itemSrcset" data-wp-bind--sizes="state.itemSizes" data-wp-on--error="actions.hideImage" > </a> </td> <td class="wc-block-cart-item__product"> <div class="wc-block-cart-item__wrap"> <span data-wp-bind--hidden="!state.isProductHiddenFromCatalog" data-wp-text="state.cartItemName" class="wc-block-components-product-name"></span> <a data-wp-bind--hidden="state.isProductHiddenFromCatalog" data-wp-text="state.cartItemName" data-wp-bind--href="state.cartItem.permalink" class="wc-block-components-product-name"></a> <div data-wp-bind--hidden="!state.cartItem.show_backorder_badge" class="wc-block-components-product-badge wc-block-components-product-backorder-badge"> Available on backorder </div> <div class="wc-block-cart-item__prices"> <span data-wp-bind--hidden="!state.cartItemHasDiscount" class="price wc-block-components-product-price"> <span data-wp-text="state.beforeItemPrice"></span> <span class="screen-reader-text"> Previous price: </span> <del data-wp-text="state.priceWithoutDiscount" class="wc-block-components-product-price__regular"></del> <span class="screen-reader-text"> Discounted price: </span> <ins data-wp-text="state.itemPrice" class="wc-block-components-product-price__value is-discounted"></ins> <span data-wp-text="state.afterItemPrice"></span> </span> <span data-wp-bind--hidden="state.cartItemHasDiscount" class="price wc-block-components-product-price"> <span data-wp-text="state.beforeItemPrice"></span> <span data-wp-text="state.itemPrice" class="wc-block-formatted-money-amount wc-block-components-formatted-money-amount wc-block-components-product-price__value"> </span> <span data-wp-text="state.afterItemPrice"></span> </span> </div> <div class="wc-block-components-product-metadata"> <div data-wp-watch="callbacks.itemShortDescription" > <div class="wc-block-components-product-metadata__description"></div> </div> <div data-wp-context='{"dataProperty":"item_data"}' class="wc-block-components-product-details" data-wp-bind--hidden="state.shouldHideProductDetails" > <template data-wp-each--item-data="state.cartItem.item_data" data-wp-each-key="state.cartItemDataKey" > <span data-wp-bind--hidden="state.cartItemDataAttrHidden" data-wp-bind--class="state.cartItemDataAttr.className" > <span class="wc-block-components-product-details__name" data-wp-watch="callbacks.itemDataNameInnerHTML"></span> <span class="wc-block-components-product-details__value" data-wp-watch="callbacks.itemDataValueInnerHTML"></span> <span aria-hidden="true" data-wp-bind--hidden="state.isLastCartItemDataAttr"> / </span> </span> </template> </div> <div data-wp-context='{"dataProperty":"variation"}' class="wc-block-components-product-details" data-wp-bind--hidden="state.shouldHideProductDetails" > <template data-wp-each--item-data="state.cartItem.variation" data-wp-each-key="state.cartItemDataKey" > <span data-wp-bind--hidden="state.cartItemDataAttrHidden" data-wp-bind--class="state.cartItemDataAttr.className" > <span class="wc-block-components-product-details__name" data-wp-text="state.cartItemDataAttr.name"></span> <span class="wc-block-components-product-details__value" data-wp-text="state.cartItemDataAttr.value"></span> <span aria-hidden="true" data-wp-bind--hidden="state.isLastCartItemDataAttr"> / </span> </span> </template> </div> </div> <div class="wc-block-cart-item__quantity"> <div class="wc-block-components-quantity-selector" data-wp-bind--hidden="state.cartItem.sold_individually"> <input data-wp-on--input="actions.overrideInvalidQuantity" data-wp-on--change="actions.changeQuantity" data-wp-bind--aria-label="state.quantityDescriptionLabel" data-wp-bind--min="state.cartItem.quantity_limits.minimum" data-wp-bind--max="state.cartItem.quantity_limits.maximum" data-wp-bind--value="state.cartItem.quantity" data-wp-bind--readonly="!state.cartItem.quantity_limits.editable" class="wc-block-components-quantity-selector__input" type="number" step="1" > <button data-wp-bind--disabled="state.minimumReached" data-wp-on--click="actions.decrementQuantity" data-wp-bind--aria-label="state.reduceQuantityLabel" data-wp-bind--hidden="!state.cartItem.quantity_limits.editable" class="wc-block-components-quantity-selector__button wc-block-components-quantity-selector__button--minus" > − </button> <button data-wp-bind--disabled="state.maximumReached" data-wp-on--click="actions.incrementQuantity" data-wp-bind--aria-label="state.increaseQuantityLabel" data-wp-bind--hidden="!state.cartItem.quantity_limits.editable" class="wc-block-components-quantity-selector__button wc-block-components-quantity-selector__button--plus" > ＋ </button> </div> <button data-wp-bind--hidden="!state.itemShowRemoveItemLink" data-wp-on--click="actions.removeItemFromCart" data-wp-bind--aria-label="state.removeFromCartLabel" class="wc-block-cart-item__remove-link" > <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 5.5A2.25 2.25 0 0 0 9.878 7h4.244A2.251 2.251 0 0 0 12 5.5ZM12 4a3.751 3.751 0 0 0-3.675 3H5v1.5h1.27l.818 8.997a2.75 2.75 0 0 0 2.739 2.501h4.347a2.75 2.75 0 0 0 2.738-2.5L17.73 8.5H19V7h-3.325A3.751 3.751 0 0 0 12 4Zm4.224 4.5H7.776l.806 8.861a1.25 1.25 0 0 0 1.245 1.137h4.347a1.25 1.25 0 0 0 1.245-1.137l.805-8.861Z"/> </svg> </button> </div> </div> </td> <td class="wc-block-cart-item__total"> <div class="wc-block-cart-item__total-price-and-sale-badge-wrapper"> <span class="price wc-block-components-product-price"> <span data-wp-text="state.lineItemTotal" class="wc-block-formatted-money-amount wc-block-components-formatted-money-amount wc-block-components-product-price__value"> </span> </span> <div data-wp-bind--hidden="!state.cartItemHasDiscount" class="wc-block-components-product-badge wc-block-components-sale-badge" > Save <span data-wp-text="state.lineItemDiscount" class="wc-block-formatted-money-amount wc-block-components-formatted-money-amount"></span> </div> </div> </td> </tr> </template> </tbody> </table> </div> </div> <div data-block-name="woocommerce/mini-cart-footer-block" class="wc-block-mini-cart__footer wp-block-woocommerce-mini-cart-footer-block" data-wp-interactive="woocommerce/mini-cart-footer-block"> <div class="wc-block-components-totals-item wc-block-mini-cart__footer-subtotal"> <span class="wc-block-components-totals-item__label"> Subtotal </span> <span data-wp-text="woocommerce/mini-cart::state.formattedSubtotal" class="wc-block-formatted-money-amount wc-block-components-formatted-money-amount wc-block-components-totals-item__value">$0.00</span> <div class="wc-block-components-totals-item__description"> Shipping and discounts calculated at checkout. </div> </div> <div class="wc-block-mini-cart__footer-actions"> <a data-block-name="woocommerce/mini-cart-cart-button-block" class="wc-block-components-button wp-element-button wc-block-mini-cart__footer-cart is-style-outline wp-block-woocommerce-mini-cart-cart-button-block" href="https://leftbranded.com/leadweb/"> <div class="wc-block-components-button__text"> View my cart </div> </a> <a data-block-name="woocommerce/mini-cart-checkout-button-block" class="wc-block-components-button wp-element-button wc-block-mini-cart__footer-checkout wp-block-woocommerce-mini-cart-checkout-button-block" href=""> <div class="wc-block-components-button__text"> Go to checkout </div> </a> </div> </div> </div> <div aria-hidden="true" hidden data-block-name="woocommerce/empty-mini-cart-contents-block" class="wp-block-woocommerce-empty-mini-cart-contents-block" data-wp-bind--aria-hidden="!state.cartIsEmpty" data-wp-bind--hidden="!state.cartIsEmpty" data-wp-interactive="woocommerce/mini-cart"> <div class="wc-block-mini-cart__empty-cart-wrapper"> <p class="has-text-align-center"><strong>Your cart is currently empty!</strong></p> <div data-block-name="woocommerce/mini-cart-shopping-button-block" class="wp-block-button has-text-align-center"> <a href="https://leftbranded.com/shop/" class="wc-block-components-button wp-element-button wc-block-mini-cart__shopping-button wp-block-woocommerce-mini-cart-shopping-button-block" > <div class="wc-block-components-button__text"> Start shopping </div> </a> </div> </div> </div> </div> </div> </div> </div> </div> <script> (function () { var c = document.body.className; c = c.replace(/woocommerce-no-js/, 'woocommerce-js'); document.body.className = c; })(); </script> <style id='wp-interactivity-router-animations-inline-css'> .wp-interactivity-router-loading-bar { position: fixed; top: 0; left: 0; margin: 0; padding: 0; width: 100vw; max-width: 100vw !important; height: 4px; background-color: #000; opacity: 0 } .wp-interactivity-router-loading-bar.start-animation { animation: wp-interactivity-router-loading-bar-start-animation 30s cubic-bezier(0.03, 0.5, 0, 1) forwards } .wp-interactivity-router-loading-bar.finish-animation { animation: wp-interactivity-router-loading-bar-finish-animation 300ms ease-in } @keyframes wp-interactivity-router-loading-bar-start-animation { 0% { transform: scaleX(0); transform-origin: 0 0; opacity: 1 } 100% { transform: scaleX(1); transform-origin: 0 0; opacity: 1 } } @keyframes wp-interactivity-router-loading-bar-finish-animation { 0% { opacity: 1 } 50% { opacity: 1 } 100% { opacity: 0 } } /*# sourceURL=wp-interactivity-router-animations-inline-css */ </style> <script id="ce4wp_form_submit-js-extra"> var ce4wp_form_submit_data = {"siteUrl":"https://leftbranded.com","url":"https://leftbranded.com/wp-admin/admin-ajax.php","nonce":"2818af21ce","listNonce":"ceb7b31fc9","activatedNonce":"da5ad51835"}; //# sourceURL=ce4wp_form_submit-js-extra </script> <script src="https://leftbranded.com/wp-content/plugins/creative-mail-by-constant-contact/assets/js/block/submit.js?ver=1753414896" id="ce4wp_form_submit-js"></script> <script id="wp-block-template-skip-link-js-after"> ( function() { var skipLinkTarget = document.querySelector( 'main' ), sibling, skipLinkTargetID, skipLink; // Early exit if a skip-link target can't be located. if ( ! skipLinkTarget ) { return; } /* * Get the site wrapper. * The skip-link will be injected in the beginning of it. */ sibling = document.querySelector( '.wp-site-blocks' ); // Early exit if the root element was not found. if ( ! sibling ) { return; } // Get the skip-link target's ID, and generate one if it doesn't exist. skipLinkTargetID = skipLinkTarget.id; if ( ! skipLinkTargetID ) { skipLinkTargetID = 'wp--skip-link--target'; skipLinkTarget.id = skipLinkTargetID; } // Create the skip link. skipLink = document.createElement( 'a' ); skipLink.classList.add( 'skip-link', 'screen-reader-text' ); skipLink.id = 'wp-skip-link'; skipLink.href = '#' + skipLinkTargetID; skipLink.innerText = 'Skip to content'; // Inject the skip link. sibling.parentElement.insertBefore( skipLink, sibling ); }() ); //# sourceURL=wp-block-template-skip-link-js-after </script> <script id="nfd-performance-lazy-loader-js-before"> window.nfdPerformance = window.nfdPerformance || {}; window.nfdPerformance.imageOptimization = window.nfdPerformance.imageOptimization || {}; window.nfdPerformance.imageOptimization.lazyLoading = {"classes":["nfd-performance-not-lazy","a3-notlazy","disable-lazyload","no-lazy","no-lazyload","skip-lazy"],"attributes":["data-lazy-src","data-crazy-lazy=\"exclude\"","data-no-lazy","data-no-lazy=\"1\""]}; //# sourceURL=nfd-performance-lazy-loader-js-before </script> <script src="https://leftbranded.com/wp-content/plugins/bluehost-wordpress-plugin/vendor/newfold-labs/wp-module-performance/build/assets/image-lazy-loader.min.js?ver=1782965478" id="nfd-performance-lazy-loader-js"></script> <script id="linkprefetcher-js-before"> window.LP_CONFIG = {"activeOnDesktop":true,"behavior":"mouseHover","hoverDelay":60,"instantClick":false,"activeOnMobile":true,"mobileBehavior":"viewport","ignoreKeywords":"#,?","isMobile":false} //# sourceURL=linkprefetcher-js-before </script> <script src="https://leftbranded.com/wp-content/plugins/bluehost-wordpress-plugin/vendor/newfold-labs/wp-module-performance/build/assets/link-prefetch.min.js?ver=4.17.1" id="linkprefetcher-js" defer></script> <script src="https://leftbranded.com/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script> <script src="https://leftbranded.com/wp-content/plugins/jetpack/jetpack_vendor/automattic/woocommerce-analytics/build/woocommerce-analytics-client.js?minify=false&ver=e434986d5efc1358e217" id="woocommerce-analytics-client-js" defer data-wp-strategy="defer"></script> <script src="https://leftbranded.com/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=10.7.0" id="sourcebuster-js-js"></script> <script id="wc-order-attribution-js-extra"> var wc_order_attribution = {"params":{"lifetime":1.0000000000000000818030539140313095458623138256371021270751953125e-5,"session":30,"base64":false,"ajaxurl":"https://leftbranded.com/wp-admin/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}}; //# sourceURL=wc-order-attribution-js-extra </script> <script src="https://leftbranded.com/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=10.7.0" id="wc-order-attribution-js"></script> <script id="jetpack-stats-js-before"> _stq = window._stq || []; _stq.push([ "view", {"v":"ext","blog":"247247346","post":"16","tz":"0","srv":"leftbranded.com","j":"1:15.8"} ]); _stq.push([ "clickTrackerInit", "247247346", "16" ]); //# sourceURL=jetpack-stats-js-before </script> <script src="https://stats.wp.com/e-202629.js" id="jetpack-stats-js" defer data-wp-strategy="defer"></script> <script id="wp-emoji-settings" type="application/json"> {"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://leftbranded.com/wp-includes/js/wp-emoji-release.min.js?ver=6.9.4"}} </script> <script type="module"> /*! This file is auto-generated */ const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))}); //# sourceURL=https://leftbranded.com/wp-includes/js/wp-emoji-loader.min.js </script> <div style="position:absolute;margin:-1px;padding:0;height:1px;width:1px;overflow:hidden;clip-path:inset(50%);border:0;word-wrap:normal !important;"><p id="a11y-speak-intro-text" class="a11y-speak-intro-text" hidden>Notifications</p><div id="a11y-speak-assertive" class="a11y-speak-region" aria-live="assertive" aria-relevant="additions text" aria-atomic="true"></div><div id="a11y-speak-polite" class="a11y-speak-region" aria-live="polite" aria-relevant="additions text" aria-atomic="true"></div></div> <script type="text/javascript"> (function() { window.wcAnalytics = window.wcAnalytics || {}; const wcAnalytics = window.wcAnalytics; // Set the assets URL for webpack to find the split assets. wcAnalytics.assets_url = 'https://leftbranded.com/wp-content/plugins/jetpack/jetpack_vendor/automattic/woocommerce-analytics/src/../build/'; // Set the REST API tracking endpoint URL. wcAnalytics.trackEndpoint = "https://leftbranded.com/wp-json/woocommerce-analytics/v1/track"; // Set common properties for all events. wcAnalytics.commonProps = {"session_id":null,"landing_page":null,"is_engaged":null,"ui":0,"blog_id":247247346,"store_id":"0e3f4fff-7390-4525-a941-4291007035b3","url":"https://leftbranded.com","woo_version":"10.7.0","wp_version":"6.9.4","store_admin":0,"device":"desktop","store_currency":"USD","timezone":"+00:00","is_guest":1,"_via_ua":"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)","_via_ip":"216.73.217.24","_lg":"","_dr":"https://www.leftbranded.com/","_dl":"https://leftbranded.com/","_via_ref":"https://www.leftbranded.com/"}; // Set the event queue. wcAnalytics.eventQueue = []; // Features. wcAnalytics.features = { ch: false, sessionTracking: false, proxy: false, }; wcAnalytics.breadcrumbs = ["Home"]; // Page context flags. wcAnalytics.pages = { isAccountPage: false, isCart: false, }; })(); </script> </body> </html>