1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="utf-8" /> 5 <meta content="IE=edge" http-equiv="X-UA-Compatible" /> 6 <meta content="width=device-width,initial-scale=1" name="viewport" /> 7 <link rel="canonical" href="https://catherineclark.org/cart" /> 8 9 <title>Your Shopping Cart | CatherineClark.org</title> 10 11 12<meta name="description" content="The official website and shop of sheiscatherineclark.org. Find the latest content, buy merch, and support your favorite creator." /> 13<meta property="og:site_name" content="CatherineClark.org" /> 14<meta property="og:url" content="https://catherineclark.org/cart" /> 15<meta property="og:description" content="The official website and shop of sheiscatherineclark.org. Find the latest content, buy merch, and support your favorite creator." /> 16 17 18 19 20 21<meta property="og:title" content="Your Shopping Cart | CatherineClark.org" /> 22<meta property="og:type" content="website" /> 23 24 25 <meta property="og:image" content="https://imgproxy.fourthwall.dev/F5CTuM4Lw4ir8IsbszADawV0vfO-UCqeswiH5Fbef5I/w:1200/sm:1/enc/M9-Eb7Vq_D1LjXzU/W6l7LdG13zDxRmJw/ioPBEItOtNtufPWu/a9f54NMbz9kwXA3n/cGvJTT78Q98Kjp76/zyZGwzwj7zAgeQeG/3CwvwBmI4z2KnjgK/D3gUO1QajeZse9bn/GkVP8F6r6BSZNVcu/uNdHYB4hStY6zUwe/4yzCt4xW2qWCd2y6/mGQXBRU9s_1wTmkS/T64fdtcB03HoMJ2F/WHZA8NFcEHDLnG6W/9Pv21nN7w3tVV6m9/a6Oy_aOC1v2q2dQm.png" /> 26 <meta property="og:image:secure_url" content="https://imgproxy.fourthwall.dev/F5CTuM4Lw4ir8IsbszADawV0vfO-UCqeswiH5Fbef5I/w:1200/sm:1/enc/M9-Eb7Vq_D1LjXzU/W6l7LdG13zDxRmJw/ioPBEItOtNtufPWu/a9f54NMbz9kwXA3n/cGvJTT78Q98Kjp76/zyZGwzwj7zAgeQeG/3CwvwBmI4z2KnjgK/D3gUO1QajeZse9bn/GkVP8F6r6BSZNVcu/uNdHYB4hStY6zUwe/4yzCt4xW2qWCd2y6/mGQXBRU9s_1wTmkS/T64fdtcB03HoMJ2F/WHZA8NFcEHDLnG6W/9Pv21nN7w3tVV6m9/a6Oy_aOC1v2q2dQm.png" /> 27 <meta property="twitter:image" content="https://imgproxy.fourthwall.dev/F5CTuM4Lw4ir8IsbszADawV0vfO-UCqeswiH5Fbef5I/w:1200/sm:1/enc/M9-Eb7Vq_D1LjXzU/W6l7LdG13zDxRmJw/ioPBEItOtNtufPWu/a9f54NMbz9kwXA3n/cGvJTT78Q98Kjp76/zyZGwzwj7zAgeQeG/3CwvwBmI4z2KnjgK/D3gUO1QajeZse9bn/GkVP8F6r6BSZNVcu/uNdHYB4hStY6zUwe/4yzCt4xW2qWCd2y6/mGQXBRU9s_1wTmkS/T64fdtcB03HoMJ2F/WHZA8NFcEHDLnG6W/9Pv21nN7w3tVV6m9/a6Oy_aOC1v2q2dQm.png" /> 28 29<meta name="twitter:card" content="summary_large_image" /> 30<meta name="twitter:title" content="Your Shopping Cart | CatherineClark.org" /> 31<meta name="twitter:description" content="The official website and shop of sheiscatherineclark.org. Find the latest content, buy merch, and support your favorite creator." /> 32 33 34 <link rel="shortcut icon" href="https://imgproxy.fourthwall.dev/ChwZfnBazhMk8iV2NLOPcZTBZaP9Um4l_BFzqBaoMsY/rs:fill:192:192:0/bg:ff8edb/sm:1/enc/GG_Pxo6ZSevHdnHP/BWNn4ZdJGbP-gbHw/83I8YqB1r3Mo54oh/Cwjhs5RhzeVezOGD/yaNGHwyk1C_orSOP/jCiWDnjFePZoCJhJ/5KwPn3K8XHyag5tc/OBTUPB-aTXTJ0mzX/-TXMRmwk5PaY4Qnm/D7lERYjdCcxycTny/4DIwo2eYKvp1Zzn3/S3BxPpoC1_3LgBoq.png" sizes="96x96" type="image/png" /> 35<link rel="shortcut icon" href="https://imgproxy.fourthwall.dev/ChwZfnBazhMk8iV2NLOPcZTBZaP9Um4l_BFzqBaoMsY/rs:fill:192:192:0/bg:ff8edb/sm:1/enc/GG_Pxo6ZSevHdnHP/BWNn4ZdJGbP-gbHw/83I8YqB1r3Mo54oh/Cwjhs5RhzeVezOGD/yaNGHwyk1C_orSOP/jCiWDnjFePZoCJhJ/5KwPn3K8XHyag5tc/OBTUPB-aTXTJ0mzX/-TXMRmwk5PaY4Qnm/D7lERYjdCcxycTny/4DIwo2eYKvp1Zzn3/S3BxPpoC1_3LgBoq.png" sizes="48x48" type="image/png" /> 36 37 38 <link rel="apple-touch-icon" href="https://imgproxy.fourthwall.dev/ChwZfnBazhMk8iV2NLOPcZTBZaP9Um4l_BFzqBaoMsY/rs:fill:192:192:0/bg:ff8edb/sm:1/enc/GG_Pxo6ZSevHdnHP/BWNn4ZdJGbP-gbHw/83I8YqB1r3Mo54oh/Cwjhs5RhzeVezOGD/yaNGHwyk1C_orSOP/jCiWDnjFePZoCJhJ/5KwPn3K8XHyag5tc/OBTUPB-aTXTJ0mzX/-TXMRmwk5PaY4Qnm/D7lERYjdCcxycTny/4DIwo2eYKvp1Zzn3/S3BxPpoC1_3LgBoq.png" sizes="180x180" type="image/png" /> 39 40 41<meta content="#ffffff" name="msapplication-TileColor" /> 42<meta content="1.0.0" name="version" /> 43 44 45 <link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes-library/assets/8e06b3d9-653a-481d-9fef-343c343273fd/assets/vendor.css?v=b1b11eb5397f6f25bd27f727622a7b127d42cd4e0ede0f0b643a4ec082686d92" media="all" integrity="sha256-sbEetTl/byW9J/cnYip7En1CzU4O3g8LZDpOwIJobZI=" crossorigin="anonymous" /> 46 47 <link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes/assets/25c57c5e-7e45-480c-82bc-31d2d1ec57ae/assets/styles/css-variables.scss.css?v=e200eb661be586acc401a4a60e47776b1aa23290951379752fe3f2736bbd9445" media="all" integrity="sha256-4gDrZhvlhqzEAaSmDkd3axqiMpCVE3l1L+Pyc2u9lEU=" crossorigin="anonymous" /> 48 <link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes/assets/25c57c5e-7e45-480c-82bc-31d2d1ec57ae/assets/styles/theme.scss.css?v=b88c1ce8f2a964c53fcc35eccdccd4613a44a1e411fff5126835dd41f0d60a32" media="all" integrity="sha256-uIwc6PKpZMU/zDXszczUYTpEoeQR//USaDXdQfDWCjI=" crossorigin="anonymous" /> 49
50 <link rel="preconnect" href="https://imgproxy.fourthwall.com" crossorigin> 51<link rel="preconnect" href="https://storage.googleapis.com" crossorigin>
52<script src="/platform/geo/redirect.js"></script>
vendor: 1 bytes, line 52
52
53<script src="https://js.stripe.com/v3/" async></script>
53 54<link rel="alternate" href="https://catherineclark.org/cart" hreflang="x-default" /> 55<link rel="alternate" href="https://catherineclark.org/en-usd/cart" hreflang="en-AQ" /> 56<link rel="alternate" href="https://catherineclark.org/en-usd/cart" hreflang="en-AS" /> 57<link rel="alternate" href="https://catherineclark.org/en-usd/cart" hreflang="en-BQ" /> 58<link rel="alternate" href="https://catherineclark.org/en-usd/cart" hreflang="en-EC" /> 59<link rel="alternate" href="https://catherineclark.org/en-usd/cart" hreflang="en-FM" /> 60<link rel="alternate" href="https://catherineclark.org/en-usd/cart" hreflang="en-GU" /> 61<link rel="alternate" href="https://catherineclark.org/en-usd/cart" hreflang="en-IO" /> 62<link rel="alternate" href="https://catherineclark.org/en-usd/cart" hreflang="en-MH" /> 63<link rel="alternate" href="https://catherineclark.org/en-usd/cart" hreflang="en-MP" /> 64<link rel="alternate" href="https://catherineclark.org/en-usd/cart" hreflang="en-PR" /> 65<link rel="alternate" href="https://catherineclark.org/en-usd/cart" hreflang="en-PW" /> 66<link rel="alternate" href="https://catherineclark.org/en-usd/cart" hreflang="en-SV" /> 67<link rel="alternate" href="https://catherineclark.org/en-usd/cart" hreflang="en-TC" /> 68<link rel="alternate" href="https://catherineclark.org/en-usd/cart" hreflang="en-UM" /> 69<link rel="alternate" href="https://catherineclark.org/en-usd/cart" hreflang="en-US" /> 70<link rel="alternate" href="https://catherineclark.org/en-usd/cart" hreflang="en-VG" /> 71<link rel="alternate" href="https://catherineclark.org/en-usd/cart" hreflang="en-VI" /> 72<link rel="alternate" href="https://catherineclark.org/en-usd/cart" hreflang="en-ZW" /> 73<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-AD" /> 74<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-AT" /> 75<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-AX" /> 76<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-BE" /> 77<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-BG" /> 78<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-BL" /> 79<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-CY" /> 80<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-DE" /> 81<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-EE" /> 82<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-ES" /> 83<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-FI" /> 84<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-FR" /> 85<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-GF" /> 86<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-GP" /> 87<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-GR" /> 88<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-HR" /> 89<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-IE" /> 90<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-IT" /> 91<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-LT" /> 92<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-LU" /> 93<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-LV" /> 94<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-MC" /> 95<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-ME" /> 96<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-MF" /> 97<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-MQ" /> 98<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-MT" /> 99<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-NL" /> 100<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-PM" /> 101<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-PT" /> 102<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-RE" /> 103<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-SI" /> 104<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-SK" /> 105<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-SM" /> 106<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-TF" /> 107<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-VA" /> 108<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-YT" /> 109<link rel="alternate" href="https://catherineclark.org/en-eur/cart" hreflang="en-XK" /> 110<link rel="alternate" href="https://catherineclark.org/en-cad/cart" hreflang="en-CA" /> 111<link rel="alternate" href="https://catherineclark.org/en-gbp/cart" hreflang="en-GB" /> 112<link rel="alternate" href="https://catherineclark.org/en-gbp/cart" hreflang="en-GG" /> 113<link rel="alternate" href="https://catherineclark.org/en-gbp/cart" hreflang="en-GS" /> 114<link rel="alternate" href="https://catherineclark.org/en-gbp/cart" hreflang="en-IM" /> 115<link rel="alternate" href="https://catherineclark.org/en-gbp/cart" hreflang="en-JE" /> 116<link rel="alternate" href="https://catherineclark.org/en-aud/cart" hreflang="en-AU" /> 117<link rel="alternate" href="https://catherineclark.org/en-aud/cart" hreflang="en-CC" /> 118<link rel="alternate" href="https://catherineclark.org/en-aud/cart" hreflang="en-CX" /> 119<link rel="alternate" href="https://catherineclark.org/en-aud/cart" hreflang="en-HM" /> 120<link rel="alternate" href="https://catherineclark.org/en-aud/cart" hreflang="en-KI" /> 121<link rel="alternate" href="https://catherineclark.org/en-aud/cart" hreflang="en-NF" /> 122<link rel="alternate" href="https://catherineclark.org/en-aud/cart" hreflang="en-NR" /> 123<link rel="alternate" href="https://catherineclark.org/en-aud/cart" hreflang="en-TV" /> 124<link rel="alternate" href="https://catherineclark.org/en-nzd/cart" hreflang="en-CK" /> 125<link rel="alternate" href="https://catherineclark.org/en-nzd/cart" hreflang="en-NU" /> 126<link rel="alternate" href="https://catherineclark.org/en-nzd/cart" hreflang="en-NZ" /> 127<link rel="alternate" href="https://catherineclark.org/en-nzd/cart" hreflang="en-PN" /> 128<link rel="alternate" href="https://catherineclark.org/en-nzd/cart" hreflang="en-TK" /> 129<link rel="alternate" href="https://catherineclark.org/en-sek/cart" hreflang="en-SE" /> 130<link rel="alternate" href="https://catherineclark.org/en-nok/cart" hreflang="en-BV" /> 131<link rel="alternate" href="https://catherineclark.org/en-nok/cart" hreflang="en-NO" /> 132<link rel="alternate" href="https://catherineclark.org/en-nok/cart" hreflang="en-SJ" /> 133<link rel="alternate" href="https://catherineclark.org/en-dkk/cart" hreflang="en-DK" /> 134<link rel="alternate" href="https://catherineclark.org/en-dkk/cart" hreflang="en-FO" /> 135<link rel="alternate" href="https://catherineclark.org/en-dkk/cart" hreflang="en-GL" /> 136<link rel="alternate" href="https://catherineclark.org/en-pln/cart" hreflang="en-PL" /> 137<link rel="alternate" href="https://catherineclark.org/en-inr/cart" hreflang="en-IN" /> 138<link rel="alternate" href="https://catherineclark.org/en-jpy/cart" hreflang="en-JP" /> 139<link rel="alternate" href="https://catherineclark.org/en-myr/cart" hreflang="en-MY" /> 140<link rel="alternate" href="https://catherineclark.org/en-sgd/cart" hreflang="en-SG" /> 141<link rel="alternate" href="https://catherineclark.org/en-mxn/cart" hreflang="en-MX" /> 142<link rel="alternate" href="https://catherineclark.org/en-brl/cart" hreflang="en-BR" /> 143<link rel="alternate" href="https://catherineclark.org/en-chf/cart" hreflang="en-CH" /> 144<link rel="alternate" href="https://catherineclark.org/en-chf/cart" hreflang="en-LI" />
vendor: 68 bytes, lines 144-145
144 145<script src="https://www.google.com/recaptcha/enterprise.js?render=
1456LcUIoYlAAAAALE9OrjdIcUfeYTpTq5RlXh5HuZt
vendor: 18 bytes, line 145
145" async></script>
146<script>window.recaptchaSiteKey = '6LcUIoYlAAAAALE9OrjdIcUfeYTpTq5RlXh5HuZt';</script>
146 147<style> 148 .grecaptcha-badge { display: none !important; } 149</style>
150<script type='module' src="https://cdn.fourthwall.dev/web-perf/instant.js" defer></script>
vendor: 1 bytes, line 150
150
151<script> 152 window.shopName = 'CatherineClark.org'; 153 window.shopId = 'sh_12da71e2-cd9d-4366-95ac-c144f3111293'; 154 window.cookie_policy = 'ShowInEu'; 155</script>
155 156<!-- Google Tag Manager -->
157<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 158new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 159j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 160'/_c/mtg.js?id='+i+dl;f.parentNode.insertBefore(j,f); 161})(window,document,'script','dataLayer','GTM-PV2BBNN');</script>
161 162<!-- End Google Tag Manager -->
163<script>window.creatorGa4Id = 'G-B7BM1BHFKG'; window.creatorFbPixelId = ''; window.creatorTiktokAnalyticsId = ''; window.creatorKlaviyoAnalyticsId = ''; window.useServerAnalytics = false;</script>
vendor: 1 bytes, line 163
163
164<script> 165 (function () { 166 function setCookie(name, value, days) { 167 if (typeof days === 'undefined') days = 90; 168 var expires = new Date(Date.now() + days * 86400000).toUTCString(); 169 document.cookie = encodeURIComponent(name) + '=' + encodeURIComponent(value.substring(0, 200)) + '; expires=' + expires + '; path=/'; 170 } 171 172 function getCookie(name) { 173 var cookies = document.cookie.split('; '); 174 for (var i = 0; i < cookies.length; i++) { 175 if (cookies[i].indexOf(name + '=') === 0) { 176 return cookies[i].split('=')[1]; 177 } 178 } 179 return null; 180 } 181 182 function handleTrackingParams() { 183 var params = window.location.search.substring(1).split('&'); 184 var paramMap = {}; 185 186 for (var i = 0; i < params.length; i++) { 187 var kv = params[i].split('='); 188 if (kv.length === 2) { 189 paramMap[decodeURIComponent(kv[0])] = decodeURIComponent(kv[1]); 190 } 191 } 192 193 if (!getCookie('_fbp')) { 194 var randomPart = Math.floor(Math.random() * 10000000000); 195 var fbp = 'fb.1.' + Date.now() + '.' + randomPart; 196 setCookie('_fbp', fbp); 197 } 198 199 for (var key in paramMap) { 200 if (paramMap.hasOwnProperty(key)) { 201 var value = paramMap[key]; 202 var isUTM = key.indexOf('utm_') === 0; 203 204 if(key === 'utm_source' && getCookie('utm_source') === 'fourthwall_ads') { 205 continue; 206 } 207 208 if (isUTM || key === 'gclid' || key === 'fbclid') { 209 setCookie(key, value); 210 } 211 212 if (key === 'fbclid' && !getCookie('_fbc')) { 213 var fbc = 'fb.1.' + Date.now() + '.' + value; 214 setCookie('_fbc', fbc); 215 } 216 } 217 } 218 } 219 220 handleTrackingParams(); 221 })(); 222</script>
vendor: 1 bytes, line 222
222
223<script type='text/javascript'>var eventsListenerScript = document.createElement('script');eventsListenerScript.async = true;eventsListenerScript.src = "https://cdn.fourthwall.dev/shop-event-listener/shop-events-listener.js";document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);</script>
223 224<link rel="manifest" href="/manifest.json" /> 225<meta name='theme-color' content='#fff9fe' /> 226<link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes/assets/25c57c5e-7e45-480c-82bc-31d2d1ec57ae/assets/styles/custom_sections.css?v=c207ef84346c519aaa551c0512b19a9470647b0c2b069d7464c286e7bd3fd986" media="all">
227<script> 228 (function() { 229 window.addEventListener('cart:updated', function(event) { 230 var cart = event.detail; 231 if (!cart || !cart.items || !cart.items.length) return; 232 var currency = 'USD'; 233 var isZeroDecimal = currency === 'JPY'; 234 var items = cart.items.map(function(item) { 235 var price = isZeroDecimal ? item.price : item.price / 100; 236 return { 237 item_id: item.id || item.offer_id, 238 item_name: item.title || item.name, 239 item_brand: `CatherineClark.org`, 240 price: price, 241 quantity: item.quantity || 1 242 }; 243 }); 244 var value = isZeroDecimal ? cart.total_price : cart.total_price / 100; 245 dataLayer.push({ ecommerce: null }); 246 dataLayer.push({ 247 event: "view_cart", 248 ecommerce: { 249 currency: currency, 250 value: value, 251 items: items 252 }, 253 shopId: 'sh_12da71e2-cd9d-4366-95ac-c144f3111293' 254 }); 255 }, { once: true }); 256 })(); 257</script>
vendor: 1 bytes, line 257
257
258<script type="text/javascript"> 259 var currentCart = {"id":null,"item_count":0,"unique_item_count":0,"items":[]}; 260</script>
vendor: 1 bytes, line 260
260
261<script type="module"> 262 function iframeReady(section, iframe, url, appId, settings) { 263 const baseIframeUrl = url; 264 265 function buildUrl(url, params) { 266 if (!params) return url; 267 var qs = Object.keys(params) 268 .map((k) => encodeURIComponent(k) + '=' + encodeURIComponent(params[k])) 269 .join('&'); 270 return url + (url.includes('?') ? '&' : '?') + qs + '&' + settings; 271 } 272 273 const params = { 274 hmac: window.appHmac[appId], 275 timestamp: window.hmacTimestamp, 276 tier_id: window.tierId, 277 supporter_id: window.supporterId, 278 shop_id: window.shopId, 279 }; 280 281 iframe.src = buildUrl(baseIframeUrl, window.appHmac[appId] ? params : null); 282 iframe.onload = null 283 284 // Extract origin from URL for security checking 285 let expectedOrigin; 286 try { 287 expectedOrigin = new URL(url).origin; 288 } catch (e) { 289 console.warn('Could not parse URL origin:', url); 290 } 291 292 // Listen for messages specifically from this iframe 293 const messageHandler = (event) => { 294 // Check if the message is from this specific iframe 295 if (event.source !== iframe.contentWindow) { 296 return; // Ignore messages from other iframes/windows 297 } 298 299 // Optional: Also verify the origin for security 300 if (expectedOrigin && event.origin !== expectedOrigin) { 301 console.warn('Message received from unexpected origin:', event.origin); 302 return; 303 } 304 305 if (event.data.type === 'RESIZE') { 306 iframe.style.height = event.data.data.height + 'px'; 307 } else if (event.data.type === 'CLOSE') { 308 section.style.height = '0px'; 309 } 310 }; 311 312 window.addEventListener('message', messageHandler); 313 314 // Store the handler for cleanup (optional) 315 iframe._messageHandler = messageHandler; 316 } 317 318 class Hmac extends HTMLElement { 319 constructor() { 320 super() 321 this.section = this.parentElement.parentElement; 322 this.iframe = this.querySelector('iframe') 323 this.url = this.getAttribute('url') 324 this.appId = this.getAttribute('app_id') 325 this.settings = this.getAttribute('settings') 326 } 327 328 connectedCallback() { 329 if (this.iframe && this.iframe.contentDocument && this.iframe.contentDocument.readyState === 'complete') { 330 iframeReady(this.section, this.iframe, this.url, this.appId, this.settings) 331 } else { 332 this.iframe.onload = () => iframeReady(this.section, this.iframe, this.url, this.appId, this.settings) 333 } 334 } 335 336 disconnectedCallback() { 337 if (this.iframe && this.iframe._messageHandler) { 338 window.removeEventListener('message', this.iframe._messageHandler); 339 delete this.iframe._messageHandler; 340 } 341 } 342 } 343 344 customElements.define('app-hmac-component', Hmac) 345</script>
345 346 347 </head> 348 349 350 351 352 353 354 <body class="body cart " > 355 <!-- Google Tag Manager (noscript) --> 356<noscript><iframe src='/_c/ns.html?id=GTM-PV2BBNN' 357height='0' width='0' style='display:none;visibility:hidden'></iframe></noscript> 358<!-- End Google Tag Manager (noscript) --> 359 360 <a href="#main-content" class="skip-link">Skip to content</a> 361 362 <div class="page"> 363 <div> 364 <div id="fw-section-header" class="fw-section"> 365 366 367 368 369<sticky-header> 370<header data-testid="main.single.section" class="header"> 371 <div class="wrapper"> 372 <div class="header__grid header--left header__size--md header__grid--search"> 373 <div class="header__mobile-menu hidden@sm"> 374 <button data-drawer-trigger-primary="mobile-menu" class="header__icon" aria-label="Open menu"> 375 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 376 <path fill-rule="evenodd" clip-rule="evenodd" d="M16 3.75H0V2.25H16V3.75ZM16 8.75H0V7.25H16V8.75ZM16 13.75H0V12.25H16V13.75Z" fill="currentColor"/> 377</svg> 378 379 </button> 380 </div> 381 382 383 384 <div class="header__logo-container"><div class="header__logo"> 385 <a href="/" class="header__logo-link"> 386 387 388 <span class="text-logo"> 389 CatherineClark.org 390 </span> 391 392 </a> 393 </div> 394 </div> 395 396 397 <div class="header__nav-container visible@sm"> 398 <nav class="header__nav" aria-label="Primary"> 399 <ul class="header__list list--horizontal"> 400 401 <li class="header__list-item"> 402 <a 403 href="/pages/about-me" 404 class="header__link" 405 406 > 407 Who Tf Is CatherineClark!? 408 409 410 </a> 411 412 413 </li> 414 415 <li class="header__list-item"> 416 <a 417 href="/pages/music" 418 class="header__link" 419 target="_blank" 420 > 421 Music 422 423 424 </a> 425 426 427 </li> 428 429 <li class="header__list-item"> 430 <a 431 href="/pages/come-see-me-live" 432 class="header__link" 433 434 > 435 In The World Of St✮rlets 436 437 438 </a> 439 440 441 </li> 442 443 <li class="header__list-item"> 444 <a 445 href="/pages/certified-st-rlet-merch" 446 class="header__link" 447 target="_blank" 448 > 449 Certified St☆rlet Merch 450 451 452 </a> 453 454 455 </li> 456 457 <li class="header__list-item"> 458 <a 459 href="/supporters" 460 class="header__link header__link--icon" 461 462 > 463 Members only 464 465 466 <span class="header__link-icon"> 467 <svg class="svg-fill-current-color" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false"> 468 <path d="M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z" vector-effect="non-scaling-stroke"/> 469</svg> 470 471 </span> 472 473 </a> 474 475 476 <div class="header__dropdown"> 477 <ul class="header__dropdown-inner"> 478 479 <li class="header__dropdown-item"> 480 <a class="header__dropdown-link" href="/supporters" > 481 Feed 482 </a> 483 </li> 484 485 <li class="header__dropdown-item"> 486 <a class="header__dropdown-link" href="/supporters/videos" > 487 Videos 488 </a> 489 </li> 490 491 <li class="header__dropdown-item"> 492 <a class="header__dropdown-link" href="/supporters/perks" > 493 Perks 494 </a> 495 </li> 496 497 </ul> 498 </div> 499 500 </li> 501 502 </ul> 503 </nav> 504 </div> 505 506 507 <div class="header__icons"> 508 <ul class="header__list list list--horizontal"> 509 510 511 512 513 514 515 <li class="header__list-item visible@sm"> 516 <a 517 518 href="https://instagram.com/sheiscatherine.clark" 519 520 target="_blank" 521 class="header__icon" 522 aria-label="Instagram (opens in a new tab)" 523 > 524 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 525<path fill-rule="evenodd" clip-rule="evenodd" d="M4.99525 0H15.0047C17.7635 0 20 2.23604 20 4.99525V15.0047C20 17.7635 17.764 20 15.0047 20H4.99525C2.23645 20 0 17.764 0 15.0047V4.99525C0 2.23645 2.23604 0 4.99525 0ZM2 15.0047C2 16.6592 3.34085 18 4.99525 18H15.0047C16.6592 18 18 16.6591 18 15.0047V4.99525C18 3.34078 16.6591 2 15.0047 2H4.99525C3.34078 2 2 3.34085 2 4.99525V15.0047ZM5 10C5 7.23858 7.23858 5 10 5C12.7614 5 15 7.23858 15 10C15 12.7614 12.7614 15 10 15C7.23858 15 5 12.7614 5 10ZM13 10C13 8.34315 11.6569 7 10 7C8.34315 7 7 8.34315 7 10C7 11.6569 8.34315 13 10 13C11.6569 13 13 11.6569 13 10ZM15 6C15.5523 6 16 5.55228 16 5C16 4.44772 15.5523 4 15 4C14.4477 4 14 4.44772 14 5C14 5.55228 14.4477 6 15 6Z" fill="currentColor"/> 526</svg> 527 528 529 </a> 530 </li> 531 532 533 534 535 <li class="header__list-item visible@sm"> 536 <a 537 538 href="https://youtube.com/channel/UCijhrv9HGjNBEP4HS1lOAhg" 539 540 target="_blank" 541 class="header__icon" 542 aria-label="Youtube (opens in a new tab)" 543 > 544 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 545<path d="M16.7183 3.125H3.28167C1.4725 3.125 0 4.59833 0 6.4075V14.0083C0 15.8183 1.4725 17.2917 3.28167 17.2917H16.7192C18.5275 17.2917 20 15.8183 20 14.0083V6.4075C20 4.59833 18.5275 3.125 16.7183 3.125ZM13.7817 10.2342L8.14083 13.8433C8.0725 13.8867 7.99417 13.9092 7.91667 13.9092C7.8475 13.9092 7.77917 13.8917 7.71667 13.8575C7.58333 13.785 7.5 13.6442 7.5 13.4925V6.27417C7.5 6.12083 7.58333 5.98083 7.71667 5.9075C7.85083 5.835 8.01333 5.84083 8.14167 5.9225L13.7825 9.5325C13.9025 9.60917 13.975 9.74083 13.975 9.88333C13.9742 10.0258 13.901
5457 10.1575 13.7817 10.2342Z" fill="currentColor"/> 546</svg> 547 548 549 </a> 550 </li> 551 552 553 554 555 556 557 558 559 <li class="header__list-item visible@sm"> 560 <a class="header__link header__link--icon" tabindex="0" role="button" aria-label="Currency selector, current: USD"> 561 USD 562 563 564 <span class="header__link-icon"> 565 <svg class="svg-fill-current-color" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false"> 566 <path d="M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z" vector-effect="non-scaling-stroke"/> 567</svg> 568 569 </span> 570 571 </a> 572 573 574 <div class="header__dropdown header__dropdown--content"> 575 <ul class="header__dropdown-inner"> 576 577 <li class="header__dropdown-item"> 578 <a class="header__dropdown-link" href="/localization?currency=USD&return_to=/cart"> 579 USD 580 </a> 581 </li> 582 583 <li class="header__dropdown-item"> 584 <a class="header__dropdown-link" href="/localization?currency=EUR&return_to=/cart"> 585 EUR 586 </a> 587 </li> 588 589 <li class="header__dropdown-item"> 590 <a class="header__dropdown-link" href="/localization?currency=CAD&return_to=/cart"> 591 CAD 592 </a> 593 </li> 594 595 <li class="header__dropdown-item"> 596 <a class="header__dropdown-link" href="/localization?currency=GBP&return_to=/cart"> 597 GBP 598 </a> 599 </li> 600 601 <li class="header__dropdown-item"> 602 <a class="header__dropdown-link" href="/localization?currency=AUD&return_to=/cart"> 603 AUD 604 </a> 605 </li> 606 607 <li class="header__dropdown-item"> 608 <a class="header__dropdown-link" href="/localization?currency=NZD&return_to=/cart"> 609 NZD 610 </a> 611 </li> 612 613 <li class="header__dropdown-item"> 614 <a class="header__dropdown-link" href="/localization?currency=SEK&return_to=/cart"> 615 SEK 616 </a> 617 </li> 618 619 <li class="header__dropdown-item"> 620 <a class="header__dropdown-link" href="/localization?currency=NOK&return_to=/cart"> 621 NOK 622 </a> 623 </li> 624 625 <li class="header__dropdown-item"> 626 <a class="header__dropdown-link" href="/localization?currency=DKK&return_to=/cart"> 627 DKK 628 </a> 629 </li> 630 631 <li class="header__dropdown-item"> 632 <a class="header__dropdown-link" href="/localization?currency=PLN&return_to=/cart"> 633 PLN 634 </a> 635 </li> 636 637 <li class="header__dropdown-item"> 638 <a class="header__dropdown-link" href="/localization?currency=INR&return_to=/cart"> 639 INR 640 </a> 641 </li> 642 643 <li class="header__dropdown-item"> 644 <a class="header__dropdown-link" href="/localization?currency=JPY&return_to=/cart"> 645 JPY 646 </a> 647 </li> 648 649 <li class="header__dropdown-item"> 650 <a class="header__dropdown-link" href="/localization?currency=MYR&return_to=/cart"> 651 MYR 652 </a> 653 </li> 654 655 <li class="header__dropdown-item"> 656 <a class="header__dropdown-link" href="/localization?currency=SGD&return_to=/cart"> 657 SGD 658 </a> 659 </li> 660 661 <li class="header__dropdown-item"> 662 <a class="header__dropdown-link" href="/localization?currency=MXN&return_to=/cart"> 663 MXN 664 </a> 665 </li> 666 667 <li class="header__dropdown-item"> 668 <a class="header__dropdown-link" href="/localization?currency=BRL&return_to=/cart"> 669 BRL 670 </a> 671 </li> 672 673 <li class="header__dropdown-item"> 674 <a class="header__dropdown-link" href="/localization?currency=CHF&return_to=/cart"> 675 CHF 676 </a> 677 </li> 678 679 </ul> 680 </div> 681 682 </li> 683 684 685 686 <li class='header__list-item'> 687 <button class='header__icon' aria-label='Search' type='button' data-search-toggle>
688 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 689<path fill-rule="evenodd" clip-rule="evenodd" d="M0 6.37079C0 2.8523 2.8523 0 6.37079 0C9.88927 0 12.7416 2.8523 12.7416 6.37079C12.7416 7.85977 12.2308 9.22945 11.3748 10.3141L15.7803 14.7197L14.7197 15.7803L10.3141 11.3748C9.22945 12.2308 7.85977 12.7416 6.37079 12.7416C2.8523 12.7416 0 9.88927 0 6.37079ZM6.37079 1.5C3.68073 1.5 1.5 3.68073 1.5 6.37079C1.5 9.06085 3.68073 11.2416 6.37079 11.2416C9.06085 11.2416 11.2416 9.06085 11.2416 6.37079C11.2416 3.68073 9.06085 1.5 6.37079 1.5Z" fill="currentColor"/> 690</svg> 691 692 </button> 693 </li> 694 695 696 697 <li class="header__list-item visible@sm"> 698 <a href="/supporters" class="header__icon" aria-label="Account"> 699 700 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 701 <path fill-rule="evenodd" clip-rule="evenodd" d="M8.00001 1.5C6.12618 1.5 4.60715 3.01903 4.60715 4.89286C4.60715 6.76668 6.12618 8.28572 8.00001 8.28572C9.87383 8.28572 11.3929 6.76668 11.3929 4.89286C11.3929 3.01903 9.87383 1.5 8.00001 1.5ZM11.0301 8.73481C12.1647 7.83876 12.8929 6.45085 12.8929 4.89286C12.8929 2.19061 10.7023 0 8.00001 0C5.29776 0 3.10715 2.19061 3.10715 4.89286C3.10715 6.4509 3.83539 7.83886 4.97005 8.73491C2.45623 9.52559 0.500579 11.3512 0.0811315 14.1413C-0.0807331 15.218 0.820538 16 1.74999 16H14.25C15.1795 16 16.0807 15.218 15.9189 14.1413C15.4995 11.3511 13.5442 9.52544 11.0301 8.73481ZM8.00001 9.78572C4.59946 9.78572 1.99323 11.5122 1.56446 14.3643C1.56176 14.3823 1.56391 14.393 1.56646 14.4006C1.56947 14.4096 1.57619 14.4228 1.59068 14.438C1.62139 14.4701 1.67746 14.5 1.74999 14.5H14.25C14.3225 14.5 14.3786 14.4701 14.4093 14.438C14.4238 14.4228 14.4305 14.4096 14.4335 14.4006C14.4361 14.393 14.4382 14.3823 14.4355 14.3643C14.0069 11.5122 11.4015 9.78572 8.00001 9.78572Z" fill="currentColor"/> 702</svg> 703 704 705 </a> 706 </li> 707 708 709 <li class="header__list-item"> 710 <a href="/cart" class="header__icon" aria-label="Cart"> 711 <div 712 data-cart-widget="widget" 713 data-testid="cart.icon" 714 class="cart-widget cart-widget--icons empty" 715> 716 717 <span data-cart-widget="quantity" class="cart-widget__items"></span> 718 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 719 <path fill-rule="evenodd" clip-rule="evenodd" d="M7.99999 1.5C7.40211 1.5 6.83677 1.72464 6.4264 2.11207C6.0175 2.49812 5.79646 3.0122 5.79646 3.53846V4.46154H10.2035V3.53846C10.2035 3.0122 9.98249 2.49812 9.57359 2.11207C9.16322 1.72464 8.59788 1.5 7.99999 1.5ZM11.7035 4.46154V3.53846C11.7035 2.58564 11.3022 1.68119 10.6033 1.02137C9.90591 0.362928 8.96875 0 7.99999 0C7.03123 0 6.09408 0.362928 5.39666 1.02137C4.69777 1.68119 4.29646 2.58564 4.29646 3.53846V4.46154H2.96808C2.09126 4.46154 1.34979 5.11042 1.23353 5.97949L0.15814 14.018C0.0177587 15.0673 0.833995 16 1.89269 16H14.1073C15.166 16 15.9822 15.0673 15.8419 14.018L14.7665 5.97949C14.6502 5.11042 13.9087 4.46154 13.0319 4.46154H11.7035ZM2.96808 5.96154C2.84282 5.96154 2.73689 6.05424 2.72028 6.17839L1.64489 14.2169C1.62484 14.3668 1.74145 14.5 1.89269 14.5H14.1073C14.2586 14.5 14.3752 14.3668 14.3551 14.2169L13.2797 6.17839C13.2631 6.05424 13.1572 5.96154 13.0319 5.96154H2.96808Z" fill="currentColor"/> 720</svg> 721 722 723</div> 724 </a> 725 </li> 726 </ul> 727 728 <div data-cart-announcer aria-live="polite" aria-atomic="true" class="visually-hidden"></div> 729 730 </div> 731 </div> 732 733 <search-header> 734 <div class='search-header'> 735 <div class='search-header__inner'> 736 <form class='search-header__form' action='/search' method='get'> 737 <button type='submit' class='search-header__button' aria-label='Search'> 738 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
739<path fill-rule="evenodd" clip-rule="evenodd" d="M0 6.37079C0 2.8523 2.8523 0 6.37079 0C9.88927 0 12.7416 2.8523 12.7416 6.37079C12.7416 7.85977 12.2308 9.22945 11.3748 10.3141L15.7803 14.7197L14.7197 15.7803L10.3141 11.3748C9.22945 12.2308 7.85977 12.7416 6.37079 12.7416C2.8523 12.7416 0 9.88927 0 6.37079ZM6.37079 1.5C3.68073 1.5 1.5 3.68073 1.5 6.37079C1.5 9.06085 3.68073 11.2416 6.37079 11.2416C9.06085 11.2416 11.2416 9.06085 11.2416 6.37079C11.2416 3.68073 9.06085 1.5 6.37079 1.5Z" fill="currentColor"/> 740</svg> 741 742 </button> 743 <input 744 type='search' 745 name='q' 746 class='search-header__input' 747 placeholder='Search' 748 aria-label='Search' 749 autocomplete='off' 750 > 751 <button class='search-header__button' type='button' aria-label='Close search'> 752 <svg class="svg-fill-current-color" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 753 <path d="M1.25 18.75L18.75 1.25M18.75 18.75L1.25 1.25" vector-effect="non-scaling-stroke" stroke="currentColor" stroke-width="1.5" stroke-linejoin="bevel"/> 754</svg> 755 756 </button> 757 </form> 758 </div> 759</div> 760 761 </search-header> 762 763 </div> 764</header> 765</sticky-header> 766 767<aside 768 data-drawer="mobile-menu" 769 class="drawer hidden@sm" 770> 771 <div class="drawer__background" data-drawer-trigger-primary="mobile-menu"></div> 772 <div class="drawer__content drawer__content--small mobile-menu"> 773 <div class="mobile-menu__section mobile-menu__section--header"> 774 <button type="button" class="mobile-menu__close" data-drawer-trigger-primary="mobile-menu" aria-label="Close menu"> 775 <svg class="svg-fill-current-color" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 776 <path d="M1.25 18.75L18.75 1.25M18.75 18.75L1.25 1.25" vector-effect="non-scaling-stroke" stroke="currentColor" stroke-width="1.5" stroke-linejoin="bevel"/> 777</svg> 778 779 </button> 780 </div> 781 <div class="mobile-menu__section mobile-menu__section--body"> 782 <div class="mobile-menu__nav"> 783 <ul class="mobile-menu__list"> 784 785 <li class="mobile-menu__list-item"> 786 787 <a 788 href="/pages/about-me" 789 class="mobile-menu__link" 790 > 791 Who Tf Is CatherineClark!? 792 </a> 793 794 795 796 </li> 797 798 <li class="mobile-menu__list-item"> 799 800 <a 801 href="/pages/music" 802 class="mobile-menu__link" 803 > 804 Music 805 </a> 806 807 808 809 </li> 810 811 <li class="mobile-menu__list-item"> 812 813 <a 814 href="/pages/come-see-me-live" 815 class="mobile-menu__link" 816 > 817 In The World Of St✮rlets 818 </a> 819 820 821 822 </li> 823 824 <li class="mobile-menu__list-item"> 825 826 <a 827 href="/pages/certified-st-rlet-merch" 828 class="mobile-menu__link" 829 > 830 Certified St☆rlet Merch 831 </a> 832 833 834 835 </li> 836 837 <li class="mobile-menu__list-item"> 838 839 <label for="input-drawer-4" class="mobile-menu__link"> 840 Members only 841 842 <div class="mobile-menu__link-icon"> 843 <svg class="svg-fill-current-color" width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 844 <path d="M7 1.5L15 9L7 16.5" stroke="currentColor" vector-effect="non-scaling-stroke" fill="none" stroke-width="1.5"/> 845</svg> 846 847 </div> 848 </label> 849 850 851 852 <input type="checkbox" id="input-drawer-4" class="drawer__checkbox hidden" data-drawer-trigger-secondary> 853 <div class="drawer__content drawer__content--small"> 854 <div class="mobile-menu__section mobile-menu__section--header"> 855 <label href="#" class="mobile-menu__close" for="input-drawer-4"> 856 <svg class="svg-fill-current-color" width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 857 <path d="M10 16.5L2 9L10 1.5" fill="none" vector-effect="non-scaling-stroke" stroke="currentColor" stroke-width="1.5"/> 858</svg> 859 860 </label> 861 <div class="mobile-menu__label"> 862 Members only 863 </div> 864 <div class="mobile-menu__right"></div> 865 </div> 866 <div class="mobile-menu__section mobile-menu__section--body"> 867 <div class="mobile-menu__nav"> 868 <ul class="mobile-menu__list"> 869 870 <li class="mobile-menu__list-item"> 871 <a class="mobile-menu__link" href="/supporters"> 872 Feed 873 </a> 874 </li> 875 876 <li class="mobile-menu__list-item"> 877 <a class="mobile-menu__link" href="/supporters/videos"> 878 Videos 879 </a> 880 </li> 881 882 <li class="mobile-menu__list-item"> 883 <a class="mobile-menu__link" href="/supporters/perks"> 884 Perks 885 </a> 886 </li> 887 888 </ul> 889 </div> 890 </div> 891 </div> 892 893 </li> 894 895 896 897 <li class="mobile-menu__list-item"> 898 <a for="input-drawer" class="mobile-menu__link" data-accordion="trigger" role="button" tabindex="0"> 899 USD 900 901 902 <div class="mobile-menu__link-icon"> 903 <svg class="svg-fill-current-color" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false"> 904 <path d="M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z" vector-effect="non-scaling-stroke"/> 905</svg> 906 907 </div> 908 909 </a> 910 911 912 <div class="mobile-menu__dropdown mobile-menu__dropdown--content"> 913 <ul class="mobile-menu__dropdown-inner"> 914 915 <li class="mobile-menu__dropdown-item"> 916 <a class="mobile-menu__dropdown-link" href="/localization?currency=USD&return_to=/cart"> 917 USD 918 </a> 919 </li> 920 921 <li class="mobile-menu__dropdown-item"> 922 <a class="mobile-menu__dropdown-link" href="/localization?currency=EUR&return_to=/cart"> 923 EUR 924 </a> 925 </li> 926 927 <li class="mobile-menu__dropdown-item"> 928 <a class="mobile-menu__dropdown-link" href="/localization?currency=CAD&return_to=/cart"> 929 CAD 930 </a> 931 </li> 932 933 <li class="mobile-menu__dropdown-item"> 934 <a class="mobile-menu__dropdown-link" href="/localization?currency=GBP&return_to=/cart"> 935 GBP 936 </a> 937 </li> 938 939 <li class="mobile-menu__dropdown-item"> 940 <a class="mobile-menu__dropdown-link" href="/localization?currency=AUD&return_to=/cart"> 941 AUD 942 </a> 943 </li> 944 945 <li class="mobile-menu__dropdown-item"> 946 <a class="mobile-menu__dropdown-link" href="/localization?currency=NZD&return_to=/cart"> 947 NZD 948 </a> 949 </li> 950 951 <li class="mobile-menu__dropdown-item"> 952 <a class="mobile-menu__dropdown-link" href="/localization?currency=SEK&return_to=/cart"> 953 SEK 954 </a> 955 </li> 956 957 <li class="mobile-menu__dropdown-item"> 958 <a class="mobile-menu__dropdown-link" href="/localization?currency=NOK&return_to=/cart"> 959 NOK 960 </a> 961 </li> 962 963 <li class="mobile-menu__dropdown-item"> 964 <a class="mobile-menu__dropdown-link" href="/localization?currency=DKK&return_to=/cart"> 965 DKK 966 </a> 967 </li> 968 969 <li class="mobile-menu__dropdown-item"> 970 <a class="mobile-menu__dropdown-link" href="/localization?currency=PLN&return_to=/cart"> 971 PLN 972 </a> 973 </li> 974 975 <li class="mobile-menu__dropdown-item"> 976 <a class="mobile-menu__dropdown-link" href="/localization?currency=INR&return_to=/cart"> 977 INR 978 </a> 979 </li> 980 981 <li class="mobile-menu__dropdown-item"> 982 <a class="mobile-menu__dropdown-link" href="/localization?currency=JPY&return_to=/cart"> 983 JPY 984 </a> 985 </li> 986 987 <li class="mobile-menu__dropdown-item"> 988 <a class="mobile-menu__dropdown-link" href="/localization?currency=MYR&return_to=/cart"> 989 MYR 990 </a> 991 </li> 992 993 <li class="mobile-menu__dropdown-item"> 994 <a class="mobile-menu__dropdown-link" href="/localization?currency=SGD&return_to=/cart"> 995 SGD 996 </a> 997 </li> 998 999 <li class="mobile-menu__dropdown-item"> 1000 <a class="mobile-menu__dropdown-link" href="/localization?currency=MXN&return_to=/cart"> 1001 MXN 1002 </a> 1003 </li> 1004 1005 <li class="mobile-menu__dropdown-item"> 1006 <a class="mobile-menu__dropdown-link" href="/localization?currency=BRL&return_to=/cart"> 1007 BRL 1008 </a> 1009 </li> 1010 1011 <li class="mobile-menu__dropdown-item"> 1012 <a class="mobile-menu__dropdown-link" href="/localization?currency=CHF&return_to=/cart"> 1013 CHF 1014 </a> 1015 </li> 1016 1017 </ul> 1018 </div> 1019 1020 </li> 1021 1022 </ul> 1023 </div> 1024 </div> 1025 <div class="mobile-menu__section mobile-menu__section--socials"> 1026 <div class="mobile-menu__list-social"> 1027 <ul class="mobile-menu__socials"> 1028 1029 1030 1031 1032 1033 <li class="mobile-menu__social"> 1034 <a 1035 1036 href="https://instagram.com/sheiscatherine.clark" 1037 1038 target="_blank" 1039 class="mobile-menu__social-link" 1040 aria-label="Instagram (opens in a new tab)" 1041 > 1042 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 1043<path fill-rule="evenodd" clip-rule="evenodd" d="M4.99525 0H15.0047C17.7635 0 20 2.23604 20 4.99525V15.0047C20 17.7635 17.764 20 15.0047 20H4.99525C2.23645 20 0 17.764 0 15.0047V4.99525C0 2.23645 2.23604 0 4.99525 0ZM2 15.0047C2 16.6592 3.34085 18 4.99525 18H15.0047C16.6592 18 18 16.6591 18 15.0047V4.99525C18 3.34078 16.6591 2 15.0047 2H4.99525C3.34078 2 2 3.34085 2 4.99525V15.0047ZM5 10C5 7.23858 7.23858 5 10 5C12.7614 5 15 7.23858 15 10C15 12.7614 12.7614 15 10 15C7.23858 15 5 12.7614 5 10ZM13 10C13 8.34315 11.6569 7 10 7C8.34315 7 7 8.34315 7 10C7 11.6569 8.34315 13 10 13C11.6569 13 13 11.6569 13 10ZM15 6C15.5523 6 16 5.55228 16 5C16 4.44772 15.5523 4 15 4C14.4477 4 14 4.44772 14 5C14 5.55228 14.4477 6 15 6Z" fill="currentColor"/> 1044</svg> 1045 1046 1047 </a> 1048 </li> 1049 1050 1051 1052 1053 <li class="mobile-menu__social"> 1054 <a 1055 1056 href="https://youtube.com/channel/UCijhrv9HGjNBEP4HS1lOAhg" 1057 1058 target="_blank" 1059 class="mobile-menu__social-link" 1060 aria-label="Youtube (opens in a new tab)" 1061 > 1062 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 1063<path d="M16.7183 3.125H3.28167C1.4725 3.125 0 4.59833 0 6.4075V14.0083C0 15.8183 1.4725 17.2917 3.28167 17.2917H16.7192C18.5275 17.2917 20 15.8183 20 14.0083V6.4075C20 4.59833 18.5275 3.125 16.7183 3.125ZM13.7817 10.2342L8.14083 13.8433C8.0725 13.8867 7.99417 13.9092 7.91667 13.9092C7.8475 13.9092 7.77917 13.8917 7.71667 13.8575C7.58333 13.785 7.5 13.6442 7.5 13.4925V6.27417C7.5 6.12083 7.58333 5.98083 7.71667 5.9075C7.85083 5.835 8.01333 5.84083 8.14167 5.9225L13.7825 9.5325C13.9025 9.60917 13.975 9.74083 13.975 9.88333C13.9742 10.0258 13.901
10637 10.1575 13.7817 10.2342Z" fill="currentColor"/> 1064</svg> 1065 1066 1067 </a> 1068 </li> 1069 1070 1071 1072 </ul> 1073 </div> 1074 </div> 1075 </div> 1076</aside> 1077
1078<script> 1079 const currencyData = { 1080 locale: "en-US", 1081 currency: "USD" 1082 } 1083</script>
1083 1084 1085 1086</div> 1087 </div> 1088 1089 <main id="main-content" class="page__main"> 1090 <div class="main main--cart"> 1091 <div data-testid="main.sections" class="main__sections"> 1092 <div id="fw-section-cart" class="fw-section"> 1093<section data-testid="main.single.section" class="cart-container" data-cart="cart"> 1094 <div class="container container--10 wrapper"> 1095 <div id="cart-component" class="cart-container__cart-component"></div> 1096 </div> 1097</section> 1098</div> 1099 1100 <div id="fw-section-cart-product-recommendations" class="fw-section"> 1101<section data-testid="main.single.section" class="cart-product-recommendations"> 1102 <cart-product-recommendations /> 1103</section> 1104 1105<template id="product-template"> 1106 <div> 1107 <div data-testid="product" class="product-tile" data-id="fw-section-cart-product-recommendations"> 1108 <a href="" class="tile"> 1109 <div class="tile__image"> 1110 <div class="image image--background-color"> 1111 <div class="image__object"> 1112 <img 1113 alt="" 1114 class="tile__item" 1115 > 1116 </div> 1117 </div> 1118 </div> 1119 1120 1121 <div class="tile__description tile__description--center"> 1122 <h3 class="tile__heading"> 1123 </h3> 1124 1125 1126 <p class="tile__prices"> 1127 <span class="tile__price tile__price--offer"> 1128 </span> 1129 1130 <span class="tile__price tile__price--original"> 1131 </span> 1132 </p> 1133 </div> 1134 1135 </a> 1136 </div> 1137 </div> 1138</template> 1139</div> 1140 </div> 1141</div> 1142 1143 </main> 1144 1145 <div class="page__footer"> 1146 <div id="fw-section-footer" class="fw-section"><style> 1147 .section-fw-section-footer-padding { 1148 padding-top: 2px; 1149 padding-bottom: 2px; 1150 } 1151 1152 @media screen and (min-width: 640px) { 1153 .section-fw-section-footer-padding { 1154 padding-top: 2px; 1155 padding-bottom: 2px; 1156 } 1157 } 1158</style> 1159 1160 1161 1162 1163 1164 1165 1166 1167 1168 1169 1170 1171 1172 1173 1174 1175<footer data-testid="main.single.section" class="footer footer--center section-fw-section-footer-padding"> 1176 1177 <div class="footer__separator"></div> 1178 1179 1180 <div class="wrapper"> 1181 <div class="footer__inner"> 1182 1183 <div class="footer__top"> 1184 <div class="col-grid col-grid--middle"> 1185 <div> 1186 1187 <div class="footer__socials"> 1188 <ul class="footer__list footer__list--socials"> 1189 1190 1191 1192 1193 1194 <li class="footer__list-item footer__list-item--social"> 1195 <a 1196 1197 href="https://instagram.com/sheiscatherine.clark" 1198 1199 target="_blank" 1200 class="footer__social-link" 1201 aria-label="Instagram (opens in a new tab)" 1202 > 1203 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 1204<path fill-rule="evenodd" clip-rule="evenodd" d="M4.99525 0H15.0047C17.7635 0 20 2.23604 20 4.99525V15.0047C20 17.7635 17.764 20 15.0047 20H4.99525C2.23645 20 0 17.764 0 15.0047V4.99525C0 2.23645 2.23604 0 4.99525 0ZM2 15.0047C2 16.6592 3.34085 18 4.99525 18H15.0047C16.6592 18 18 16.6591 18 15.0047V4.99525C18 3.34078 16.6591 2 15.0047 2H4.99525C3.34078 2 2 3.34085 2 4.99525V15.0047ZM5 10C5 7.23858 7.23858 5 10 5C12.7614 5 15 7.23858 15 10C15 12.7614 12.7614 15 10 15C7.23858 15 5 12.7614 5 10ZM13 10C13 8.34315 11.6569 7 10 7C8.34315 7 7 8.34315 7 10C7 11.6569 8.34315 13 10 13C11.6569 13 13 11.6569 13 10ZM15 6C15.5523 6 16 5.55228 16 5C16 4.44772 15.5523 4 15 4C14.4477 4 14 4.44772 14 5C14 5.55228 14.4477 6 15 6Z" fill="currentColor"/> 1205</svg> 1206 1207 1208 </a> 1209 </li> 1210 1211 1212 1213 1214 <li class="footer__list-item footer__list-item--social"> 1215 <a 1216 1217 href="https://youtube.com/channel/UCijhrv9HGjNBEP4HS1lOAhg" 1218 1219 target="_blank" 1220 class="footer__social-link" 1221 aria-label="Youtube (opens in a new tab)" 1222 > 1223 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 1224<path d="M16.7183 3.125H3.28167C1.4725 3.125 0 4.59833 0 6.4075V14.0083C0 15.8183 1.4725 17.2917 3.28167 17.2917H16.7192C18.5275 17.2917 20 15.8183 20 14.0083V6.4075C20 4.59833 18.5275 3.125 16.7183 3.125ZM13.7817 10.2342L8.14083 13.8433C8.0725 13.8867 7.99417 13.9092 7.91667 13.9092C7.8475 13.9092 7.77917 13.8917 7.71667 13.8575C7.58333 13.785 7.5 13.6442 7.5 13.4925V6.27417C7.5 6.12083 7.58333 5.98083 7.71667 5.9075C7.85083 5.835 8.01333 5.84083 8.14167 5.9225L13.7825 9.5325C13.9025 9.60917 13.975 9.74083 13.975 9.88333C13.9742 10.0258 13.901
12247 10.1575 13.7817 10.2342Z" fill="currentColor"/> 1225</svg> 1226 1227 1228 </a> 1229 </li> 1230 1231 1232 1233 </ul> 1234 </div> 1235 1236 </div> 1237 1238 <div> 1239 <nav class="footer__nav" aria-label="Footer"> 1240 <ul class="footer__list footer__list--menu"> 1241 1242 1243 <li class="footer__list-item"> 1244 <a class="footer__menu-link footer__menu-link--icon" tabindex="0" role="button" aria-label="Currency selector, current: USD"> 1245 USD 1246 1247 <span class="footer__link-icon"> 1248 <svg class="svg-fill-current-color" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false"> 1249 <path d="M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z" vector-effect="non-scaling-stroke"/> 1250</svg> 1251 1252 </span> 1253 1254 </a> 1255 1256 <div class="footer__dropdown footer__dropdown--content"> 1257 <ul class="footer__dropdown-inner"> 1258 1259 <li class="footer__dropdown-item"> 1260 <a class="footer__dropdown-link" href="/localization?currency=USD&return_to=/cart"> 1261 USD 1262 </a> 1263 </li> 1264 1265 <li class="footer__dropdown-item"> 1266 <a class="footer__dropdown-link" href="/localization?currency=EUR&return_to=/cart"> 1267 EUR 1268 </a> 1269 </li> 1270 1271 <li class="footer__dropdown-item"> 1272 <a class="footer__dropdown-link" href="/localization?currency=CAD&return_to=/cart"> 1273 CAD 1274 </a> 1275 </li> 1276 1277 <li class="footer__dropdown-item"> 1278 <a class="footer__dropdown-link" href="/localization?currency=GBP&return_to=/cart"> 1279 GBP 1280 </a> 1281 </li> 1282 1283 <li class="footer__dropdown-item"> 1284 <a class="footer__dropdown-link" href="/localization?currency=AUD&return_to=/cart"> 1285 AUD 1286 </a> 1287 </li> 1288 1289 <li class="footer__dropdown-item"> 1290 <a class="footer__dropdown-link" href="/localization?currency=NZD&return_to=/cart"> 1291 NZD 1292 </a> 1293 </li> 1294 1295 <li class="footer__dropdown-item"> 1296 <a class="footer__dropdown-link" href="/localization?currency=SEK&return_to=/cart"> 1297 SEK 1298 </a> 1299 </li> 1300 1301 <li class="footer__dropdown-item"> 1302 <a class="footer__dropdown-link" href="/localization?currency=NOK&return_to=/cart"> 1303 NOK 1304 </a> 1305 </li> 1306 1307 <li class="footer__dropdown-item"> 1308 <a class="footer__dropdown-link" href="/localization?currency=DKK&return_to=/cart"> 1309 DKK 1310 </a> 1311 </li> 1312 1313 <li class="footer__dropdown-item"> 1314 <a class="footer__dropdown-link" href="/localization?currency=PLN&return_to=/cart"> 1315 PLN 1316 </a> 1317 </li> 1318 1319 <li class="footer__dropdown-item"> 1320 <a class="footer__dropdown-link" href="/localization?currency=INR&return_to=/cart"> 1321 INR 1322 </a> 1323 </li> 1324 1325 <li class="footer__dropdown-item"> 1326 <a class="footer__dropdown-link" href="/localization?currency=JPY&return_to=/cart"> 1327 JPY 1328 </a> 1329 </li> 1330 1331 <li class="footer__dropdown-item"> 1332 <a class="footer__dropdown-link" href="/localization?currency=MYR&return_to=/cart"> 1333 MYR 1334 </a> 1335 </li> 1336 1337 <li class="footer__dropdown-item"> 1338 <a class="footer__dropdown-link" href="/localization?currency=SGD&return_to=/cart"> 1339 SGD 1340 </a> 1341 </li> 1342 1343 <li class="footer__dropdown-item"> 1344 <a class="footer__dropdown-link" href="/localization?currency=MXN&return_to=/cart"> 1345 MXN 1346 </a> 1347 </li> 1348 1349 <li class="footer__dropdown-item"> 1350 <a class="footer__dropdown-link" href="/localization?currency=BRL&return_to=/cart"> 1351 BRL 1352 </a> 1353 </li> 1354 1355 <li class="footer__dropdown-item"> 1356 <a class="footer__dropdown-link" href="/localization?currency=CHF&return_to=/cart"> 1357 CHF 1358 </a> 1359 </li> 1360 1361 </ul> 1362 </div> 1363 1364 </li> 1365 1366 1367 1368 1369 <li class="footer__list-item"> 1370 <a href="/contact" class="footer__menu-link" >Contact</a> 1371 </li> 1372 1373 <li class="footer__list-item"> 1374 <a href="/pages/terms-of-service" class="footer__menu-link" >Terms of Service</a> 1375 </li> 1376 1377 <li class="footer__list-item"> 1378 <a href="/pages/privacy-policy" class="footer__menu-link" >Privacy Policy</a> 1379 </li> 1380 1381 <li class="footer__list-item"> 1382 <a href="/pages/returns-faq" class="footer__menu-link" >Returns & FAQ</a> 1383 </li> 1384 1385 1386 </ul> 1387 </nav> 1388 </div> 1389 </div> 1390 </div> 1391 1392 <div class="footer__bottom"> 1393 <ul class="footer__list footer__list--bottom"> 1394 <li class="footer__list-item">
1394<div class="footer__copy">© 2026 CatherineClark.org</div></li> 1395 1396 </ul> 1397 </div> 1398 1399 </div> 1400 </div> 1401</footer> 1402 1403 1404</div> 1405 </div> 1406 </div> 1407 1408
1408<script> 1409 var fourthwallTheme = { 1410 strings: { 1411 addToCart: "Add to Cart", 1412 redeemGift: "Redeem Your Gift", 1413 viewCart: "View Cart", 1414 checkout: "Checkout", 1415 outOfStock: "Out of Stock", 1416 unavailable: "Not Available", 1417 soldOut: "Sold Out", 1418 soldOutSuffix: " - Sold Out", 1419 missingQuantityError: "Please choose the quantity.", 1420 generalError: "An error occurred. Please try refreshing the page.", 1421 item: "item", 1422 items: "items", 1423 startShopping: "Start Shopping", 1424 subtotal: "Subtotal", 1425 backToShopping: "Back to Shopping", 1426 cart: { 1427 heading: "[item_count] [item_count_label] in your cart for [total]", 1428 emptyHeading: "Your Shopping Cart is Empty", 1429 tableHeader: { 1430 item: "Item", 1431 quantity: "Quantity", 1432 price: "Price" 1433 }, 1434 deleteModal: { 1435 heading: "Are you sure you want to remove [title] from your cart?", 1436 cancel: "Cancel", 1437 delete: "Delete" 1438 } 1439 }, 1440 newsletter: { 1441 missingEmailError: 'Please enter your email.', 1442 invalidEmailError: 'Please enter a valid email.', 1443 subscribeSuccess: 'Thanks for subscribing!' 1444 }, 1445 donation: { 1446 missingAmountError: 'Please select or enter the donation amount.', 1447 invalidAmountError: 'Please enter a valid donation amount.', 1448 missingNameError: 'Please enter your name.', 1449 missingMessageError: 'Please enter the message.' 1450 }, 1451 checkoutErrors: { 1452 default: "There was an issue with your checkout. Please review your cart and try again.", 1453 CHECKOUT_CART_ITEMS_CHANGED: "Your cart has changed since you started checkout. Please review your items and try again.", 1454 CHECKOUT_STOCK_NOT_ENOUGH_QUANTITY: "Some items in your cart are no longer available in the requested quantity. Please update your cart and try again." 1455 } 1456 }, 1457 urls: { 1458 cart: "/cart", 1459 cartItemLocalizedPrefix: "", 1460 cartAddUrl: "/cart/add", 1461 cartChangeUrl: "/cart/change", 1462 productsUrlPrefix: "/products", 1463 allProductsCollection: "/collections/all", 1464 } 1465 }; 1466</script>
1466 1467 1468 1469
1469<script src="https://themes.fourthwall.dev/themes-library/assets/8e06b3d9-653a-481d-9fef-343c343273fd/assets/theme.js?v=bb69d02df39afaefd46170a8792b5589eb5bd9e64e53487ea1c2129b98a4390f" rel="preload" integrity="sha256-u2nQLfOa+u/UYXCoeStVietb2eZOU0h+ocISm5ikOQ8=" crossorigin="anonymous"></script>
1469 1470 1471 1472<div id="cookie-consent-banner-container" data-turbo-permanent="true"></div> 1473 1474 1475 <div class="admin-bar-container hidden"> 1476 <div id="admin-bar" class="admin-bar sticky hidden"> 1477 <div class="wrapper"> 1478 <div> 1479 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> 1480 <path fill="#FDFCFB" d="m11.947 6-.682 3.151H9.983c-1.61 0-1.964.081-2.237 1.195l-.136.733h3.246l-.683 3.178H6.928L4.5 25.692H0l2.428-11.435H.409l.682-3.178h1.991l.219-.923C4.01 6.706 5.7 6 9.628 6h2.319Zm3.525 5.08 1.936 9.913 1.718-9.914h4.637l1.69 9.914 1.938-9.914H32l-3.382 14.613h-5.21L21.446 14.91 19.48 25.692h-5.237L10.862 11.08h4.61Z"/> 1481 </svg> 1482 </div> 1483 <div class="actions"> 1484 <div class='desktop'> 1485 <div class="dropdown"> 1486 <button class="dropdown-button desktop-switcher pill" data-target="desktop-switcher">View as: </button> 1487 <div class="dropdown-content" id="desktop-switcher"> 1488 <ul> 1489 <li class="dropdown-item" data-mode="creator">Admin</li> 1490 <li class="dropdown-item" data-mode="supporter">Supporter</li> 1491 </ul> 1492 </div> 1493 </div> 1494 1495 <a href="/admin/dashboard" rel="noopener noreferrer" class="pill dashboard-link">Go to dashboard</a> 1496 </div> 1497 1498 <div class='mobile'> 1499 <div class="dropdown"> 1500 <button class="dropdown-button pill mobile-switcher" data-target="mobile-switcher">View as</button> 1501 <div class="dropdown-content" id="mobile-switcher"> 1502 <ul> 1503 <li class="dropdown-item" data-mode="creator">Admin</li> 1504 <li class="dropdown-item" data-mode="supporter">Supporter</li> 1505 </ul> 1506 </div> 1507 </div> 1508 1509 <div class="dropdown mobile"> 1510 <button class="dropdown-button pill" data-target="mobile-links"> 1511 <svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1512 <g id="Dots horizontal"> 1513 <g> 1514 <path d="M2.96875 7C2.96875 7.42284 2.62597 7.76562 2.20312 7.76562C1.78028 7.76562 1.4375 7.42284 1.4375 7C1.4375 6.57716 1.78028 6.23438 2.20312 6.23438C2.62597 6.23438 2.96875 6.57716 2.96875 7Z" stroke="#FDFCFB" stroke-width="1.5"/> 1515 <path d="M8.76562 7C8.76562 7.42284 8.42284 7.76562 8 7.76562C7.57716 7.76562 7.23438 7.42284 7.23438 7C7.23438 6.57716 7.57716 6.23438 8 6.23438C8.42284 6.23438 8.76562 6.57716 8.76562 7Z" stroke="#FDFCFB" stroke-width="1.5"/> 1516 <path d="M14.5625 7C14.5625 7.42284 14.2197 7.76562 13.7969 7.76562C13.374 7.76562 13.0312 7.42284 13.0312 7C13.0312 6.57716 13.374 6.23438 13.7969 6.23438C14.2197 6.23438 14.5625 6.57716 14.5625 7Z" stroke="#FDFCFB" stroke-width="1.5"/> 1517 </g> 1518 </g> 1519 </svg> 1520 </button> 1521 <div class="dropdown-content" id="mobile-links"> 1522 <a href="/admin/dashboard" rel="noopener noreferrer" class="dropdown-item">Go to dashboard</a> 1523 </div> 1524 </div> 1525 </div> 1526 1527 <div class="pill close"> 1528 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1529 <g> 1530 <path d="M0.875 13.125L13.125 0.875M13.125 13.125L0.875 0.875" stroke="#FDFCFB" stroke-width="1.5" stroke-linejoin="bevel"/> 1531 </g> 1532 </svg> 1533 </div> 1534 </div> 1535 </div> 1536 </div> 1537 1538 <div id="admin-bar-small" class="admin-bar-small sticky hidden"> 1539 <div class="wrapper"> 1540 <div> 1541 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> 1542 <path fill="#FDFCFB" d="m11.947 6-.682 3.151H9.983c-1.61 0-1.964.081-2.237 1.195l-.136.733h3.246l-.683 3.178H6.928L4.5 25.692H0l2.428-11.435H.409l.682-3.178h1.991l.219-.923C4.01 6.706 5.7 6 9.628 6h2.319Zm3.525 5.08 1.936 9.913 1.718-9.914h4.637l1.69 9.914 1.938-9.914H32l-3.382 14.613h-5.21L21.446 14.91 19.48 25.692h-5.237L10.862 11.08h4.61Z"/> 1543 </svg> 1544 </div> 1545 </div> 1546 </div> 1547</div> 1548
1549<script> 1550 const cookieModule = { 1551 setCookie: function (name, value, days = 365, maxAge) { 1552 const expires = new Date(Date.now() + days * 24 * 60 * 60 * 1000).toUTCString(); 1553 let cookieString = `${name}=${value}; expires=${expires}; path=/`; 1554 1555 if (maxAge) { 1556 cookieString += `; max-age=${maxAge}`; 1557 } 1558 1559 document.cookie = cookieString; 1560 }, 1561 1562 getCookie: function (name) { 1563 const cookie = document.cookie.split(';').find(c => c.trim().startsWith(`${name}=`)); 1564 return cookie ? cookie.split('=')[1] : null; 1565 } 1566 }; 1567 1568 const AdminBar = { 1569 adminBar: document.getElementById("admin-bar"), 1570 adminBarContainer: document.querySelector(".admin-bar-container"), 1571 adminBarSmall: document.getElementById("admin-bar-small"), 1572 closeButton: document.querySelector('#admin-bar .close'), 1573 viewAsDesktopButton: document.querySelector(".desktop-switcher"), 1574 dropdownButtons: document.querySelectorAll(".dropdown-button"), 1575 dropdownContents: document.querySelectorAll(".dropdown-content"), 1576 inIframe: () => { 1577 try { 1578 return window.self !== window.top; 1579 } catch (e) { 1580 return true; 1581 } 1582 }, 1583 inThemeEditor: () => cookieModule.getCookie('view_as') === 'theme_editor' || AdminBar.inIframe(), 1584 viewAsCreator: () => cookieModule.getCookie('view_as') === 'creator', 1585 viewAsSupporter: () => cookieModule.getCookie('view_as') === 'supporter', 1586 verifyCreator: () => { 1587 document.cookie = 'return_to=' + window.location.href + '; path=/; max-age=30;'; 1588 window.location.href = '/platform/creators/handoff/start?return=' + encodeURIComponent(window.location.pathname + window.location.search); 1589 }, 1590 getSelectedView: () => (AdminBar.viewAsCreator() ? 'Admin' : 'Supporter'), 1591 toggleDropdown: (dropdownContent) => { 1592 dropdownContent.style.display = dropdownContent.style.display === 'none' || dropdownContent.style.display === '' ? 'block' : 'none'; 1593 }, 1594 init() { 1595 if ( 1596 !AdminBar.inThemeEditor() && 1597 cookieModule.getCookie('core_dashboard_visited') 1598 ) { 1599 AdminBar.viewAsDesktopButton.textContent = 'View as: ' + AdminBar.getSelectedView(); 1600 AdminBar.adminBarContainer.classList.toggle('hidden'); 1601 if (cookieModule.getCookie('admin_bar_mode') === 'condensed') { 1602 AdminBar.adminBarSmall.classList.toggle('hidden'); 1603 } else { 1604 AdminBar.adminBar.classList.toggle('hidden'); 1605 } 1606 } 1607 1608 AdminBar.closeButton.addEventListener('click', () => { 1609 cookieModule.setCookie('admin_bar_mode', 'condensed'); 1610 AdminBar.adminBar.classList.toggle('hidden'); 1611 AdminBar.adminBarSmall.classList.toggle('hidden'); 1612 }); 1613 1614 AdminBar.adminBarSmall.addEventListener('click', () => { 1615 cookieModule.setCookie('admin_bar_mode', 'expanded'); 1616 AdminBar.adminBar.classList.toggle('hidden'); 1617 AdminBar.adminBarSmall.classList.toggle('hidden'); 1618 }); 1619 1620 // Add event listeners to each dropdown button 1621 AdminBar.dropdownButtons.forEach((button) => { 1622 button.addEventListener("click", () => { 1623 const dropdownId = button.getAttribute("data-target"); 1624 const dropdownContent = document.getElementById(dropdownId); 1625 AdminBar.toggleDropdown(dropdownContent); 1626 }); 1627 }); 1628 1629 // Close the dropdowns when clicking outside 1630 document.addEventListener("click", (event) => { 1631 AdminBar.dropdownButtons.forEach((button) => { 1632 const dropdownId = button.getAttribute("data-target"); 1633 const dropdownContent = document.getElementById(dropdownId); 1634 if (event.target !== button && !button.contains(event.target) && event.target !== dropdownContent) { 1635 dropdownContent.style.display = "none"; 1636 } 1637 }); 1638 }); 1639 1640 document.querySelectorAll(".dropdown-content li").forEach((item) => { 1641 item.addEventListener("click", (event) => { 1642 const mode = event.target.getAttribute("data-mode"); 1643 if (mode === 'creator') { 1644 cookieModule.setCookie('view_as', 'creator'); 1645 AdminBar.verifyCreator(); 1646 } else { 1647 cookieModule.setCookie('view_as', 'supporter'); 1648 window.location.reload(); 1649 } 1650 }); 1651 }); 1652 }, 1653 }; 1654
1655 AdminBar.init(); 1656</script>
1656 1657 1658<style> 1659 .admin-bar-container { 1660 height: 56px; 1661 } 1662 1663 .hidden { 1664 display: none; 1665 } 1666 1667 .admin-bar, 1668 .admin-bar-small { 1669 z-index: 1000; 1670 background-color: rgba(0, 0, 0, 0.7); 1671 backdrop-filter: blur(15px); 1672 -webkit-backdrop-filter: blur(15px); 1673 height: 56px; 1674 width: 100%; 1675 } 1676 1677 .admin-bar-small { 1678 width: 73px; 1679 cursor: pointer; 1680 } 1681 1682 .sticky { 1683 position: fixed; 1684 bottom: 0; 1685 } 1686 1687 .admin-bar a { 1688 color: #FDFCFB; 1689 padding: 14px; 1690 font-size: 14px; 1691 text-decoration: none; 1692 } 1693 1694 .admin-bar button { 1695 padding: 14px; 1696 font-size: 14px; 1697 } 1698 1699 .admin-bar .wrapper, 1700 .admin-bar-small .wrapper { 1701 display: flex; 1702 justify-content: space-between; 1703 align-items: center; 1704 padding: 10px 20px; 1705 } 1706 1707 .admin-bar-small .wrapper { 1708 padding: 12px 20px; 1709 } 1710 1711 .admin-bar .pill { 1712 display: flex; 1713 justify-content: center; 1714 align-items: center; 1715 gap: 10px; 1716 text-transform: capitalize; 1717 1718 padding: 6px 14px; 1719 border-radius: 100px; 1720 background: rgba(253, 252, 251, 0.12); 1721 1722 cursor: pointer; 1723 } 1724 1725 .admin-bar .pill:hover { 1726 background: rgba(253, 252, 251, 0.22); 1727 } 1728 1729 .admin-bar .close { 1730 padding: 6px 11px; 1731 } 1732 1733 .admin-bar .actions, 1734 .admin-bar .actions .desktop, 1735 .admin-bar .actions .mobile { 1736 display: flex; 1737 gap: 10px; 1738 } 1739 1740 .admin-bar .actions .desktop, 1741 .admin-bar .actions .edit-page { 1742 display: none; 1743 } 1744 1745 @media (min-width: 768px) { 1746 .admin-bar a, 1747 .admin-bar button { 1748 font-size: 16px; 1749 } 1750 1751 .admin-bar .actions .desktop, 1752 .admin-bar .actions .edit-page { 1753 display: flex; 1754 gap: 10px; 1755 } 1756 1757 .admin-bar .actions .mobile { 1758 display: none; 1759 } 1760 } 1761 1762 .dropdown { 1763 position: relative; 1764 } 1765 1766 .dropdown-content { 1767 display: none; 1768 position: absolute; 1769 background-color: rgba(0,0,0,0.9); 1770 min-width: 130px; 1771 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 1772 bottom: 100%; /* Position above the button */ 1773 border-radius: 10px; 1774 bottom: calc((100% + 8px) - 0px); 1775 right: 0; 1776 } 1777 1778 /* Style for each list item */ 1779 .dropdown-content .dropdown-item { 1780 color: white; 1781 padding: 12px 16px; 1782 text-decoration: none; 1783 white-space: nowrap; 1784 display: block; 1785 cursor: pointer; 1786 border-radius: 10px; 1787 } 1788 1789 .dropdown-content .dropdown-item:hover { 1790 background-color: rgba(255,255,255,0.2) 1791 } 1792 1793 /* Style for the button */ 1794 .dropdown-button { 1795 color: white; 1796 padding: 10px 20px; 1797 border: none; 1798 border-radius: 5px; 1799 cursor: pointer; 1800 line-height: 24px; 1801 } 1802</style> 1803 1804</body> 1805</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.