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/" /> 8 9 <title>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/" /> 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="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="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/" hreflang="x-default" /> 55<link rel="alternate" href="https://catherineclark.org/en-usd/" hreflang="en-AQ" /> 56<link rel="alternate" href="https://catherineclark.org/en-usd/" hreflang="en-AS" /> 57<link rel="alternate" href="https://catherineclark.org/en-usd/" hreflang="en-BQ" /> 58<link rel="alternate" href="https://catherineclark.org/en-usd/" hreflang="en-EC" /> 59<link rel="alternate" href="https://catherineclark.org/en-usd/" hreflang="en-FM" /> 60<link rel="alternate" href="https://catherineclark.org/en-usd/" hreflang="en-GU" /> 61<link rel="alternate" href="https://catherineclark.org/en-usd/" hreflang="en-IO" /> 62<link rel="alternate" href="https://catherineclark.org/en-usd/" hreflang="en-MH" /> 63<link rel="alternate" href="https://catherineclark.org/en-usd/" hreflang="en-MP" /> 64<link rel="alternate" href="https://catherineclark.org/en-usd/" hreflang="en-PR" /> 65<link rel="alternate" href="https://catherineclark.org/en-usd/" hreflang="en-PW" /> 66<link rel="alternate" href="https://catherineclark.org/en-usd/" hreflang="en-SV" /> 67<link rel="alternate" href="https://catherineclark.org/en-usd/" hreflang="en-TC" /> 68<link rel="alternate" href="https://catherineclark.org/en-usd/" hreflang="en-UM" /> 69<link rel="alternate" href="https://catherineclark.org/en-usd/" hreflang="en-US" /> 70<link rel="alternate" href="https://catherineclark.org/en-usd/" hreflang="en-VG" /> 71<link rel="alternate" href="https://catherineclark.org/en-usd/" hreflang="en-VI" /> 72<link rel="alternate" href="https://catherineclark.org/en-usd/" hreflang="en-ZW" /> 73<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-AD" /> 74<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-AT" /> 75<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-AX" /> 76<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-BE" /> 77<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-BG" /> 78<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-BL" /> 79<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-CY" /> 80<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-DE" /> 81<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-EE" /> 82<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-ES" /> 83<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-FI" /> 84<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-FR" /> 85<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-GF" /> 86<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-GP" /> 87<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-GR" /> 88<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-HR" /> 89<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-IE" /> 90<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-IT" /> 91<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-LT" /> 92<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-LU" /> 93<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-LV" /> 94<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-MC" /> 95<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-ME" /> 96<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-MF" /> 97<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-MQ" /> 98<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-MT" /> 99<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-NL" /> 100<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-PM" /> 101<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-PT" /> 102<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-RE" /> 103<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-SI" /> 104<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-SK" /> 105<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-SM" /> 106<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-TF" /> 107<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-VA" /> 108<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-YT" /> 109<link rel="alternate" href="https://catherineclark.org/en-eur/" hreflang="en-XK" /> 110<link rel="alternate" href="https://catherineclark.org/en-cad/" hreflang="en-CA" /> 111<link rel="alternate" href="https://catherineclark.org/en-gbp/" hreflang="en-GB" /> 112<link rel="alternate" href="https://catherineclark.org/en-gbp/" hreflang="en-GG" /> 113<link rel="alternate" href="https://catherineclark.org/en-gbp/" hreflang="en-GS" /> 114<link rel="alternate" href="https://catherineclark.org/en-gbp/" hreflang="en-IM" /> 115<link rel="alternate" href="https://catherineclark.org/en-gbp/" hreflang="en-JE" /> 116<link rel="alternate" href="https://catherineclark.org/en-aud/" hreflang="en-AU" /> 117<link rel="alternate" href="https://catherineclark.org/en-aud/" hreflang="en-CC" /> 118<link rel="alternate" href="https://catherineclark.org/en-aud/" hreflang="en-CX" /> 119<link rel="alternate" href="https://catherineclark.org/en-aud/" hreflang="en-HM" /> 120<link rel="alternate" href="https://catherineclark.org/en-aud/" hreflang="en-KI" /> 121<link rel="alternate" href="https://catherineclark.org/en-aud/" hreflang="en-NF" /> 122<link rel="alternate" href="https://catherineclark.org/en-aud/" hreflang="en-NR" /> 123<link rel="alternate" href="https://catherineclark.org/en-aud/" hreflang="en-TV" /> 124<link rel="alternate" href="https://catherineclark.org/en-nzd/" hreflang="en-CK" /> 125<link rel="alternate" href="https://catherineclark.org/en-nzd/" hreflang="en-NU" /> 126<link rel="alternate" href="https://catherineclark.org/en-nzd/" hreflang="en-NZ" /> 127<link rel="alternate" href="https://catherineclark.org/en-nzd/" hreflang="en-PN" /> 128<link rel="alternate" href="https://catherineclark.org/en-nzd/" hreflang="en-TK" /> 129<link rel="alternate" href="https://catherineclark.org/en-sek/" hreflang="en-SE" /> 130<link rel="alternate" href="https://catherineclark.org/en-nok/" hreflang="en-BV" /> 131<link rel="alternate" href="https://catherineclark.org/en-nok/" hreflang="en-NO" /> 132<link rel="alternate" href="https://catherineclark.org/en-nok/" hreflang="en-SJ" /> 133<link rel="alternate" href="https://catherineclark.org/en-dkk/" hreflang="en-DK" /> 134<link rel="alternate" href="https://catherineclark.org/en-dkk/" hreflang="en-FO" /> 135<link rel="alternate" href="https://catherineclark.org/en-dkk/" hreflang="en-GL" /> 136<link rel="alternate" href="https://catherineclark.org/en-pln/" hreflang="en-PL" /> 137<link rel="alternate" href="https://catherineclark.org/en-inr/" hreflang="en-IN" /> 138<link rel="alternate" href="https://catherineclark.org/en-jpy/" hreflang="en-JP" /> 139<link rel="alternate" href="https://catherineclark.org/en-myr/" hreflang="en-MY" /> 140<link rel="alternate" href="https://catherineclark.org/en-sgd/" hreflang="en-SG" /> 141<link rel="alternate" href="https://catherineclark.org/en-mxn/" hreflang="en-MX" /> 142<link rel="alternate" href="https://catherineclark.org/en-brl/" hreflang="en-BR" /> 143<link rel="alternate" href="https://catherineclark.org/en-chf/" hreflang="en-CH" /> 144<link rel="alternate" href="https://catherineclark.org/en-chf/" 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<meta name="google-site-verification" content="NtCA1vt6S5JDtsIBxYd3ro2s5dyQdyTRsJBRN9eKb48" /> 227<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"> 228<link rel="prefetch" href="https://cdn.fourthwall.com/express-checkout/v0.1.7/index.iife.js" as="script">
229<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"CatherineClark.org","description":"The official website and shop of sheiscatherineclark.org. Find the latest content, buy merch, and support your favorite creator.","url":"https://catherineclark.org","sameAs":["https://instagram.com/sheiscatherine.clark","https://youtube.com/channel/UCijhrv9HGjNBEP4HS1lOAhg"]}</script>
vendor: 1 bytes, line 229
229
230<script type="module"> 231 function iframeReady(section, iframe, url, appId, settings) { 232 const baseIframeUrl = url; 233 234 function buildUrl(url, params) { 235 if (!params) return url; 236 var qs = Object.keys(params) 237 .map((k) => encodeURIComponent(k) + '=' + encodeURIComponent(params[k])) 238 .join('&'); 239 return url + (url.includes('?') ? '&' : '?') + qs + '&' + settings; 240 } 241 242 const params = { 243 hmac: window.appHmac[appId], 244 timestamp: window.hmacTimestamp, 245 tier_id: window.tierId, 246 supporter_id: window.supporterId, 247 shop_id: window.shopId, 248 }; 249 250 iframe.src = buildUrl(baseIframeUrl, window.appHmac[appId] ? params : null); 251 iframe.onload = null 252 253 // Extract origin from URL for security checking 254 let expectedOrigin; 255 try { 256 expectedOrigin = new URL(url).origin; 257 } catch (e) { 258 console.warn('Could not parse URL origin:', url); 259 } 260 261 // Listen for messages specifically from this iframe 262 const messageHandler = (event) => { 263 // Check if the message is from this specific iframe 264 if (event.source !== iframe.contentWindow) { 265 return; // Ignore messages from other iframes/windows 266 } 267 268 // Optional: Also verify the origin for security 269 if (expectedOrigin && event.origin !== expectedOrigin) { 270 console.warn('Message received from unexpected origin:', event.origin); 271 return; 272 } 273 274 if (event.data.type === 'RESIZE') { 275 iframe.style.height = event.data.data.height + 'px'; 276 } else if (event.data.type === 'CLOSE') { 277 section.style.height = '0px'; 278 } 279 }; 280 281 window.addEventListener('message', messageHandler); 282 283 // Store the handler for cleanup (optional) 284 iframe._messageHandler = messageHandler; 285 } 286 287 class Hmac extends HTMLElement { 288 constructor() { 289 super() 290 this.section = this.parentElement.parentElement; 291 this.iframe = this.querySelector('iframe') 292 this.url = this.getAttribute('url') 293 this.appId = this.getAttribute('app_id') 294 this.settings = this.getAttribute('settings') 295 } 296 297 connectedCallback() { 298 if (this.iframe && this.iframe.contentDocument && this.iframe.contentDocument.readyState === 'complete') { 299 iframeReady(this.section, this.iframe, this.url, this.appId, this.settings) 300 } else { 301 this.iframe.onload = () => iframeReady(this.section, this.iframe, this.url, this.appId, this.settings) 302 } 303 } 304 305 disconnectedCallback() { 306 if (this.iframe && this.iframe._messageHandler) { 307 window.removeEventListener('message', this.iframe._messageHandler); 308 delete this.iframe._messageHandler; 309 } 310 } 311 } 312 313 customElements.define('app-hmac-component', Hmac) 314</script>
314 315 316 </head> 317 318 319 320 321 322 323 <body class="body index " > 324 <!-- Google Tag Manager (noscript) --> 325<noscript><iframe src='/_c/ns.html?id=GTM-PV2BBNN' 326height='0' width='0' style='display:none;visibility:hidden'></iframe></noscript> 327<!-- End Google Tag Manager (noscript) --> 328 329 <a href="#main-content" class="skip-link">Skip to content</a> 330 331 <div class="page"> 332 <div> 333 <div id="fw-section-header" class="fw-section"> 334 335 336 337 338<sticky-header> 339<header data-testid="main.single.section" class="header"> 340 <div class="wrapper"> 341 <div class="header__grid header--left header__size--md header__grid--search"> 342 <div class="header__mobile-menu hidden@sm"> 343 <button data-drawer-trigger-primary="mobile-menu" class="header__icon" aria-label="Open menu"> 344 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 345 <path fill-rule="evenodd" clip-rule="evenodd" d="M16 3.75H0V2.25H16V3.75ZM16 8.75H0V7.25H16V8.75ZM16 13.75H0V12.25H16V13.75Z" fill="currentColor"/> 346</svg> 347 348 </button> 349 </div> 350 351 352 353 <div class="header__logo-container"><h1 class="visually-hidden">CatherineClark.org</h1><div class="header__logo"> 354 <a href="/" class="header__logo-link"> 355 356 357 <span class="text-logo"> 358 CatherineClark.org 359 </span> 360 361 </a> 362 </div> 363 </div> 364 365 366 <div class="header__nav-container visible@sm"> 367 <nav class="header__nav" aria-label="Primary"> 368 <ul class="header__list list--horizontal"> 369 370 <li class="header__list-item"> 371 <a 372 href="/pages/about-me" 373 class="header__link" 374 375 > 376 Who Tf Is CatherineClark!? 377 378 379 </a> 380 381 382 </li> 383 384 <li class="header__list-item"> 385 <a 386 href="/pages/music" 387 class="header__link" 388 target="_blank" 389 > 390 Music 391 392 393 </a> 394 395 396 </li> 397 398 <li class="header__list-item"> 399 <a 400 href="/pages/come-see-me-live" 401 class="header__link" 402 403 > 404 In The World Of St✮rlets 405 406 407 </a> 408 409 410 </li> 411 412 <li class="header__list-item"> 413 <a 414 href="/pages/certified-st-rlet-merch" 415 class="header__link" 416 target="_blank" 417 > 418 Certified St☆rlet Merch 419 420 421 </a> 422 423 424 </li> 425 426 <li class="header__list-item"> 427 <a 428 href="/supporters" 429 class="header__link header__link--icon" 430 431 > 432 Members only 433 434 435 <span class="header__link-icon"> 436 <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"> 437 <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"/> 438</svg> 439 440 </span> 441 442 </a> 443 444 445 <div class="header__dropdown"> 446 <ul class="header__dropdown-inner"> 447 448 <li class="header__dropdown-item"> 449 <a class="header__dropdown-link" href="/supporters" > 450 Feed 451 </a> 452 </li> 453 454 <li class="header__dropdown-item"> 455 <a class="header__dropdown-link" href="/supporters/videos" > 456 Videos 457 </a> 458 </li> 459 460 <li class="header__dropdown-item"> 461 <a class="header__dropdown-link" href="/supporters/perks" > 462 Perks 463 </a> 464 </li> 465 466 </ul> 467 </div> 468 469 </li> 470 471 </ul> 472 </nav> 473 </div> 474 475 476 <div class="header__icons"> 477 <ul class="header__list list list--horizontal"> 478 479 480 481 482 483 484 <li class="header__list-item visible@sm"> 485 <a 486 487 href="https://instagram.com/sheiscatherine.clark" 488 489 target="_blank" 490 class="header__icon" 491 aria-label="Instagram (opens in a new tab)" 492 > 493 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 494<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"/> 495</svg> 496 497 498 </a> 499 </li> 500 501 502 503 504 <li class="header__list-item visible@sm"> 505 <a 506 507 href="https://youtube.com/channel/UCijhrv9HGjNBEP4HS1lOAhg" 508 509 target="_blank" 510 class="header__icon" 511 aria-label="Youtube (opens in a new tab)" 512 > 513 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 514<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
5147 10.1575 13.7817 10.2342Z" fill="currentColor"/> 515</svg> 516 517 518 </a> 519 </li> 520 521 522 523 524 525 526 527 528 <li class="header__list-item visible@sm"> 529 <a class="header__link header__link--icon" tabindex="0" role="button" aria-label="Currency selector, current: USD"> 530 USD 531 532 533 <span class="header__link-icon"> 534 <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"> 535 <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"/> 536</svg> 537 538 </span> 539 540 </a> 541 542 543 <div class="header__dropdown header__dropdown--content"> 544 <ul class="header__dropdown-inner"> 545 546 <li class="header__dropdown-item"> 547 <a class="header__dropdown-link" href="/localization?currency=USD&return_to=/"> 548 USD 549 </a> 550 </li> 551 552 <li class="header__dropdown-item"> 553 <a class="header__dropdown-link" href="/localization?currency=EUR&return_to=/"> 554 EUR 555 </a> 556 </li> 557 558 <li class="header__dropdown-item"> 559 <a class="header__dropdown-link" href="/localization?currency=CAD&return_to=/"> 560 CAD 561 </a> 562 </li> 563 564 <li class="header__dropdown-item"> 565 <a class="header__dropdown-link" href="/localization?currency=GBP&return_to=/"> 566 GBP 567 </a> 568 </li> 569 570 <li class="header__dropdown-item"> 571 <a class="header__dropdown-link" href="/localization?currency=AUD&return_to=/"> 572 AUD 573 </a> 574 </li> 575 576 <li class="header__dropdown-item"> 577 <a class="header__dropdown-link" href="/localization?currency=NZD&return_to=/"> 578 NZD 579 </a> 580 </li> 581 582 <li class="header__dropdown-item"> 583 <a class="header__dropdown-link" href="/localization?currency=SEK&return_to=/"> 584 SEK 585 </a> 586 </li> 587 588 <li class="header__dropdown-item"> 589 <a class="header__dropdown-link" href="/localization?currency=NOK&return_to=/"> 590 NOK 591 </a> 592 </li> 593 594 <li class="header__dropdown-item"> 595 <a class="header__dropdown-link" href="/localization?currency=DKK&return_to=/"> 596 DKK 597 </a> 598 </li> 599 600 <li class="header__dropdown-item"> 601 <a class="header__dropdown-link" href="/localization?currency=PLN&return_to=/"> 602 PLN 603 </a> 604 </li> 605 606 <li class="header__dropdown-item"> 607 <a class="header__dropdown-link" href="/localization?currency=INR&return_to=/"> 608 INR 609 </a> 610 </li> 611 612 <li class="header__dropdown-item"> 613 <a class="header__dropdown-link" href="/localization?currency=JPY&return_to=/"> 614 JPY 615 </a> 616 </li> 617 618 <li class="header__dropdown-item"> 619 <a class="header__dropdown-link" href="/localization?currency=MYR&return_to=/"> 620 MYR 621 </a> 622 </li> 623 624 <li class="header__dropdown-item"> 625 <a class="header__dropdown-link" href="/localization?currency=SGD&return_to=/"> 626 SGD 627 </a> 628 </li> 629 630 <li class="header__dropdown-item"> 631 <a class="header__dropdown-link" href="/localization?currency=MXN&return_to=/"> 632 MXN 633 </a> 634 </li> 635 636 <li class="header__dropdown-item"> 637 <a class="header__dropdown-link" href="/localization?currency=BRL&return_to=/"> 638 BRL 639 </a> 640 </li> 641 642 <li class="header__dropdown-item"> 643 <a class="header__dropdown-link" href="/localization?currency=CHF&return_to=/"> 644 CHF 645 </a> 646 </li> 647 648 </ul> 649 </div> 650 651 </li> 652 653 654 655 <li class='header__list-item'> 656 <button class='header__icon' aria-label='Search' type='button' data-search-toggle>
657 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 658<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"/> 659</svg> 660 661 </button> 662 </li> 663 664 665 666 <li class="header__list-item visible@sm"> 667 <a href="/supporters" class="header__icon" aria-label="Account"> 668 669 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 670 <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"/> 671</svg> 672 673 674 </a> 675 </li> 676 677 678 <li class="header__list-item"> 679 <a href="/cart" class="header__icon" aria-label="Cart"> 680 <div 681 data-cart-widget="widget" 682 data-testid="cart.icon" 683 class="cart-widget cart-widget--icons empty" 684> 685 686 <span data-cart-widget="quantity" class="cart-widget__items"></span> 687 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 688 <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"/> 689</svg> 690 691 692</div> 693 </a> 694 </li> 695 </ul> 696 697 <div data-cart-announcer aria-live="polite" aria-atomic="true" class="visually-hidden"></div> 698 699 </div> 700 </div> 701 702 <search-header> 703 <div class='search-header'> 704 <div class='search-header__inner'> 705 <form class='search-header__form' action='/search' method='get'> 706 <button type='submit' class='search-header__button' aria-label='Search'> 707 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
708<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"/> 709</svg> 710 711 </button> 712 <input 713 type='search' 714 name='q' 715 class='search-header__input' 716 placeholder='Search' 717 aria-label='Search' 718 autocomplete='off' 719 > 720 <button class='search-header__button' type='button' aria-label='Close search'> 721 <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"> 722 <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"/> 723</svg> 724 725 </button> 726 </form> 727 </div> 728</div> 729 730 </search-header> 731 732 </div> 733</header> 734</sticky-header> 735 736<aside 737 data-drawer="mobile-menu" 738 class="drawer hidden@sm" 739> 740 <div class="drawer__background" data-drawer-trigger-primary="mobile-menu"></div> 741 <div class="drawer__content drawer__content--small mobile-menu"> 742 <div class="mobile-menu__section mobile-menu__section--header"> 743 <button type="button" class="mobile-menu__close" data-drawer-trigger-primary="mobile-menu" aria-label="Close menu"> 744 <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"> 745 <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"/> 746</svg> 747 748 </button> 749 </div> 750 <div class="mobile-menu__section mobile-menu__section--body"> 751 <div class="mobile-menu__nav"> 752 <ul class="mobile-menu__list"> 753 754 <li class="mobile-menu__list-item"> 755 756 <a 757 href="/pages/about-me" 758 class="mobile-menu__link" 759 > 760 Who Tf Is CatherineClark!? 761 </a> 762 763 764 765 </li> 766 767 <li class="mobile-menu__list-item"> 768 769 <a 770 href="/pages/music" 771 class="mobile-menu__link" 772 > 773 Music 774 </a> 775 776 777 778 </li> 779 780 <li class="mobile-menu__list-item"> 781 782 <a 783 href="/pages/come-see-me-live" 784 class="mobile-menu__link" 785 > 786 In The World Of St✮rlets 787 </a> 788 789 790 791 </li> 792 793 <li class="mobile-menu__list-item"> 794 795 <a 796 href="/pages/certified-st-rlet-merch" 797 class="mobile-menu__link" 798 > 799 Certified St☆rlet Merch 800 </a> 801 802 803 804 </li> 805 806 <li class="mobile-menu__list-item"> 807 808 <label for="input-drawer-4" class="mobile-menu__link"> 809 Members only 810 811 <div class="mobile-menu__link-icon"> 812 <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"> 813 <path d="M7 1.5L15 9L7 16.5" stroke="currentColor" vector-effect="non-scaling-stroke" fill="none" stroke-width="1.5"/> 814</svg> 815 816 </div> 817 </label> 818 819 820 821 <input type="checkbox" id="input-drawer-4" class="drawer__checkbox hidden" data-drawer-trigger-secondary> 822 <div class="drawer__content drawer__content--small"> 823 <div class="mobile-menu__section mobile-menu__section--header"> 824 <label href="#" class="mobile-menu__close" for="input-drawer-4"> 825 <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"> 826 <path d="M10 16.5L2 9L10 1.5" fill="none" vector-effect="non-scaling-stroke" stroke="currentColor" stroke-width="1.5"/> 827</svg> 828 829 </label> 830 <div class="mobile-menu__label"> 831 Members only 832 </div> 833 <div class="mobile-menu__right"></div> 834 </div> 835 <div class="mobile-menu__section mobile-menu__section--body"> 836 <div class="mobile-menu__nav"> 837 <ul class="mobile-menu__list"> 838 839 <li class="mobile-menu__list-item"> 840 <a class="mobile-menu__link" href="/supporters"> 841 Feed 842 </a> 843 </li> 844 845 <li class="mobile-menu__list-item"> 846 <a class="mobile-menu__link" href="/supporters/videos"> 847 Videos 848 </a> 849 </li> 850 851 <li class="mobile-menu__list-item"> 852 <a class="mobile-menu__link" href="/supporters/perks"> 853 Perks 854 </a> 855 </li> 856 857 </ul> 858 </div> 859 </div> 860 </div> 861 862 </li> 863 864 865 866 <li class="mobile-menu__list-item"> 867 <a for="input-drawer" class="mobile-menu__link" data-accordion="trigger" role="button" tabindex="0"> 868 USD 869 870 871 <div class="mobile-menu__link-icon"> 872 <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"> 873 <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"/> 874</svg> 875 876 </div> 877 878 </a> 879 880 881 <div class="mobile-menu__dropdown mobile-menu__dropdown--content"> 882 <ul class="mobile-menu__dropdown-inner"> 883 884 <li class="mobile-menu__dropdown-item"> 885 <a class="mobile-menu__dropdown-link" href="/localization?currency=USD&return_to=/"> 886 USD 887 </a> 888 </li> 889 890 <li class="mobile-menu__dropdown-item"> 891 <a class="mobile-menu__dropdown-link" href="/localization?currency=EUR&return_to=/"> 892 EUR 893 </a> 894 </li> 895 896 <li class="mobile-menu__dropdown-item"> 897 <a class="mobile-menu__dropdown-link" href="/localization?currency=CAD&return_to=/"> 898 CAD 899 </a> 900 </li> 901 902 <li class="mobile-menu__dropdown-item"> 903 <a class="mobile-menu__dropdown-link" href="/localization?currency=GBP&return_to=/"> 904 GBP 905 </a> 906 </li> 907 908 <li class="mobile-menu__dropdown-item"> 909 <a class="mobile-menu__dropdown-link" href="/localization?currency=AUD&return_to=/"> 910 AUD 911 </a> 912 </li> 913 914 <li class="mobile-menu__dropdown-item"> 915 <a class="mobile-menu__dropdown-link" href="/localization?currency=NZD&return_to=/"> 916 NZD 917 </a> 918 </li> 919 920 <li class="mobile-menu__dropdown-item"> 921 <a class="mobile-menu__dropdown-link" href="/localization?currency=SEK&return_to=/"> 922 SEK 923 </a> 924 </li> 925 926 <li class="mobile-menu__dropdown-item"> 927 <a class="mobile-menu__dropdown-link" href="/localization?currency=NOK&return_to=/"> 928 NOK 929 </a> 930 </li> 931 932 <li class="mobile-menu__dropdown-item"> 933 <a class="mobile-menu__dropdown-link" href="/localization?currency=DKK&return_to=/"> 934 DKK 935 </a> 936 </li> 937 938 <li class="mobile-menu__dropdown-item"> 939 <a class="mobile-menu__dropdown-link" href="/localization?currency=PLN&return_to=/"> 940 PLN 941 </a> 942 </li> 943 944 <li class="mobile-menu__dropdown-item"> 945 <a class="mobile-menu__dropdown-link" href="/localization?currency=INR&return_to=/"> 946 INR 947 </a> 948 </li> 949 950 <li class="mobile-menu__dropdown-item"> 951 <a class="mobile-menu__dropdown-link" href="/localization?currency=JPY&return_to=/"> 952 JPY 953 </a> 954 </li> 955 956 <li class="mobile-menu__dropdown-item"> 957 <a class="mobile-menu__dropdown-link" href="/localization?currency=MYR&return_to=/"> 958 MYR 959 </a> 960 </li> 961 962 <li class="mobile-menu__dropdown-item"> 963 <a class="mobile-menu__dropdown-link" href="/localization?currency=SGD&return_to=/"> 964 SGD 965 </a> 966 </li> 967 968 <li class="mobile-menu__dropdown-item"> 969 <a class="mobile-menu__dropdown-link" href="/localization?currency=MXN&return_to=/"> 970 MXN 971 </a> 972 </li> 973 974 <li class="mobile-menu__dropdown-item"> 975 <a class="mobile-menu__dropdown-link" href="/localization?currency=BRL&return_to=/"> 976 BRL 977 </a> 978 </li> 979 980 <li class="mobile-menu__dropdown-item"> 981 <a class="mobile-menu__dropdown-link" href="/localization?currency=CHF&return_to=/"> 982 CHF 983 </a> 984 </li> 985 986 </ul> 987 </div> 988 989 </li> 990 991 </ul> 992 </div> 993 </div> 994 <div class="mobile-menu__section mobile-menu__section--socials"> 995 <div class="mobile-menu__list-social"> 996 <ul class="mobile-menu__socials"> 997 998 999 1000 1001 1002 <li class="mobile-menu__social"> 1003 <a 1004 1005 href="https://instagram.com/sheiscatherine.clark" 1006 1007 target="_blank" 1008 class="mobile-menu__social-link" 1009 aria-label="Instagram (opens in a new tab)" 1010 > 1011 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 1012<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"/> 1013</svg> 1014 1015 1016 </a> 1017 </li> 1018 1019 1020 1021 1022 <li class="mobile-menu__social"> 1023 <a 1024 1025 href="https://youtube.com/channel/UCijhrv9HGjNBEP4HS1lOAhg" 1026 1027 target="_blank" 1028 class="mobile-menu__social-link" 1029 aria-label="Youtube (opens in a new tab)" 1030 > 1031 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 1032<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
10327 10.1575 13.7817 10.2342Z" fill="currentColor"/> 1033</svg> 1034 1035 1036 </a> 1037 </li> 1038 1039 1040 1041 </ul> 1042 </div> 1043 </div> 1044 </div> 1045</aside> 1046
1047<script> 1048 const currencyData = { 1049 locale: "en-US", 1050 currency: "USD" 1051 } 1052</script>
1052 1053 1054 1055</div> 1056 </div> 1057 1058 <main id="main-content" class="page__main"> 1059 <div class="main"> 1060 <div data-testid="main.sections" class="main__sections"> 1061 <div id="fw-section-image-453c8908-c771-4089-9da1-d650ef307655" class="fw-section"><style> 1062 .section-fw-section-image-453c8908-c771-4089-9da1-d650ef307655-padding { 1063 padding-top: 0px; 1064 padding-bottom: 0px; 1065 } 1066 1067 @media screen and (min-width: 640px) { 1068 .section-fw-section-image-453c8908-c771-4089-9da1-d650ef307655-padding { 1069 padding-top: 0px; 1070 padding-bottom: 0px; 1071 } 1072 } 1073</style> 1074 1075<section 1076 data-section-id="fw-section-image-453c8908-c771-4089-9da1-d650ef307655" 1077 data-section-type="image-section" 1078 data-testid="main.single.section" 1079 class="image-section image-section--fw-section-image-453c8908-c771-4089-9da1-d650ef307655 section-fw-section-image-453c8908-c771-4089-9da1-d650ef307655-padding" 1080> 1081 1082 1083 <div class="image-section__image-container"> 1084 1085 <img src="https://imgproxy.fourthwall.dev/86CclkfQXq2L-XAvXZHuBDmaZ7kp5JD188LfOHWV-w8/w:1400/sm:1/enc/yOH3xkJCDNI03g_1/quTqGb9BStJPsp81/v6r0IZIRibxguC-N/bq_T39G7iVkRcseg/AkNARru7pfMT8q69/KjL6F2_N0OdbACTL/_8DxZfofdKxhXhzb/G_BEaMD-pTgEwkMN/49m-hk-6Mz1LiJuE/jDUD8F8RTOMOV1NI/MMmd9W_EVR-34pp8/Lmwa85WfsDTZ-HoC/orLliXsT-lJTVS8D/NZ_UIs3IdU4Jcxbe/OojLhHEEHv_kfrME/EptUiIDo-MZg7ok-.webp" alt="" srcset="https://imgproxy.fourthwall.dev/x4x7U8mqKyX6ubuwKDZ5YqMjnfM6Z1zkEY3a9hPmDUM/w:375/sm:1/enc/yOH3xkJCDNI03g_1/quTqGb9BStJPsp81/v6r0IZIRibxguC-N/bq_T39G7iVkRcseg/AkNARru7pfMT8q69/KjL6F2_N0OdbACTL/_8DxZfofdKxhXhzb/G_BEaMD-pTgEwkMN/49m-hk-6Mz1LiJuE/jDUD8F8RTOMOV1NI/MMmd9W_EVR-34pp8/Lmwa85WfsDTZ-HoC/orLliXsT-lJTVS8D/NZ_UIs3IdU4Jcxbe/OojLhHEEHv_kfrME/EptUiIDo-MZg7ok-.webp 375w, https://imgproxy.fourthwall.dev/VDTGwRhQHHTyJ1EW_PnECNaXWLV9KQOUsAPOH_neEcY/w:768/sm:1/enc/yOH3xkJCDNI03g_1/quTqGb9BStJPsp81/v6r0IZIRibxguC-N/bq_T39G7iVkRcseg/AkNARru7pfMT8q69/KjL6F2_N0OdbACTL/_8DxZfofdKxhXhzb/G_BEaMD-pTgEwkMN/49m-hk-6Mz1LiJuE/jDUD8F8RTOMOV1NI/MMmd9W_EVR-34pp8/Lmwa85WfsDTZ-HoC/orLliXsT-lJTVS8D/NZ_UIs3IdU4Jcxbe/OojLhHEEHv_kfrME/EptUiIDo-MZg7ok-.webp 768w, https://imgproxy.fourthwall.dev/9lrOK_BJQ6T6kwq8ysh4aZ3qFLWtIvj4UmoUw0POlHo/w:1024/sm:1/enc/yOH3xkJCDNI03g_1/quTqGb9BStJPsp81/v6r0IZIRibxguC-N/bq_T39G7iVkRcseg/AkNARru7pfMT8q69/KjL6F2_N0OdbACTL/_8DxZfofdKxhXhzb/G_BEaMD-pTgEwkMN/49m-hk-6Mz1LiJuE/jDUD8F8RTOMOV1NI/MMmd9W_EVR-34pp8/Lmwa85WfsDTZ-HoC/orLliXsT-lJTVS8D/NZ_UIs3IdU4Jcxbe/OojLhHEEHv_kfrME/EptUiIDo-MZg7ok-.webp 1024w" width="1200" height="630" sizes="100vw" class="image-section__image" loading="lazy"> 1086 1087 </div> 1088 1089 1090</section> 1091 1092</div><div id="fw-section-app-memberships-d71034" class="fw-section"> 1093 1094 1095 1096 1097<style> 1098 .section-fw-section-app-memberships-d71034-padding { 1099 padding-top: 18px; 1100 padding-bottom: 6px; 1101 } 1102 1103 @media screen and (min-width: 640px) { 1104 .section-fw-section-app-memberships-d71034-padding { 1105 padding-top: 24px; 1106 padding-bottom: 8px; 1107 } 1108 } 1109</style> 1110 1111<section data-testid="main.single.section" data-section-id="fw-section-app-memberships-d71034" class="tiers section-fw-section-app-memberships-d71034-padding" id="tiers"> 1112 <div class="tiers__inner"> 1113 <div class="container wrapper"> 1114 1115 1116 1117 1118 <div class="tiers__header"> 1119 <h2 class="tiers__heading">SO YOU IDENTIFY AS A CERTIFIED ST✮RLET? PROVE IT!</h2> 1120 </div> 1121 1122 1123 1124 <div class="tiers__alternative-text"> 1125 <a href="/supporters/sign_up">Start with a free account</a> 1126 </div> 1127 1128 1129 1130 <div class="tiers__container tiers__container--regular"> 1131 1132 <div class="col-grid col-grid--2-cols@sm col-grid--3-cols@md col-grid--center" data-tier-size="662" style="--tier-height: 662px; --col-grid-cols: 3"> 1133 1134 <div> 1135 1136 <div class="tiers__tier"> 1137 <div class="tiers__tier-inner" data-tier="content"> 1138 <div class="tiers__tier-heading"> 1139 1140 1141 <h3 class="tiers__tier-title"> 1142 Certified St✮rlets 1143 </h3> 1144 </div> 1145 1146 1147 1148 <p class="tiers__tier-price"> 1149 1150 $10.10 per month 1151
1152 <span class="tiers__tier-price-tax">(plus tax)</span> 1153 </p> 1154 1155 1156 1157 <div class="tiers__tier-cta"> 1158 <a 1159 href="/supporters/payments/checkout?plan=plan_XkAprWEnZbLyfBmQqO4zK7QN" 1160 class="button button--primary button--small button--expand" 1161 rel="nofollow" 1162 > 1163 1164 Join now 1165 1166 </a> 1167 </div> 1168 1169 1170 1171 1172 1173 1174 <div class="tiers__tier-description"> 1175 This world is for my people that know the music, support my journey, and take up space on a hating h✮e as 25/8 activity! My real tribe that inner stands me, and the unhinged tendencies when the mask comes off. 1176 1177Surprise music videos, BTS/Archived footage, unreleased music, first look at merch designs, 1 of 1 gifts, and so much more ✮ 1178 </div> 1179 1180 1181 1182 </div> 1183 </div> 1184 1185 </div> 1186 1187 <div> 1188 1189 <div class="tiers__tier"> 1190 <div class="tiers__tier-inner" data-tier="content"> 1191 <div class="tiers__tier-heading"> 1192 1193 1194 <h3 class="tiers__tier-title"> 1195 Main Characters In The M✮king 1196 </h3> 1197 </div> 1198 1199 1200 1201 <p class="tiers__tier-price"> 1202 1203 $5.55 per month 1204 1205 <span class="tiers__tier-price-tax">(plus tax)</span> 1206 </p> 1207 1208 1209 1210 <div class="tiers__tier-cta"> 1211 <a 1212 href="/supporters/payments/checkout?plan=plan_vzDOXQ9w2PJ6iNymlJaA8Bb6" 1213 class="button button--primary button--small button--expand" 1214 rel="nofollow" 1215 > 1216 1217 Join now 1218 1219 </a> 1220 </div> 1221 1222 1223 1224 1225 1226 1227 <div class="tiers__tier-description"> 1228 This world is for my people that know the music, support my journey, and STILL find it hard to unapologetically take up space on a hating h✮e. I see you as a reflection of self, and inner stand the desire to hide when the world constantly feels like there's no room for you. Let's yap about the lore, find guidance in the community experience of being 'the outlier' ,and hopefully my life's wisdom can be a source of guidance to my fellow St✮rlets. 1229 1230BTS/Archived footage, daily affirmations catered to healing visibility wounds/trauma in general, and 1 of 1 gifts ✮ 1231 </div> 1232 1233 1234 1235 </div> 1236 </div> 1237 1238 </div> 1239 1240 </div> 1241 1242 </div> 1243 1244 1245 1246 1247 </div> 1248 </div> 1249</section> 1250 1251<div data-modal="tiers" class="modal modal--popup"> 1252 <div class="modal__background" data-modal-trigger="tiers" data-modal-close="tiers"></div> 1253 <div data-modal-content="tiers" class="modal__content modal__content--gift modal__content--large"> 1254 <button data-modal-trigger="tiers" data-modal-close="tiers" class="modal__close" aria-label="Close"> 1255 <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"> 1256 <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"/> 1257</svg> 1258 1259 </button> 1260 <div class="tiers-modal__content-inner"> 1261 <div class="tiers-modal__gift"> 1262 <div class="tiers-modal__section"> 1263 <div class="tiers-modal__header"> 1264 <p class="tiers-modal__title">Gift <span data-gift-tier="name"></span> membership</p> 1265 <p class="tiers-modal__text">
1265Your gift will be given away live at <span><a href=""></a>!</span></p> 1266 </div> 1267 <div data-modal-content="banner" class='tiers-modal__banner tiers-modal__banner--info'> 1268 <div class='tiers-modal__banner--content'> 1269 <svg xmlns='http://www.w3.org/2000/svg' class='tiers-modal__banner--icon' width='16' height='16' viewBox='0 0 16 16' fill='none' aria-hidden="true" focusable="false"> 1270 <circle cx="8" cy="8" r="7.5" stroke="currentColor"/> 1271 <path d="M8 4V9" stroke="currentColor" stroke-linecap="round"/> 1272 <circle cx="8" cy="12" r="1" fill="currentColor"/> 1273</svg> 1274 <p class='tiers-modal__banner--text'>Memberships Twitch gifting is supported in USD only.</p> 1275 </div> 1276 </div> 1277 </div> 1278 <form 1279 action="/giveaways" 1280 method="post" 1281 data-turbo="false" 1282 class="tiers-modal__checkout-form" 1283 data-gift-tier="form" 1284 > 1285 <div class="tiers-modal__section"> 1286 <div class="tiers-modal__item-info"> 1287 <div class="tiers-modal__options-container" data-gift-tier="options"> 1288 <p>Subscription length:</p> 1289 <div class="tiers-modal__options"> 1290 <input name="id" type="radio" id="monthly" class="tiers-modal__option-input hidden" data-gift-tier-monthly-price data-gift-tier="price-input"> 1291 <label for="monthly" class="tiers-modal__option-label"> 1292 <span>1 month</span> 1293 <span id="monthly-price" class="tiers-modal__option-price" data-gift-tier="price-span"></span> 1294 </label> 1295 <input name="id" type="radio" id="annual" class="tiers-modal__option-input hidden" data-gift-tier-annual-price data-gift-tier="price-input"> 1296 <label for="annual" class="tiers-modal__option-label"> 1297 <span>1 year</span> 1298 <span id="annual-price" class="tiers-modal__option-price" data-gift-tier="price-span"></span> 1299 </label> 1300 </div> 1301 </div> 1302 <div class="tiers-modal__quantity"> 1303 <p>Number of gifts:</p> 1304 <div class="tiers-modal__quantity-container"> 1305 <div 1306 data-select="container" 1307 class="select-field select-field--base select-field--quantity select-field--non-transparent select-field--rounded select-field--expand" 1308 > 1309 <select data-gift-tier="quantity" name="quantity" class="select-field__select" data-trigger-input="more" aria-label="Number of gifts"> 1310 1311 1312 <option value="1">1</option> 1313 1314 1315 1316 <option value="2">2</option> 1317 1318 1319 1320 <option value="3">3</option> 1321 1322 1323 1324 <option value="4">4</option> 1325 1326 1327 1328 <option value="5">5</option> 1329 1330 1331 1332 <option value="6">6</option> 1333 1334 1335 1336 <option value="7">7</option> 1337 1338 1339 1340 <option value="8">8</option> 1341 1342 1343 1344 <option value="9">9</option> 1345 1346 1347 1348 <option value="more">10+</option> 1349 1350 1351 </select> 1352 <span class="select-field__dropdown-icon"> 1353 <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"> 1354 <path d="M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z"/> 1355</svg> 1356 </span> 1357 </div> 1358 <div 1359 data-select-input="more" 1360 class="input-field input-field--base input-field--quantity input-field--rounded input-field--expand hidden" 1361 > 1362 <input data-gift-tier="quantity" type="number" min="1" class="input-field__input" placeholder="Qty" aria-label="Number of gifts"> 1363 </div> 1364 </div> 1365 </div> 1366 </div> 1367 </div> 1368 1369 <div class="tiers-modal__section"> 1370 <div class="tiers-modal__cta"> 1371 <div class="tiers-modal__cta-item"> 1372 <button 1373 type="button" 1374 class="tiers-modal__cancel" 1375 data-modal-close="tiers" 1376 data-modal-trigger="tiers" 1377 > 1378 Cancel 1379 </button> 1380 </div> 1381 1382 <div class="tiers-modal__checkout"> 1383 <button 1384 type="submit" 1385 name="checkout" 1386 class="button button--primary button--expand" 1387 > 1388 Checkout <span data-gift-tier="total-price"></span> 1389 </button> 1390 </div> 1391 </div> 1392 </div> 1393 <p data-gift-tier="error" class="tiers-modal__error" role="alert">Please choose the quantity.</p> 1394 </form> 1395 </div> 1396 </div> 1397 </div> 1398</div> 1399 1400 1401</div> 1402 1403 1404 <aside data-drawer="product" class="drawer"> 1405 <div data-drawer-trigger-primary="product" class="drawer__background"></div> 1406 1407 <div class="drawer__content" aria-hidden="true" tabindex="-1"> 1408 <div class="drawer__content-inner"> 1409 <div class="product-drawer"> 1410 <div class="product-drawer__section"> 1411 <div class="product-drawer__header"> 1412 <div class="product-drawer__header-item product-drawer__header-item--tick"> 1413 <svg class="svg-fill-current-color" width="23" height="20" viewBox="0 0 23 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 1414 <path d="M1 9.17l7.926 7.927L20.889 1" vector-effect="non-scaling-stroke" stroke="currentColor" stroke-width="3" fill="none" fill-rule="evenodd"/> 1415</svg> 1416 1417 </div> 1418 1419 <div class="product-drawer__header-item product-drawer__header-item--heading"> 1420 <h2 class="product-drawer__heading h4">Added to cart</h2> 1421 </div> 1422 1423 <div class="product-drawer__header-item product-drawer__header-item--close"> 1424 <button data-drawer-trigger-primary="product" class="product-drawer__close" data-testid="product.close.dialog"> 1425 <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"> 1426 <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"/> 1427</svg> 1428 1429 </button> 1430 </div> 1431 </div> 1432 </div> 1433 1434 <div class="product-drawer__section"> 1435 <div class="product-drawer__item-info"> 1436 <div class="inline-image"> 1437 <div class="inline-image__image"> 1438 <div class="image image--background-color"> 1439 <div data-product-info="image-container" class="image__object"></div> 1440 </div> 1441 </div> 1442 1443 <div class="inline-image__content"> 1444 <div data-product-info="title" class="inline-image__heading"> 1445 1446 </div> 1447 <p data-product-info="price" class="inline-image__price"></p> 1448 <p class="inline-image__quantity"> 1449 Quantity:
1450 <span data-product-info="quantity"></span> 1451 </p> 1452 </div> 1453 </div> 1454 </div> 1455 </div> 1456 1457 <div class="product-drawer__section"> 1458 <div class="product-drawer__subtotal"> 1459 <div class="product-drawer__subtotal-item"> 1460 <span class="product-drawer__subtotal-label"> 1461 Cart Subtotal (<span data-product-info="cart-quantity"></span>): 1462 </span> 1463 </div> 1464 1465 <div class="product-drawer__subtotal-item product-drawer__subtotal-item--value"> 1466 <span data-product-info="cart-price" class="product-drawer__subtotal-value"></span> 1467 </div> 1468 </div> 1469 </div> 1470 1471 <div class="product-drawer__section"> 1472 <div class="product-drawer__cta"> 1473 <div class="product-drawer__cta-item product-drawer__cta-item--view-cart"> 1474 <a 1475 href="/cart" 1476 class="button button--secondary button--expand" 1477 > 1478 View Cart 1479 </a> 1480 </div> 1481 1482 <div class="product-drawer__cta-item product-drawer__cta-item--checkout"> 1483 <form 1484 action="/cart" 1485 method="post" 1486 novalidate 1487 class="product-drawer__checkout-form" 1488 > 1489 <button 1490 type="submit" 1491 name="checkout" 1492 class="button button--primary button--expand" 1493 > 1494 Checkout 1495 </button> 1496 </form> 1497 </div> 1498 </div> 1499 </div> 1500 1501 <product-recommendations-drawer product-id="" class="product-drawer__section" /> 1502 1503 </div> 1504 </div> 1505 </div> 1506 </aside> 1507 1508 </div> 1509</div> 1510 1511 </main> 1512 1513 <div class="page__footer"> 1514 <div id="fw-section-footer" class="fw-section"><style> 1515 .section-fw-section-footer-padding { 1516 padding-top: 2px; 1517 padding-bottom: 2px; 1518 } 1519 1520 @media screen and (min-width: 640px) { 1521 .section-fw-section-footer-padding { 1522 padding-top: 2px; 1523 padding-bottom: 2px; 1524 } 1525 } 1526</style> 1527 1528 1529 1530 1531 1532 1533 1534 1535 1536 1537 1538 1539 1540 1541 1542 1543<footer data-testid="main.single.section" class="footer footer--center section-fw-section-footer-padding"> 1544 1545 <div class="footer__separator"></div> 1546 1547 1548 <div class="wrapper"> 1549 <div class="footer__inner"> 1550 1551 <div class="footer__top"> 1552 <div class="col-grid col-grid--middle"> 1553 <div> 1554 1555 <div class="footer__socials"> 1556 <ul class="footer__list footer__list--socials"> 1557 1558 1559 1560 1561 1562 <li class="footer__list-item footer__list-item--social"> 1563 <a 1564 1565 href="https://instagram.com/sheiscatherine.clark" 1566 1567 target="_blank" 1568 class="footer__social-link" 1569 aria-label="Instagram (opens in a new tab)" 1570 > 1571 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 1572<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"/> 1573</svg> 1574 1575 1576 </a> 1577 </li> 1578 1579 1580 1581 1582 <li class="footer__list-item footer__list-item--social"> 1583 <a 1584 1585 href="https://youtube.com/channel/UCijhrv9HGjNBEP4HS1lOAhg" 1586 1587 target="_blank" 1588 class="footer__social-link" 1589 aria-label="Youtube (opens in a new tab)" 1590 > 1591 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 1592<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
15927 10.1575 13.7817 10.2342Z" fill="currentColor"/> 1593</svg> 1594 1595 1596 </a> 1597 </li> 1598 1599 1600 1601 </ul> 1602 </div> 1603 1604 </div> 1605 1606 <div> 1607 <nav class="footer__nav" aria-label="Footer"> 1608 <ul class="footer__list footer__list--menu"> 1609 1610 1611 <li class="footer__list-item"> 1612 <a class="footer__menu-link footer__menu-link--icon" tabindex="0" role="button" aria-label="Currency selector, current: USD"> 1613 USD 1614 1615 <span class="footer__link-icon"> 1616 <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"> 1617 <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"/> 1618</svg> 1619 1620 </span> 1621 1622 </a> 1623 1624 <div class="footer__dropdown footer__dropdown--content"> 1625 <ul class="footer__dropdown-inner"> 1626 1627 <li class="footer__dropdown-item"> 1628 <a class="footer__dropdown-link" href="/localization?currency=USD&return_to=/"> 1629 USD 1630 </a> 1631 </li> 1632 1633 <li class="footer__dropdown-item"> 1634 <a class="footer__dropdown-link" href="/localization?currency=EUR&return_to=/"> 1635 EUR 1636 </a> 1637 </li> 1638 1639 <li class="footer__dropdown-item"> 1640 <a class="footer__dropdown-link" href="/localization?currency=CAD&return_to=/"> 1641 CAD 1642 </a> 1643 </li> 1644 1645 <li class="footer__dropdown-item"> 1646 <a class="footer__dropdown-link" href="/localization?currency=GBP&return_to=/"> 1647 GBP 1648 </a> 1649 </li> 1650 1651 <li class="footer__dropdown-item"> 1652 <a class="footer__dropdown-link" href="/localization?currency=AUD&return_to=/"> 1653 AUD 1654 </a> 1655 </li> 1656 1657 <li class="footer__dropdown-item"> 1658 <a class="footer__dropdown-link" href="/localization?currency=NZD&return_to=/"> 1659 NZD 1660 </a> 1661 </li> 1662 1663 <li class="footer__dropdown-item"> 1664 <a class="footer__dropdown-link" href="/localization?currency=SEK&return_to=/"> 1665 SEK 1666 </a> 1667 </li> 1668 1669 <li class="footer__dropdown-item"> 1670 <a class="footer__dropdown-link" href="/localization?currency=NOK&return_to=/"> 1671 NOK 1672 </a> 1673 </li> 1674 1675 <li class="footer__dropdown-item"> 1676 <a class="footer__dropdown-link" href="/localization?currency=DKK&return_to=/"> 1677 DKK 1678 </a> 1679 </li> 1680 1681 <li class="footer__dropdown-item"> 1682 <a class="footer__dropdown-link" href="/localization?currency=PLN&return_to=/"> 1683 PLN 1684 </a> 1685 </li> 1686 1687 <li class="footer__dropdown-item"> 1688 <a class="footer__dropdown-link" href="/localization?currency=INR&return_to=/"> 1689 INR 1690 </a> 1691 </li> 1692 1693 <li class="footer__dropdown-item"> 1694 <a class="footer__dropdown-link" href="/localization?currency=JPY&return_to=/"> 1695 JPY 1696 </a> 1697 </li> 1698 1699 <li class="footer__dropdown-item"> 1700 <a class="footer__dropdown-link" href="/localization?currency=MYR&return_to=/"> 1701 MYR 1702 </a> 1703 </li> 1704 1705 <li class="footer__dropdown-item"> 1706 <a class="footer__dropdown-link" href="/localization?currency=SGD&return_to=/"> 1707 SGD 1708 </a> 1709 </li> 1710 1711 <li class="footer__dropdown-item"> 1712 <a class="footer__dropdown-link" href="/localization?currency=MXN&return_to=/"> 1713 MXN 1714 </a> 1715 </li> 1716 1717 <li class="footer__dropdown-item"> 1718 <a class="footer__dropdown-link" href="/localization?currency=BRL&return_to=/"> 1719 BRL 1720 </a> 1721 </li> 1722 1723 <li class="footer__dropdown-item"> 1724 <a class="footer__dropdown-link" href="/localization?currency=CHF&return_to=/"> 1725 CHF 1726 </a> 1727 </li> 1728 1729 </ul> 1730 </div> 1731 1732 </li> 1733 1734 1735 1736 1737 <li class="footer__list-item"> 1738 <a href="/contact" class="footer__menu-link" >Contact</a> 1739 </li> 1740 1741 <li class="footer__list-item"> 1742 <a href="/pages/terms-of-service" class="footer__menu-link" >Terms of Service</a> 1743 </li> 1744 1745 <li class="footer__list-item"> 1746 <a href="/pages/privacy-policy" class="footer__menu-link" >Privacy Policy</a> 1747 </li> 1748 1749 <li class="footer__list-item"> 1750 <a href="/pages/returns-faq" class="footer__menu-link" >Returns & FAQ</a> 1751 </li> 1752 1753 1754 </ul> 1755 </nav> 1756 </div> 1757 </div> 1758 </div> 1759 1760 <div class="footer__bottom"> 1761 <ul class="footer__list footer__list--bottom"> 1762 <li class="footer__list-item">
1762<div class="footer__copy">© 2026 CatherineClark.org</div></li> 1763 1764 </ul> 1765 </div> 1766 1767 </div> 1768 </div> 1769</footer> 1770 1771 1772</div> 1773 </div> 1774 </div> 1775 1776
1776<script> 1777 var fourthwallTheme = { 1778 strings: { 1779 addToCart: "Add to Cart", 1780 redeemGift: "Redeem Your Gift", 1781 viewCart: "View Cart", 1782 checkout: "Checkout", 1783 outOfStock: "Out of Stock", 1784 unavailable: "Not Available", 1785 soldOut: "Sold Out", 1786 soldOutSuffix: " - Sold Out", 1787 missingQuantityError: "Please choose the quantity.", 1788 generalError: "An error occurred. Please try refreshing the page.", 1789 item: "item", 1790 items: "items", 1791 startShopping: "Start Shopping", 1792 subtotal: "Subtotal", 1793 backToShopping: "Back to Shopping", 1794 cart: { 1795 heading: "[item_count] [item_count_label] in your cart for [total]", 1796 emptyHeading: "Your Shopping Cart is Empty", 1797 tableHeader: { 1798 item: "Item", 1799 quantity: "Quantity", 1800 price: "Price" 1801 }, 1802 deleteModal: { 1803 heading: "Are you sure you want to remove [title] from your cart?", 1804 cancel: "Cancel", 1805 delete: "Delete" 1806 } 1807 }, 1808 newsletter: { 1809 missingEmailError: 'Please enter your email.', 1810 invalidEmailError: 'Please enter a valid email.', 1811 subscribeSuccess: 'Thanks for subscribing!' 1812 }, 1813 donation: { 1814 missingAmountError: 'Please select or enter the donation amount.', 1815 invalidAmountError: 'Please enter a valid donation amount.', 1816 missingNameError: 'Please enter your name.', 1817 missingMessageError: 'Please enter the message.' 1818 }, 1819 checkoutErrors: { 1820 default: "There was an issue with your checkout. Please review your cart and try again.", 1821 CHECKOUT_CART_ITEMS_CHANGED: "Your cart has changed since you started checkout. Please review your items and try again.", 1822 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." 1823 } 1824 }, 1825 urls: { 1826 cart: "/cart", 1827 cartItemLocalizedPrefix: "", 1828 cartAddUrl: "/cart/add", 1829 cartChangeUrl: "/cart/change", 1830 productsUrlPrefix: "/products", 1831 allProductsCollection: "/collections/all", 1832 } 1833 }; 1834</script>
1834 1835 1836 1837
1837<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>
1837 1838 1839 1840<div id="cookie-consent-banner-container" data-turbo-permanent="true"></div> 1841 1842 1843 <div class="admin-bar-container hidden"> 1844 <div id="admin-bar" class="admin-bar sticky hidden"> 1845 <div class="wrapper"> 1846 <div> 1847 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> 1848 <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"/> 1849 </svg> 1850 </div> 1851 <div class="actions"> 1852 <div class='desktop'> 1853 <div class="dropdown"> 1854 <button class="dropdown-button desktop-switcher pill" data-target="desktop-switcher">View as: </button> 1855 <div class="dropdown-content" id="desktop-switcher"> 1856 <ul> 1857 <li class="dropdown-item" data-mode="creator">Admin</li> 1858 <li class="dropdown-item" data-mode="supporter">Supporter</li> 1859 </ul> 1860 </div> 1861 </div> 1862 <a href="/admin/dashboard/store-design/layout/index/" class='pill edit-page' rel='noopener noreferrer'>Edit page</a> 1863 <a href="/admin/dashboard" rel="noopener noreferrer" class="pill dashboard-link">Go to dashboard</a> 1864 </div> 1865 1866 <div class='mobile'> 1867 <div class="dropdown"> 1868 <button class="dropdown-button pill mobile-switcher" data-target="mobile-switcher">View as</button> 1869 <div class="dropdown-content" id="mobile-switcher"> 1870 <ul> 1871 <li class="dropdown-item" data-mode="creator">Admin</li> 1872 <li class="dropdown-item" data-mode="supporter">Supporter</li> 1873 </ul> 1874 </div> 1875 </div> 1876 1877 <div class="dropdown mobile"> 1878 <button class="dropdown-button pill" data-target="mobile-links"> 1879 <svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1880 <g id="Dots horizontal"> 1881 <g> 1882 <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"/> 1883 <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"/> 1884 <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"/> 1885 </g> 1886 </g> 1887 </svg> 1888 </button> 1889 <div class="dropdown-content" id="mobile-links"> 1890 <a href="/admin/dashboard" rel="noopener noreferrer" class="dropdown-item">Go to dashboard</a> 1891 </div> 1892 </div> 1893 </div> 1894 1895 <div class="pill close"> 1896 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1897 <g> 1898 <path d="M0.875 13.125L13.125 0.875M13.125 13.125L0.875 0.875" stroke="#FDFCFB" stroke-width="1.5" stroke-linejoin="bevel"/> 1899 </g> 1900 </svg> 1901 </div> 1902 </div> 1903 </div> 1904 </div> 1905 1906 <div id="admin-bar-small" class="admin-bar-small sticky hidden"> 1907 <div class="wrapper"> 1908 <div> 1909 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> 1910 <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
191014.613h-5.21L21.446 14.91 19.48 25.692h-5.237L10.862 11.08h4.61Z"/> 1911 </svg> 1912 </div> 1913 </div> 1914 </div> 1915</div> 1916
1917<script> 1918 const cookieModule = { 1919 setCookie: function (name, value, days = 365, maxAge) { 1920 const expires = new Date(Date.now() + days * 24 * 60 * 60 * 1000).toUTCString(); 1921 let cookieString = `${name}=${value}; expires=${expires}; path=/`; 1922 1923 if (maxAge) { 1924 cookieString += `; max-age=${maxAge}`; 1925 } 1926 1927 document.cookie = cookieString; 1928 }, 1929 1930 getCookie: function (name) { 1931 const cookie = document.cookie.split(';').find(c => c.trim().startsWith(`${name}=`)); 1932 return cookie ? cookie.split('=')[1] : null; 1933 } 1934 }; 1935 1936 const AdminBar = { 1937 adminBar: document.getElementById("admin-bar"), 1938 adminBarContainer: document.querySelector(".admin-bar-container"), 1939 adminBarSmall: document.getElementById("admin-bar-small"), 1940 closeButton: document.querySelector('#admin-bar .close'), 1941 viewAsDesktopButton: document.querySelector(".desktop-switcher"), 1942 dropdownButtons: document.querySelectorAll(".dropdown-button"), 1943 dropdownContents: document.querySelectorAll(".dropdown-content"), 1944 inIframe: () => { 1945 try { 1946 return window.self !== window.top; 1947 } catch (e) { 1948 return true; 1949 } 1950 }, 1951 inThemeEditor: () => cookieModule.getCookie('view_as') === 'theme_editor' || AdminBar.inIframe(), 1952 viewAsCreator: () => cookieModule.getCookie('view_as') === 'creator', 1953 viewAsSupporter: () => cookieModule.getCookie('view_as') === 'supporter', 1954 verifyCreator: () => { 1955 document.cookie = 'return_to=' + window.location.href + '; path=/; max-age=30;'; 1956 window.location.href = '/platform/creators/handoff/start?return=' + encodeURIComponent(window.location.pathname + window.location.search); 1957 }, 1958 getSelectedView: () => (AdminBar.viewAsCreator() ? 'Admin' : 'Supporter'), 1959 toggleDropdown: (dropdownContent) => { 1960 dropdownContent.style.display = dropdownContent.style.display === 'none' || dropdownContent.style.display === '' ? 'block' : 'none'; 1961 }, 1962 init() { 1963 if ( 1964 !AdminBar.inThemeEditor() && 1965 cookieModule.getCookie('core_dashboard_visited') 1966 ) { 1967 AdminBar.viewAsDesktopButton.textContent = 'View as: ' + AdminBar.getSelectedView(); 1968 AdminBar.adminBarContainer.classList.toggle('hidden'); 1969 if (cookieModule.getCookie('admin_bar_mode') === 'condensed') { 1970 AdminBar.adminBarSmall.classList.toggle('hidden'); 1971 } else { 1972 AdminBar.adminBar.classList.toggle('hidden'); 1973 } 1974 } 1975 1976 AdminBar.closeButton.addEventListener('click', () => { 1977 cookieModule.setCookie('admin_bar_mode', 'condensed'); 1978 AdminBar.adminBar.classList.toggle('hidden'); 1979 AdminBar.adminBarSmall.classList.toggle('hidden'); 1980 }); 1981 1982 AdminBar.adminBarSmall.addEventListener('click', () => { 1983 cookieModule.setCookie('admin_bar_mode', 'expanded'); 1984 AdminBar.adminBar.classList.toggle('hidden'); 1985 AdminBar.adminBarSmall.classList.toggle('hidden'); 1986 }); 1987 1988 // Add event listeners to each dropdown button 1989 AdminBar.dropdownButtons.forEach((button) => { 1990 button.addEventListener("click", () => { 1991 const dropdownId = button.getAttribute("data-target"); 1992 const dropdownContent = document.getElementById(dropdownId); 1993 AdminBar.toggleDropdown(dropdownContent); 1994 }); 1995 }); 1996 1997 // Close the dropdowns when clicking outside 1998 document.addEventListener("click", (event) => { 1999 AdminBar.dropdownButtons.forEach((button) => { 2000 const dropdownId = button.getAttribute("data-target"); 2001 const dropdownContent = document.getElementById(dropdownId); 2002 if (event.target !== button && !button.contains(event.target) && event.target !== dropdownContent) { 2003 dropdownContent.style.display = "none"; 2004 } 2005 }); 2006 }); 2007 2008 document.querySelectorAll(".dropdown-content li").forEach((item) => { 2009 item.addEventListener("click", (event) => { 2010 const mode = event.target.getAttribute("data-mode"); 2011 if (mode === 'creator') { 2012 cookieModule.setCookie('view_as', 'creator'); 2013 AdminBar.verifyCreator(); 2014 } else { 2015 cookieModule.setCookie('view_as', 'supporter'); 2016 window.location.reload(); 2017 } 2018 }); 2019 }); 2020 }, 2021 }; 2022
2023 AdminBar.init(); 2024</script>
2024 2025 2026<style> 2027 .admin-bar-container { 2028 height: 56px; 2029 } 2030 2031 .hidden { 2032 display: none; 2033 } 2034 2035 .admin-bar, 2036 .admin-bar-small { 2037 z-index: 1000; 2038 background-color: rgba(0, 0, 0, 0.7); 2039 backdrop-filter: blur(15px); 2040 -webkit-backdrop-filter: blur(15px); 2041 height: 56px; 2042 width: 100%; 2043 } 2044 2045 .admin-bar-small { 2046 width: 73px; 2047 cursor: pointer; 2048 } 2049 2050 .sticky { 2051 position: fixed; 2052 bottom: 0; 2053 } 2054 2055 .admin-bar a { 2056 color: #FDFCFB; 2057 padding: 14px; 2058 font-size: 14px; 2059 text-decoration: none; 2060 } 2061 2062 .admin-bar button { 2063 padding: 14px; 2064 font-size: 14px; 2065 } 2066 2067 .admin-bar .wrapper, 2068 .admin-bar-small .wrapper { 2069 display: flex; 2070 justify-content: space-between; 2071 align-items: center; 2072 padding: 10px 20px; 2073 } 2074 2075 .admin-bar-small .wrapper { 2076 padding: 12px 20px; 2077 } 2078 2079 .admin-bar .pill { 2080 display: flex; 2081 justify-content: center; 2082 align-items: center; 2083 gap: 10px; 2084 text-transform: capitalize; 2085 2086 padding: 6px 14px; 2087 border-radius: 100px; 2088 background: rgba(253, 252, 251, 0.12); 2089 2090 cursor: pointer; 2091 } 2092 2093 .admin-bar .pill:hover { 2094 background: rgba(253, 252, 251, 0.22); 2095 } 2096 2097 .admin-bar .close { 2098 padding: 6px 11px; 2099 } 2100 2101 .admin-bar .actions, 2102 .admin-bar .actions .desktop, 2103 .admin-bar .actions .mobile { 2104 display: flex; 2105 gap: 10px; 2106 } 2107 2108 .admin-bar .actions .desktop, 2109 .admin-bar .actions .edit-page { 2110 display: none; 2111 } 2112 2113 @media (min-width: 768px) { 2114 .admin-bar a, 2115 .admin-bar button { 2116 font-size: 16px; 2117 } 2118 2119 .admin-bar .actions .desktop, 2120 .admin-bar .actions .edit-page { 2121 display: flex; 2122 gap: 10px; 2123 } 2124 2125 .admin-bar .actions .mobile { 2126 display: none; 2127 } 2128 } 2129 2130 .dropdown { 2131 position: relative; 2132 } 2133 2134 .dropdown-content { 2135 display: none; 2136 position: absolute; 2137 background-color: rgba(0,0,0,0.9); 2138 min-width: 130px; 2139 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 2140 bottom: 100%; /* Position above the button */ 2141 border-radius: 10px; 2142 bottom: calc((100% + 8px) - 0px); 2143 right: 0; 2144 } 2145 2146 /* Style for each list item */ 2147 .dropdown-content .dropdown-item { 2148 color: white; 2149 padding: 12px 16px; 2150 text-decoration: none; 2151 white-space: nowrap; 2152 display: block; 2153 cursor: pointer; 2154 border-radius: 10px; 2155 } 2156 2157 .dropdown-content .dropdown-item:hover { 2158 background-color: rgba(255,255,255,0.2) 2159 } 2160 2161 /* Style for the button */ 2162 .dropdown-button { 2163 color: white; 2164 padding: 10px 20px; 2165 border: none; 2166 border-radius: 5px; 2167 cursor: pointer; 2168 line-height: 24px; 2169 } 2170</style> 2171 2172</body> 2173</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.