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://nataliedee.com/pages/about" /> 8 9 <title>About | Natalie Dee</title> 10 11 12<meta name="description" content="The official website featuring the art and writing of Natalie Dee. " /> 13<meta property="og:site_name" content="Natalie Dee" /> 14<meta property="og:url" content="https://nataliedee.com/pages/about" /> 15<meta property="og:description" content="The official website featuring the art and writing of Natalie Dee. " /> 16 17 18 19 20 21<meta property="og:title" content="About | Natalie Dee" /> 22<meta property="og:type" content="website" /> 23 24 25 <meta property="og:image" content="https://imgproxy.fourthwall.dev/A2J0S1yAD3HCkFTMevKQGK8ZqmRZ8ILe5t_xMa0thS0/w:1200/sm:1/enc/z2hjLEm8DdgaoBRY/4nWLBV5V02Ffoz_n/U8gCqsg7sSmGCtqB/uqBZXdkfyCUl8BvZ/y3SElnSiLzgPvz_a/RRyfGnYQ8gqxczmd/S0yLeVNubZUc3Ylz/bugoNaJ5Fq4l34he/KxvKtIAsJAS51UM3/TSHxV75YM35E_DMo/fzsNm-dnVb4X08fM/P6E6mAqULr61piKi/9ao_tDmp-YUbfWgF/XIJKLw.png" /> 26 <meta property="og:image:secure_url" content="https://imgproxy.fourthwall.dev/A2J0S1yAD3HCkFTMevKQGK8ZqmRZ8ILe5t_xMa0thS0/w:1200/sm:1/enc/z2hjLEm8DdgaoBRY/4nWLBV5V02Ffoz_n/U8gCqsg7sSmGCtqB/uqBZXdkfyCUl8BvZ/y3SElnSiLzgPvz_a/RRyfGnYQ8gqxczmd/S0yLeVNubZUc3Ylz/bugoNaJ5Fq4l34he/KxvKtIAsJAS51UM3/TSHxV75YM35E_DMo/fzsNm-dnVb4X08fM/P6E6mAqULr61piKi/9ao_tDmp-YUbfWgF/XIJKLw.png" /> 27 <meta property="twitter:image" content="https://imgproxy.fourthwall.dev/A2J0S1yAD3HCkFTMevKQGK8ZqmRZ8ILe5t_xMa0thS0/w:1200/sm:1/enc/z2hjLEm8DdgaoBRY/4nWLBV5V02Ffoz_n/U8gCqsg7sSmGCtqB/uqBZXdkfyCUl8BvZ/y3SElnSiLzgPvz_a/RRyfGnYQ8gqxczmd/S0yLeVNubZUc3Ylz/bugoNaJ5Fq4l34he/KxvKtIAsJAS51UM3/TSHxV75YM35E_DMo/fzsNm-dnVb4X08fM/P6E6mAqULr61piKi/9ao_tDmp-YUbfWgF/XIJKLw.png" /> 28 29<meta name="twitter:card" content="summary_large_image" /> 30<meta name="twitter:title" content="About | Natalie Dee" /> 31<meta name="twitter:description" content="The official website featuring the art and writing of Natalie Dee. " /> 32 33 34 <link rel="shortcut icon" href="https://imgproxy.fourthwall.dev/iW5XibtPhqCXOUVZWaNkuJqs6gLlbqHNl-FZ3GjBOR8/rs:fill:192:192:0/bg:000000/sm:1/enc/3U4eYi5O7hyYRMIY/Vgzbpek_w2L3_CvO/N1qPBYjws6_-928a/iSamm0zpQ7PWlKLR/gbt2h1GnqX_y9QcU/96heb9DLw51idspg/aR5V_yPGwqV5oJAS/E5bMlGGHnjjCvf_Y/VKmas1f_QHBAwuB7/ovw563WefzE7ILLJ/YXxdaXNIzsDNF7EA/0twucbk0BEk8l-92.png" sizes="96x96" type="image/png" /> 35<link rel="shortcut icon" href="https://imgproxy.fourthwall.dev/iW5XibtPhqCXOUVZWaNkuJqs6gLlbqHNl-FZ3GjBOR8/rs:fill:192:192:0/bg:000000/sm:1/enc/3U4eYi5O7hyYRMIY/Vgzbpek_w2L3_CvO/N1qPBYjws6_-928a/iSamm0zpQ7PWlKLR/gbt2h1GnqX_y9QcU/96heb9DLw51idspg/aR5V_yPGwqV5oJAS/E5bMlGGHnjjCvf_Y/VKmas1f_QHBAwuB7/ovw563WefzE7ILLJ/YXxdaXNIzsDNF7EA/0twucbk0BEk8l-92.png" sizes="48x48" type="image/png" /> 36 37 38 <link rel="apple-touch-icon" href="https://imgproxy.fourthwall.dev/iW5XibtPhqCXOUVZWaNkuJqs6gLlbqHNl-FZ3GjBOR8/rs:fill:192:192:0/bg:000000/sm:1/enc/3U4eYi5O7hyYRMIY/Vgzbpek_w2L3_CvO/N1qPBYjws6_-928a/iSamm0zpQ7PWlKLR/gbt2h1GnqX_y9QcU/96heb9DLw51idspg/aR5V_yPGwqV5oJAS/E5bMlGGHnjjCvf_Y/VKmas1f_QHBAwuB7/ovw563WefzE7ILLJ/YXxdaXNIzsDNF7EA/0twucbk0BEk8l-92.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/5d5867e7-e64a-481b-91f3-6f5c283853bf/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/8c0e61ab-28a4-4d34-ba88-cc818c023787/assets/styles/css-variables.scss.css?v=30252069b6287b396d011ec5f9a54d948d24b499035957b0e909519e91371338" media="all" integrity="sha256-MCUgabYoezltAR7F+aVNlI0ktJkDWVew6QlRnpE3Ezg=" crossorigin="anonymous" /> 48 <link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes/assets/8c0e61ab-28a4-4d34-ba88-cc818c023787/assets/styles/theme.scss.css?v=b36d97841891dac5fe9e0924b54f845c06ac80a69cb779062bff8c05b122e20a" media="all" integrity="sha256-s22XhBiR2sX+ngkktU+EXAasgKact3kGK/+MBbEi4go=" 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://nataliedee.com/pages/about" hreflang="x-default" /> 55<link rel="alternate" href="https://nataliedee.com/en-usd/pages/about" hreflang="en-AQ" /> 56<link rel="alternate" href="https://nataliedee.com/en-usd/pages/about" hreflang="en-AS" /> 57<link rel="alternate" href="https://nataliedee.com/en-usd/pages/about" hreflang="en-BQ" /> 58<link rel="alternate" href="https://nataliedee.com/en-usd/pages/about" hreflang="en-EC" /> 59<link rel="alternate" href="https://nataliedee.com/en-usd/pages/about" hreflang="en-FM" /> 60<link rel="alternate" href="https://nataliedee.com/en-usd/pages/about" hreflang="en-GU" /> 61<link rel="alternate" href="https://nataliedee.com/en-usd/pages/about" hreflang="en-IO" /> 62<link rel="alternate" href="https://nataliedee.com/en-usd/pages/about" hreflang="en-MH" /> 63<link rel="alternate" href="https://nataliedee.com/en-usd/pages/about" hreflang="en-MP" /> 64<link rel="alternate" href="https://nataliedee.com/en-usd/pages/about" hreflang="en-PR" /> 65<link rel="alternate" href="https://nataliedee.com/en-usd/pages/about" hreflang="en-PW" /> 66<link rel="alternate" href="https://nataliedee.com/en-usd/pages/about" hreflang="en-SV" /> 67<link rel="alternate" href="https://nataliedee.com/en-usd/pages/about" hreflang="en-TC" /> 68<link rel="alternate" href="https://nataliedee.com/en-usd/pages/about" hreflang="en-UM" /> 69<link rel="alternate" href="https://nataliedee.com/en-usd/pages/about" hreflang="en-US" /> 70<link rel="alternate" href="https://nataliedee.com/en-usd/pages/about" hreflang="en-VG" /> 71<link rel="alternate" href="https://nataliedee.com/en-usd/pages/about" hreflang="en-VI" /> 72<link rel="alternate" href="https://nataliedee.com/en-usd/pages/about" hreflang="en-ZW" /> 73<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-AD" /> 74<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-AT" /> 75<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-AX" /> 76<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-BE" /> 77<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-BG" /> 78<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-BL" /> 79<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-CY" /> 80<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-DE" /> 81<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-EE" /> 82<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-ES" /> 83<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-FI" /> 84<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-FR" /> 85<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-GF" /> 86<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-GP" /> 87<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-GR" /> 88<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-HR" /> 89<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-IE" /> 90<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-IT" /> 91<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-LT" /> 92<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-LU" /> 93<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-LV" /> 94<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-MC" /> 95<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-ME" /> 96<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-MF" /> 97<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-MQ" /> 98<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-MT" /> 99<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-NL" /> 100<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-PM" /> 101<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-PT" /> 102<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-RE" /> 103<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-SI" /> 104<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-SK" /> 105<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-SM" /> 106<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-TF" /> 107<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-VA" /> 108<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-YT" /> 109<link rel="alternate" href="https://nataliedee.com/en-eur/pages/about" hreflang="en-XK" /> 110<link rel="alternate" href="https://nataliedee.com/en-cad/pages/about" hreflang="en-CA" /> 111<link rel="alternate" href="https://nataliedee.com/en-gbp/pages/about" hreflang="en-GB" /> 112<link rel="alternate" href="https://nataliedee.com/en-gbp/pages/about" hreflang="en-GG" /> 113<link rel="alternate" href="https://nataliedee.com/en-gbp/pages/about" hreflang="en-GS" /> 114<link rel="alternate" href="https://nataliedee.com/en-gbp/pages/about" hreflang="en-IM" /> 115<link rel="alternate" href="https://nataliedee.com/en-gbp/pages/about" hreflang="en-JE" /> 116<link rel="alternate" href="https://nataliedee.com/en-aud/pages/about" hreflang="en-AU" /> 117<link rel="alternate" href="https://nataliedee.com/en-aud/pages/about" hreflang="en-CC" /> 118<link rel="alternate" href="https://nataliedee.com/en-aud/pages/about" hreflang="en-CX" /> 119<link rel="alternate" href="https://nataliedee.com/en-aud/pages/about" hreflang="en-HM" /> 120<link rel="alternate" href="https://nataliedee.com/en-aud/pages/about" hreflang="en-KI" /> 121<link rel="alternate" href="https://nataliedee.com/en-aud/pages/about" hreflang="en-NF" /> 122<link rel="alternate" href="https://nataliedee.com/en-aud/pages/about" hreflang="en-NR" /> 123<link rel="alternate" href="https://nataliedee.com/en-aud/pages/about" hreflang="en-TV" /> 124<link rel="alternate" href="https://nataliedee.com/en-nzd/pages/about" hreflang="en-CK" /> 125<link rel="alternate" href="https://nataliedee.com/en-nzd/pages/about" hreflang="en-NU" /> 126<link rel="alternate" href="https://nataliedee.com/en-nzd/pages/about" hreflang="en-NZ" /> 127<link rel="alternate" href="https://nataliedee.com/en-nzd/pages/about" hreflang="en-PN" /> 128<link rel="alternate" href="https://nataliedee.com/en-nzd/pages/about" hreflang="en-TK" /> 129<link rel="alternate" href="https://nataliedee.com/en-sek/pages/about" hreflang="en-SE" /> 130<link rel="alternate" href="https://nataliedee.com/en-nok/pages/about" hreflang="en-BV" /> 131<link rel="alternate" href="https://nataliedee.com/en-nok/pages/about" hreflang="en-NO" /> 132<link rel="alternate" href="https://nataliedee.com/en-nok/pages/about" hreflang="en-SJ" /> 133<link rel="alternate" href="https://nataliedee.com/en-dkk/pages/about" hreflang="en-DK" /> 134<link rel="alternate" href="https://nataliedee.com/en-dkk/pages/about" hreflang="en-FO" /> 135<link rel="alternate" href="https://nataliedee.com/en-dkk/pages/about" hreflang="en-GL" /> 136<link rel="alternate" href="https://nataliedee.com/en-pln/pages/about" hreflang="en-PL" /> 137<link rel="alternate" href="https://nataliedee.com/en-inr/pages/about" hreflang="en-IN" /> 138<link rel="alternate" href="https://nataliedee.com/en-jpy/pages/about" hreflang="en-JP" /> 139<link rel="alternate" href="https://nataliedee.com/en-myr/pages/about" hreflang="en-MY" /> 140<link rel="alternate" href="https://nataliedee.com/en-sgd/pages/about" hreflang="en-SG" /> 141<link rel="alternate" href="https://nataliedee.com/en-mxn/pages/about" hreflang="en-MX" /> 142<link rel="alternate" href="https://nataliedee.com/en-brl/pages/about" hreflang="en-BR" /> 143<link rel="alternate" href="https://nataliedee.com/en-chf/pages/about" hreflang="en-CH" /> 144<link rel="alternate" href="https://nataliedee.com/en-chf/pages/about" 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 = 'Natalie Dee'; 153 window.shopId = 'sh_837b307c-28f9-47ce-b05a-5a2c1d41e974'; 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 = ''; 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='#ffffff' /> 226<link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes/assets/8c0e61ab-28a4-4d34-ba88-cc818c023787/assets/styles/custom_sections.css?v=1e19b00c72a174c385cdb227d5a7294d102f616edff06fb2f9b5f3483eddc939" media="all">
227<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Natalie Dee","description":"The official website featuring the art and writing of Natalie Dee. ","url":"https://nataliedee.com","sameAs":["https://instagram.com/drnataliedee"]}</script>
vendor: 1 bytes, line 227
227
228<script type="module"> 229 function iframeReady(section, iframe, url, appId, settings) { 230 const baseIframeUrl = url; 231 232 function buildUrl(url, params) { 233 if (!params) return url; 234 var qs = Object.keys(params) 235 .map((k) => encodeURIComponent(k) + '=' + encodeURIComponent(params[k])) 236 .join('&'); 237 return url + (url.includes('?') ? '&' : '?') + qs + '&' + settings; 238 } 239 240 const params = { 241 hmac: window.appHmac[appId], 242 timestamp: window.hmacTimestamp, 243 tier_id: window.tierId, 244 supporter_id: window.supporterId, 245 shop_id: window.shopId, 246 }; 247 248 iframe.src = buildUrl(baseIframeUrl, window.appHmac[appId] ? params : null); 249 iframe.onload = null 250 251 // Extract origin from URL for security checking 252 let expectedOrigin; 253 try { 254 expectedOrigin = new URL(url).origin; 255 } catch (e) { 256 console.warn('Could not parse URL origin:', url); 257 } 258 259 // Listen for messages specifically from this iframe 260 const messageHandler = (event) => { 261 // Check if the message is from this specific iframe 262 if (event.source !== iframe.contentWindow) { 263 return; // Ignore messages from other iframes/windows 264 } 265 266 // Optional: Also verify the origin for security 267 if (expectedOrigin && event.origin !== expectedOrigin) { 268 console.warn('Message received from unexpected origin:', event.origin); 269 return; 270 } 271 272 if (event.data.type === 'RESIZE') { 273 iframe.style.height = event.data.data.height + 'px'; 274 } else if (event.data.type === 'CLOSE') { 275 section.style.height = '0px'; 276 } 277 }; 278 279 window.addEventListener('message', messageHandler); 280 281 // Store the handler for cleanup (optional) 282 iframe._messageHandler = messageHandler; 283 } 284 285 class Hmac extends HTMLElement { 286 constructor() { 287 super() 288 this.section = this.parentElement.parentElement; 289 this.iframe = this.querySelector('iframe') 290 this.url = this.getAttribute('url') 291 this.appId = this.getAttribute('app_id') 292 this.settings = this.getAttribute('settings') 293 } 294 295 connectedCallback() { 296 if (this.iframe && this.iframe.contentDocument && this.iframe.contentDocument.readyState === 'complete') { 297 iframeReady(this.section, this.iframe, this.url, this.appId, this.settings) 298 } else { 299 this.iframe.onload = () => iframeReady(this.section, this.iframe, this.url, this.appId, this.settings) 300 } 301 } 302 303 disconnectedCallback() { 304 if (this.iframe && this.iframe._messageHandler) { 305 window.removeEventListener('message', this.iframe._messageHandler); 306 delete this.iframe._messageHandler; 307 } 308 } 309 } 310 311 customElements.define('app-hmac-component', Hmac) 312</script>
312 313 314 </head> 315 316 317 318 319 320 321 <body class="body page " > 322 <!-- Google Tag Manager (noscript) --> 323<noscript><iframe src='/_c/ns.html?id=GTM-PV2BBNN' 324height='0' width='0' style='display:none;visibility:hidden'></iframe></noscript> 325<!-- End Google Tag Manager (noscript) --> 326 327 <a href="#main-content" class="skip-link">Skip to content</a> 328 329 <div class="page"> 330 <div> 331 <div id="fw-section-header" class="fw-section"> 332 333 334 335 336 337<header 338 data-testid='main.single.section' 339 class='header' 340> 341 <div class='wrapper'> 342 <div class='header__grid header__grid--search header--top-center header__size--md'> 343 <div class='header__mobile-menu hidden@sm'> 344 <button data-drawer-trigger-primary='mobile-menu' class='header__icon' aria-label='Open menu'> 345 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 346 <path fill-rule="evenodd" clip-rule="evenodd" d="M16 3.75H0V2.25H16V3.75ZM16 8.75H0V7.25H16V8.75ZM16 13.75H0V12.25H16V13.75Z" fill="currentColor"/> 347</svg> 348 349 </button> 350 </div> 351 352 353 354 <div class='header__logo-container'><h1 class='visually-hidden'>Natalie Dee</h1><div class='header__logo'> 355 <a href='/' class='header__logo-link'> 356 357 358 359 360 <img 361 src="https://imgproxy.fourthwall.dev/Hucb5b_Kkm-FbtvKiQi3779rjj9Q2wpDRp_M3FOz2Fg/w:320/sm:1/enc/W-l6F_FgwDXkc3Ex/7kWsg3vvQO2PhOCD/1s3ph9f9T9EcK6LP/91CxTcfOfAbCXV0K/idCswJxJKAr2k2dW/1feJoTFIcOAQHhPu/ELZwJChS2djJqNQj/p3vfqnpRMk295Xig/eKp1KBQ6xMturKjs/p6GB_Lf1IemFT9_E/2IGIJ9op1BIGhPTW/_R_5nLcv1lv0WOvX/St13IFLbyIH-Vnj4/dlQjWMZ-NylXKxO-/Rwfx6afkXIpNQwZ8/OClCIlv98bSZdLXx.webp" 362 srcset="https://imgproxy.fourthwall.dev/Hucb5b_Kkm-FbtvKiQi3779rjj9Q2wpDRp_M3FOz2Fg/w:320/sm:1/enc/W-l6F_FgwDXkc3Ex/7kWsg3vvQO2PhOCD/1s3ph9f9T9EcK6LP/91CxTcfOfAbCXV0K/idCswJxJKAr2k2dW/1feJoTFIcOAQHhPu/ELZwJChS2djJqNQj/p3vfqnpRMk295Xig/eKp1KBQ6xMturKjs/p6GB_Lf1IemFT9_E/2IGIJ9op1BIGhPTW/_R_5nLcv1lv0WOvX/St13IFLbyIH-Vnj4/dlQjWMZ-NylXKxO-/Rwfx6afkXIpNQwZ8/OClCIlv98bSZdLXx.webp 1x, https://imgproxy.fourthwall.dev/dAyzvuvsHRrD0aC5MmJTx-KsJ0K-edzw5gLvwGFW7do/w:320/dpr:2/sm:1/enc/W-l6F_FgwDXkc3Ex/7kWsg3vvQO2PhOCD/1s3ph9f9T9EcK6LP/91CxTcfOfAbCXV0K/idCswJxJKAr2k2dW/1feJoTFIcOAQHhPu/ELZwJChS2djJqNQj/p3vfqnpRMk295Xig/eKp1KBQ6xMturKjs/p6GB_Lf1IemFT9_E/2IGIJ9op1BIGhPTW/_R_5nLcv1lv0WOvX/St13IFLbyIH-Vnj4/dlQjWMZ-NylXKxO-/Rwfx6afkXIpNQwZ8/OClCIlv98bSZdLXx.webp 2x" 363 alt="Natalie Dee" 364 class="header__logo-image header__logo-image--md" 365 itemprop="logo" 366 > 367 368 369 </a> 370 </div> 371 </div> 372 373 374 <div class='header__nav-container visible@sm'> 375 <nav class='header__nav' aria-label='Primary'> 376 <ul class='header__list list--horizontal'> 377 378 <li class="header__list-item"> 379 <a 380 href="/" 381 class="header__link" 382 383 > 384 Home 385 386 387 </a> 388 389 390 </li> 391 392 <li class="header__list-item"> 393 <a 394 href="/collections/all" 395 class="header__link header__link--icon" 396 397 > 398 Ceramics 399 400 401 <span class="header__link-icon"> 402 <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"> 403 <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"/> 404</svg> 405 406 </span> 407 408 </a> 409 410 411 <div class="header__dropdown"> 412 <ul class="header__dropdown-inner"> 413 414 <li class="header__dropdown-item"> 415 <a class="header__dropdown-link" href="/collections/mugs" > 416 Mugs 417 </a> 418 </li> 419 420 <li class="header__dropdown-item"> 421 <a class="header__dropdown-link" href="/collections/bowls" > 422 Bowls 423 </a> 424 </li> 425 426 <li class="header__dropdown-item"> 427 <a class="header__dropdown-link" href="/collections/figurines" > 428 Figurines 429 </a> 430 </li> 431 432 <li class="header__dropdown-item"> 433 <a class="header__dropdown-link" href="/collections/paraphernalia" > 434 Paraphernalia 435 </a> 436 </li> 437 438 <li class="header__dropdown-item"> 439 <a class="header__dropdown-link" href="/collections/altarware" > 440 Altarware 441 </a> 442 </li> 443 444 </ul> 445 </div> 446 447 </li> 448 449 <li class="header__list-item"> 450 <a 451 href="/pages/writing" 452 class="header__link" 453 454 > 455 Writing 456 457 458 </a> 459 460 461 </li> 462 463 <li class="header__list-item"> 464 <a 465 href="/pages/about" 466 class="header__link" 467 468 > 469 About 470 471 472 </a> 473 474 475 </li> 476 477 </ul> 478 </nav> 479 </div> 480 481 482 <div class='header__icons'> 483 <ul class='header__list list list--horizontal'> 484 485 486 487 488 489 490 491 492 <li class='header__list-item'> 493 <button class='header__icon' aria-label='Search' type='button' data-search-toggle>
494 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 495<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"/> 496</svg> 497 498 </button> 499 </li> 500 501 502 503 <li class='header__list-item visible@sm'> 504 <a 505 href='/supporters' 506 class='header__icon' 507 aria-label='Account' 508 > 509 510 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 511 <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"/> 512</svg> 513 514 515 </a> 516 </li> 517 518 519 <li class='header__list-item'> 520 <a 521 href='/cart' 522 class='header__icon' 523 aria-label='Cart' 524 > 525 <div 526 data-cart-widget="widget" 527 data-testid="cart.icon" 528 class="cart-widget cart-widget--icons empty" 529> 530 531 <span data-cart-widget="quantity" class="cart-widget__items"></span> 532 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 533 <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"/> 534</svg> 535 536 537</div> 538 </a> 539 </li> 540 </ul> 541 542 <div data-cart-announcer aria-live="polite" aria-atomic="true" class="visually-hidden"></div> 543 544 </div> 545 </div> 546 547 <search-header> 548 <div class='search-header'> 549 <div class='search-header__inner'> 550 <form class='search-header__form' action='/search' method='get'> 551 <button type='submit' class='search-header__button' aria-label='Search'>
552 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 553<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"/> 554</svg> 555 556 </button> 557 <input 558 type='search' 559 name='q' 560 class='search-header__input' 561 placeholder='Search' 562 aria-label='Search' 563 autocomplete='off' 564 > 565 <button class='search-header__button' type='button' aria-label='Close search'> 566 <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"> 567 <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"/> 568</svg> 569 570 </button> 571 </form> 572 </div> 573</div> 574 575 </search-header> 576 577 </div> 578</header> 579 580 581<aside 582 data-drawer="mobile-menu" 583 class="drawer hidden@sm" 584> 585 <div class="drawer__background" data-drawer-trigger-primary="mobile-menu"></div> 586 <div class="drawer__content drawer__content--small mobile-menu"> 587 <div class="mobile-menu__section mobile-menu__section--header"> 588 <button type="button" class="mobile-menu__close" data-drawer-trigger-primary="mobile-menu" aria-label="Close menu"> 589 <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"> 590 <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"/> 591</svg> 592 593 </button> 594 </div> 595 <div class="mobile-menu__section mobile-menu__section--body"> 596 <div class="mobile-menu__nav"> 597 <ul class="mobile-menu__list"> 598 599 <li class="mobile-menu__list-item"> 600 601 <a 602 href="/" 603 class="mobile-menu__link" 604 > 605 Home 606 </a> 607 608 609 610 </li> 611 612 <li class="mobile-menu__list-item"> 613 614 <label for="input-drawer-1" class="mobile-menu__link"> 615 Ceramics 616 617 <div class="mobile-menu__link-icon"> 618 <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"> 619 <path d="M7 1.5L15 9L7 16.5" stroke="currentColor" vector-effect="non-scaling-stroke" fill="none" stroke-width="1.5"/> 620</svg> 621 622 </div> 623 </label> 624 625 626 627 <input type="checkbox" id="input-drawer-1" class="drawer__checkbox hidden" data-drawer-trigger-secondary> 628 <div class="drawer__content drawer__content--small"> 629 <div class="mobile-menu__section mobile-menu__section--header"> 630 <label href="#" class="mobile-menu__close" for="input-drawer-1"> 631 <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"> 632 <path d="M10 16.5L2 9L10 1.5" fill="none" vector-effect="non-scaling-stroke" stroke="currentColor" stroke-width="1.5"/> 633</svg> 634 635 </label> 636 <div class="mobile-menu__label"> 637 Ceramics 638 </div> 639 <div class="mobile-menu__right"></div> 640 </div> 641 <div class="mobile-menu__section mobile-menu__section--body"> 642 <div class="mobile-menu__nav"> 643 <ul class="mobile-menu__list"> 644 645 <li class="mobile-menu__list-item"> 646 <a class="mobile-menu__link" href="/collections/mugs"> 647 Mugs 648 </a> 649 </li> 650 651 <li class="mobile-menu__list-item"> 652 <a class="mobile-menu__link" href="/collections/bowls"> 653 Bowls 654 </a> 655 </li> 656 657 <li class="mobile-menu__list-item"> 658 <a class="mobile-menu__link" href="/collections/figurines"> 659 Figurines 660 </a> 661 </li> 662 663 <li class="mobile-menu__list-item"> 664 <a class="mobile-menu__link" href="/collections/paraphernalia"> 665 Paraphernalia 666 </a> 667 </li> 668 669 <li class="mobile-menu__list-item"> 670 <a class="mobile-menu__link" href="/collections/altarware"> 671 Altarware 672 </a> 673 </li> 674 675 </ul> 676 </div> 677 </div> 678 </div> 679 680 </li> 681 682 <li class="mobile-menu__list-item"> 683 684 <a 685 href="/pages/writing" 686 class="mobile-menu__link" 687 > 688 Writing 689 </a> 690 691 692 693 </li> 694 695 <li class="mobile-menu__list-item"> 696 697 <a 698 href="/pages/about" 699 class="mobile-menu__link" 700 > 701 About 702 </a> 703 704 705 706 </li> 707 708 709 710 </ul> 711 </div> 712 </div> 713 <div class="mobile-menu__section mobile-menu__section--socials"> 714 <div class="mobile-menu__list-social"> 715 <ul class="mobile-menu__socials"> 716 717 718 719 720 721 <li class="mobile-menu__social"> 722 <a 723 724 href="https://instagram.com/drnataliedee" 725 726 target="_blank" 727 class="mobile-menu__social-link" 728 aria-label="Instagram (opens in a new tab)" 729 > 730 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 731<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"/> 732</svg> 733 734 735 </a> 736 </li> 737 738 739 740 </ul> 741 </div> 742 </div> 743 </div> 744</aside> 745
746<script> 747 const currencyData = { 748 locale: 'en-US', 749 currency: 'USD', 750 showTax: false, 751 } 752</script>
752 753 754 755 756</div> 757 </div> 758 759 <main id="main-content" class="page__main"> 760 <div class="main"> 761 <div class="main__sections" data-testid="main.sections"> 762 <div id="fw-section-image-with-text-95e86213-1f08-4f9f-becf-3d8938d58527" class="fw-section"><style> 763 .section-fw-section-image-with-text-95e86213-1f08-4f9f-becf-3d8938d58527-padding { 764 padding-top: 36px; 765 padding-bottom: 36px; 766 } 767 768 @media screen and (min-width: 640px) { 769 .section-fw-section-image-with-text-95e86213-1f08-4f9f-becf-3d8938d58527-padding { 770 padding-top: 48px; 771 padding-bottom: 48px; 772 } 773 } 774</style> 775 776<section data-testid="main.single.section" data-section-id="fw-section-image-with-text-95e86213-1f08-4f9f-becf-3d8938d58527" class="image-with-text section-fw-section-image-with-text-95e86213-1f08-4f9f-becf-3d8938d58527-padding"> 777 <div class="container wrapper"> 778 <div class="col-grid col-grid--middle col-grid--2-cols@md"> 779 <div> 780 781 <div class="image-with-text__image-container"> 782 783 <img src="https://imgproxy.fourthwall.dev/iZXjkXHv74_yLFhpDJawMf3JbTnI8KNNw67YSA8dX8Y/w:1024/sm:1/enc/WK3HA83uHjh4QVhb/L34CcLChuWPj7Sv5/stPwey66WkgYv1jU/d1vlUJOyq4xXRlmm/IlPST7D_X0JerlTc/jOSeDs2t829QjL5F/-ju3jcgqwR7lPt5b/n34hRmXFmXKe9fSG/WGdWpuU2tL1O-ShT/fK_4K9JFfkl8KPwg/FgmMgFcEmMR5Fcoz/xfEb6S4HXupWTe4r/P_AR2mkUPWAKhVn-/YX3BvZp9__CL1VzO/GSi2gNNWMNHBU81q/wF333ecDjFPK1BPq.webp" alt="" srcset="https://imgproxy.fourthwall.dev/3ZAghncrNqNH7M-NQOmF86tGW9ITkE7S8ZRcLG9-zZo/w:375/sm:1/enc/WK3HA83uHjh4QVhb/L34CcLChuWPj7Sv5/stPwey66WkgYv1jU/d1vlUJOyq4xXRlmm/IlPST7D_X0JerlTc/jOSeDs2t829QjL5F/-ju3jcgqwR7lPt5b/n34hRmXFmXKe9fSG/WGdWpuU2tL1O-ShT/fK_4K9JFfkl8KPwg/FgmMgFcEmMR5Fcoz/xfEb6S4HXupWTe4r/P_AR2mkUPWAKhVn-/YX3BvZp9__CL1VzO/GSi2gNNWMNHBU81q/wF333ecDjFPK1BPq.webp 375w, https://imgproxy.fourthwall.dev/hK997KUVteSQBI3deDSY8caE5MfrbYlFZM5ceiFF18c/w:768/sm:1/enc/WK3HA83uHjh4QVhb/L34CcLChuWPj7Sv5/stPwey66WkgYv1jU/d1vlUJOyq4xXRlmm/IlPST7D_X0JerlTc/jOSeDs2t829QjL5F/-ju3jcgqwR7lPt5b/n34hRmXFmXKe9fSG/WGdWpuU2tL1O-ShT/fK_4K9JFfkl8KPwg/FgmMgFcEmMR5Fcoz/xfEb6S4HXupWTe4r/P_AR2mkUPWAKhVn-/YX3BvZp9__CL1VzO/GSi2gNNWMNHBU81q/wF333ecDjFPK1BPq.webp 768w, https://imgproxy.fourthwall.dev/iZXjkXHv74_yLFhpDJawMf3JbTnI8KNNw67YSA8dX8Y/w:1024/sm:1/enc/WK3HA83uHjh4QVhb/L34CcLChuWPj7Sv5/stPwey66WkgYv1jU/d1vlUJOyq4xXRlmm/IlPST7D_X0JerlTc/jOSeDs2t829QjL5F/-ju3jcgqwR7lPt5b/n34hRmXFmXKe9fSG/WGdWpuU2tL1O-ShT/fK_4K9JFfkl8KPwg/FgmMgFcEmMR5Fcoz/xfEb6S4HXupWTe4r/P_AR2mkUPWAKhVn-/YX3BvZp9__CL1VzO/GSi2gNNWMNHBU81q/wF333ecDjFPK1BPq.webp 1024w" width="1112" height="890" sizes="(max-width: 767px) 100vw, 50vw" class="image-with-text__image" loading="lazy"> 784 </div> 785 786 </div> 787 788 <div class="image-with-text__content"> 789 <h2 class="image-with-text__heading image-with-text__heading--left image-with-text__heading--md">HELLO</h2> 790 791 <div class="image-with-text__text image-with-text__text--left"> 792 <div class="html-formatter"> 793 <p>My name is Natalie Dee and I'm an artist and internet elder statesman living in central Vermont. I have been creating art and content online since 2002. </p> 794<p>Whether it's comics, writing, podcasts covering a variety of topics, or aesthetic projects such as Super Black Lacquers and art direction at Da Share Z0ne, I'm committed to human-made art that is created with a focus on quality. </p> 795<p>When you purchase a ceramic item, you can be assured that the piece is absolutely unique, and that a real person spent hours thinking, planning, throwing, trimming, painting, glazing, firing, and singing to it as it made the journey from mud to completion. The creation of my ceramic work is a meditation, and I hope that the focus and attention I put into each unique piece brings you happiness.</p> 796 </div> 797 </div> 798 799 800 <div class="image-with-text__cta-container image-with-text__cta-container--left"> 801 802 803 <div class="image-with-text__cta"> 804 <a 805 href="/collections/all" 806 class="button button--primary button--large button--expand" 807 > 808 809 Look What I Made! 810 </a> 811 </div> 812 813 814 </div> 815 816 </div> 817 </div> 818 </div> 819</section> 820 821</div> 822 823 824 <aside data-drawer="product" class="drawer"> 825 <div data-drawer-trigger-primary="product" class="drawer__background"></div> 826 827 <div class="drawer__content" aria-hidden="true" tabindex="-1"> 828 <div class="drawer__content-inner"> 829 <div class="product-drawer"> 830 <div class="product-drawer__section"> 831 <div class="product-drawer__header"> 832 <div class="product-drawer__header-item product-drawer__header-item--tick"> 833 <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"> 834 <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"/> 835</svg> 836 837 </div> 838 839 <div class="product-drawer__header-item product-drawer__header-item--heading"> 840 <h2 class="product-drawer__heading h4">Added to cart</h2> 841 </div> 842 843 <div class="product-drawer__header-item product-drawer__header-item--close"> 844 <button data-drawer-trigger-primary="product" class="product-drawer__close" data-testid="product.close.dialog"> 845 <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"> 846 <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"/> 847</svg> 848 849 </button> 850 </div> 851 </div> 852 </div> 853 854 <div class="product-drawer__section"> 855 <div class="product-drawer__item-info"> 856 <div class="inline-image"> 857 <div class="inline-image__image"> 858 <div class="image image--background-color"> 859 <div data-product-info="image-container" class="image__object"></div> 860 </div> 861 </div> 862 863 <div class="inline-image__content"> 864 <div data-product-info="title" class="inline-image__heading"> 865 866 </div> 867 <p data-product-info="price" class="inline-image__price"></p> 868 <p class="inline-image__quantity"> 869 Quantity:
870 <span data-product-info="quantity"></span> 871 </p> 872 </div> 873 </div> 874 </div> 875 </div> 876 877 <div class="product-drawer__section"> 878 <div class="product-drawer__subtotal"> 879 <div class="product-drawer__subtotal-item"> 880 <span class="product-drawer__subtotal-label"> 881 Cart Subtotal (<span data-product-info="cart-quantity"></span>): 882 </span> 883 </div> 884 885 <div class="product-drawer__subtotal-item product-drawer__subtotal-item--value"> 886 <span data-product-info="cart-price" class="product-drawer__subtotal-value"></span> 887 </div> 888 </div> 889 </div> 890 891 <div class="product-drawer__section"> 892 <div class="product-drawer__cta"> 893 <div class="product-drawer__cta-item product-drawer__cta-item--view-cart"> 894 <a 895 href="/cart" 896 class="button button--secondary button--expand" 897 > 898 View Cart 899 </a> 900 </div> 901 902 <div class="product-drawer__cta-item product-drawer__cta-item--checkout"> 903 <form 904 action="/cart" 905 method="post" 906 novalidate 907 class="product-drawer__checkout-form" 908 > 909 <button 910 type="submit" 911 name="checkout" 912 class="button button--primary button--expand" 913 > 914 Checkout 915 </button> 916 </form> 917 </div> 918 </div> 919 </div> 920 921 <product-recommendations-drawer product-id="" class="product-drawer__section" /> 922 923 </div> 924 </div> 925 </div> 926 </aside> 927 928 </div> 929</div> 930 931 </main> 932 933 <div class="page__footer"> 934 <div id="fw-section-footer" class="fw-section"><style> 935 .section-fw-section-footer-padding { 936 padding-top: 15px; 937 padding-bottom: 15px; 938 } 939 940 @media screen and (min-width: 640px) { 941 .section-fw-section-footer-padding { 942 padding-top: 20px; 943 padding-bottom: 20px; 944 } 945 } 946</style> 947 948 949 950 951 952 953 954 955 956 957 958 959 960 961 962 963<footer data-testid="main.single.section" class="footer footer--center section-fw-section-footer-padding"> 964 965 <div class="wrapper "> 966 <div class="footer__inner"> 967 968 <div class="footer__top"> 969 <div class="col-grid col-grid--middle"> 970 <div> 971 972 <div class="footer__socials"> 973 <ul class="footer__list footer__list--socials"> 974 975 976 977 978 979 <li class="footer__list-item footer__list-item--social"> 980 <a 981 982 href="https://instagram.com/drnataliedee" 983 984 target="_blank" 985 class="footer__social-link" 986 aria-label="Instagram (opens in a new tab)" 987 > 988 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 989<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"/> 990</svg> 991 992 993 </a> 994 </li> 995 996 997 998 </ul> 999 </div> 1000 1001 </div> 1002 1003 <div> 1004 <nav class="footer__nav" aria-label="Footer"> 1005 <ul class="footer__list footer__list--menu"> 1006 1007 1008 1009 1010 1011 <li class="footer__list-item"> 1012 <a href="/pages/terms-of-service" class="footer__menu-link" >Terms of Service</a> 1013 </li> 1014 1015 <li class="footer__list-item"> 1016 <a href="/pages/privacy-policy" class="footer__menu-link" >Privacy Policy</a> 1017 </li> 1018 1019 <li class="footer__list-item"> 1020 <a href="/pages/returns-faq" class="footer__menu-link" >Returns & FAQ</a> 1021 </li> 1022 1023 <li class="footer__list-item"> 1024 <a href="/contact" class="footer__menu-link" >Contact Support</a> 1025 </li> 1026 1027 <li class="footer__list-item"> 1028 <a href="/pages/contact" class="footer__menu-link" >Contact</a> 1029 </li> 1030 1031 1032 </ul> 1033 </nav> 1034 </div> 1035 </div> 1036 </div> 1037 1038 <div class="footer__bottom"> 1039 <ul class="footer__list footer__list--bottom"> 1040 <li class="footer__list-item">
1040<div class="footer__copy">© 2026 Natalie Dee</div></li> 1041 1042 </ul> 1043 </div> 1044 1045 </div> 1046 </div> 1047</footer> 1048 1049 1050</div> 1051 </div> 1052 </div> 1053 1054
1054<script> 1055 var fourthwallTheme = { 1056 strings: { 1057 addToCart: "Add to Cart", 1058 redeemGift: "Redeem Your Gift", 1059 viewCart: "View Cart", 1060 checkout: "Checkout", 1061 outOfStock: "Out of Stock", 1062 unavailable: "Not Available", 1063 soldOut: "Sold Out", 1064 soldOutSuffix: " - Sold Out", 1065 missingQuantityError: "Please choose the quantity.", 1066 generalError: "An error occurred. Please try refreshing the page.", 1067 item: "item", 1068 items: "items", 1069 startShopping: "Start Shopping", 1070 subtotal: "Subtotal", 1071 plusTax: "(plus tax)", 1072 backToShopping: "Back to Shopping", 1073 cart: { 1074 heading: "[item_count] [item_count_label] in your cart for [total]", 1075 emptyHeading: "Your Shopping Cart is Empty", 1076 tableHeader: { 1077 item: "Item", 1078 quantity: "Quantity", 1079 price: "Price" 1080 }, 1081 deleteModal: { 1082 heading: "Are you sure you want to remove [title] from your cart?", 1083 cancel: "Cancel", 1084 delete: "Delete" 1085 } 1086 }, 1087 newsletter: { 1088 missingEmailError: 'Please enter your email.', 1089 invalidEmailError: 'Please enter a valid email.', 1090 subscribeSuccess: 'Thanks for subscribing!' 1091 }, 1092 donation: { 1093 missingAmountError: 'Please select or enter the donation amount.', 1094 invalidAmountError: 'Please enter a valid donation amount.', 1095 missingNameError: 'Please enter your name.', 1096 missingMessageError: 'Please enter the message.' 1097 }, 1098 checkoutErrors: { 1099 default: "There was an issue with your checkout. Please review your cart and try again.", 1100 CHECKOUT_CART_ITEMS_CHANGED: "Your cart has changed since you started checkout. Please review your items and try again.", 1101 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." 1102 } 1103 }, 1104 urls: { 1105 cart: "/cart", 1106 cartItemLocalizedPrefix: "", 1107 cartAddUrl: "/cart/add", 1108 cartChangeUrl: "/cart/change", 1109 productsUrlPrefix: "/products", 1110 allProductsCollection: "/collections/all", 1111 } 1112 }; 1113</script>
1113 1114 1115 1116
1116<script src="https://themes.fourthwall.dev/themes-library/assets/5d5867e7-e64a-481b-91f3-6f5c283853bf/assets/theme.js?v=331899505b2cc5e82dd4ae2bc725397941971302b9f339a55a53775b9c79ebfe" rel="preload" integrity="sha256-MxiZUFssxegt1K4rxyU5eUGXEwK58zmlWlN3W5x56/4=" crossorigin="anonymous"></script>
1116 1117 1118 1119<div id="cookie-consent-banner-container" data-turbo-permanent="true"></div> 1120 1121 1122 <div class="admin-bar-container hidden"> 1123 <div id="admin-bar" class="admin-bar sticky hidden"> 1124 <div class="wrapper"> 1125 <div> 1126 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> 1127 <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"/> 1128 </svg> 1129 </div> 1130 <div class="actions"> 1131 <div class='desktop'> 1132 <div class="dropdown"> 1133 <button class="dropdown-button desktop-switcher pill" data-target="desktop-switcher">View as: </button> 1134 <div class="dropdown-content" id="desktop-switcher"> 1135 <ul> 1136 <li class="dropdown-item" data-mode="creator">Admin</li> 1137 <li class="dropdown-item" data-mode="supporter">Supporter</li> 1138 </ul> 1139 </div> 1140 </div> 1141 <a href="/admin/dashboard/store-design/layout/db399117-355c-4cf6-b937-828c46cbdad9/" class='pill edit-page' rel='noopener noreferrer'>Edit page</a> 1142 <a href="/admin/dashboard" rel="noopener noreferrer" class="pill dashboard-link">Go to dashboard</a> 1143 </div> 1144 1145 <div class='mobile'> 1146 <div class="dropdown"> 1147 <button class="dropdown-button pill mobile-switcher" data-target="mobile-switcher">View as</button> 1148 <div class="dropdown-content" id="mobile-switcher"> 1149 <ul> 1150 <li class="dropdown-item" data-mode="creator">Admin</li> 1151 <li class="dropdown-item" data-mode="supporter">Supporter</li> 1152 </ul> 1153 </div> 1154 </div> 1155 1156 <div class="dropdown mobile"> 1157 <button class="dropdown-button pill" data-target="mobile-links"> 1158 <svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1159 <g id="Dots horizontal"> 1160 <g> 1161 <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"/> 1162 <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"/> 1163 <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"/> 1164 </g> 1165 </g> 1166 </svg> 1167 </button> 1168 <div class="dropdown-content" id="mobile-links"> 1169 <a href="/admin/dashboard" rel="noopener noreferrer" class="dropdown-item">Go to dashboard</a> 1170 </div> 1171 </div> 1172 </div> 1173 1174 <div class="pill close"> 1175 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1176 <g> 1177 <path d="M0.875 13.125L13.125 0.875M13.125 13.125L0.875 0.875" stroke="#FDFCFB" stroke-width="1.5" stroke-linejoin="bevel"/> 1178 </g> 1179 </svg> 1180 </div> 1181 </div> 1182 </div> 1183 </div> 1184 1185 <div id="admin-bar-small" class="admin-bar-small sticky hidden"> 1186 <div class="wrapper"> 1187 <div> 1188 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> 1189 <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
118914.613h-5.21L21.446 14.91 19.48 25.692h-5.237L10.862 11.08h4.61Z"/> 1190 </svg> 1191 </div> 1192 </div> 1193 </div> 1194</div> 1195
1196<script> 1197 const cookieModule = { 1198 setCookie: function (name, value, days = 365, maxAge) { 1199 const expires = new Date(Date.now() + days * 24 * 60 * 60 * 1000).toUTCString(); 1200 let cookieString = `${name}=${value}; expires=${expires}; path=/`; 1201 1202 if (maxAge) { 1203 cookieString += `; max-age=${maxAge}`; 1204 } 1205 1206 document.cookie = cookieString; 1207 }, 1208 1209 getCookie: function (name) { 1210 const cookie = document.cookie.split(';').find(c => c.trim().startsWith(`${name}=`)); 1211 return cookie ? cookie.split('=')[1] : null; 1212 } 1213 }; 1214 1215 const AdminBar = { 1216 adminBar: document.getElementById("admin-bar"), 1217 adminBarContainer: document.querySelector(".admin-bar-container"), 1218 adminBarSmall: document.getElementById("admin-bar-small"), 1219 closeButton: document.querySelector('#admin-bar .close'), 1220 viewAsDesktopButton: document.querySelector(".desktop-switcher"), 1221 dropdownButtons: document.querySelectorAll(".dropdown-button"), 1222 dropdownContents: document.querySelectorAll(".dropdown-content"), 1223 inIframe: () => { 1224 try { 1225 return window.self !== window.top; 1226 } catch (e) { 1227 return true; 1228 } 1229 }, 1230 inThemeEditor: () => cookieModule.getCookie('view_as') === 'theme_editor' || AdminBar.inIframe(), 1231 viewAsCreator: () => cookieModule.getCookie('view_as') === 'creator', 1232 viewAsSupporter: () => cookieModule.getCookie('view_as') === 'supporter', 1233 verifyCreator: () => { 1234 document.cookie = 'return_to=' + window.location.href + '; path=/; max-age=30;'; 1235 window.location.href = '/platform/creators/handoff/start?return=' + encodeURIComponent(window.location.pathname + window.location.search); 1236 }, 1237 getSelectedView: () => (AdminBar.viewAsCreator() ? 'Admin' : 'Supporter'), 1238 toggleDropdown: (dropdownContent) => { 1239 dropdownContent.style.display = dropdownContent.style.display === 'none' || dropdownContent.style.display === '' ? 'block' : 'none'; 1240 }, 1241 init() { 1242 if ( 1243 !AdminBar.inThemeEditor() && 1244 cookieModule.getCookie('core_dashboard_visited') 1245 ) { 1246 AdminBar.viewAsDesktopButton.textContent = 'View as: ' + AdminBar.getSelectedView(); 1247 AdminBar.adminBarContainer.classList.toggle('hidden'); 1248 if (cookieModule.getCookie('admin_bar_mode') === 'condensed') { 1249 AdminBar.adminBarSmall.classList.toggle('hidden'); 1250 } else { 1251 AdminBar.adminBar.classList.toggle('hidden'); 1252 } 1253 } 1254 1255 AdminBar.closeButton.addEventListener('click', () => { 1256 cookieModule.setCookie('admin_bar_mode', 'condensed'); 1257 AdminBar.adminBar.classList.toggle('hidden'); 1258 AdminBar.adminBarSmall.classList.toggle('hidden'); 1259 }); 1260 1261 AdminBar.adminBarSmall.addEventListener('click', () => { 1262 cookieModule.setCookie('admin_bar_mode', 'expanded'); 1263 AdminBar.adminBar.classList.toggle('hidden'); 1264 AdminBar.adminBarSmall.classList.toggle('hidden'); 1265 }); 1266 1267 // Add event listeners to each dropdown button 1268 AdminBar.dropdownButtons.forEach((button) => { 1269 button.addEventListener("click", () => { 1270 const dropdownId = button.getAttribute("data-target"); 1271 const dropdownContent = document.getElementById(dropdownId); 1272 AdminBar.toggleDropdown(dropdownContent); 1273 }); 1274 }); 1275 1276 // Close the dropdowns when clicking outside 1277 document.addEventListener("click", (event) => { 1278 AdminBar.dropdownButtons.forEach((button) => { 1279 const dropdownId = button.getAttribute("data-target"); 1280 const dropdownContent = document.getElementById(dropdownId); 1281 if (event.target !== button && !button.contains(event.target) && event.target !== dropdownContent) { 1282 dropdownContent.style.display = "none"; 1283 } 1284 }); 1285 }); 1286 1287 document.querySelectorAll(".dropdown-content li").forEach((item) => { 1288 item.addEventListener("click", (event) => { 1289 const mode = event.target.getAttribute("data-mode"); 1290 if (mode === 'creator') { 1291 cookieModule.setCookie('view_as', 'creator'); 1292 AdminBar.verifyCreator(); 1293 } else { 1294 cookieModule.setCookie('view_as', 'supporter'); 1295 window.location.reload(); 1296 } 1297 }); 1298 }); 1299 }, 1300 }; 1301
1302 AdminBar.init(); 1303</script>
1303 1304 1305<style> 1306 .admin-bar-container { 1307 height: 56px; 1308 } 1309 1310 .hidden { 1311 display: none; 1312 } 1313 1314 .admin-bar, 1315 .admin-bar-small { 1316 z-index: 1000; 1317 background-color: rgba(0, 0, 0, 0.7); 1318 backdrop-filter: blur(15px); 1319 -webkit-backdrop-filter: blur(15px); 1320 height: 56px; 1321 width: 100%; 1322 } 1323 1324 .admin-bar-small { 1325 width: 73px; 1326 cursor: pointer; 1327 } 1328 1329 .sticky { 1330 position: fixed; 1331 bottom: 0; 1332 } 1333 1334 .admin-bar a { 1335 color: #FDFCFB; 1336 padding: 14px; 1337 font-size: 14px; 1338 text-decoration: none; 1339 } 1340 1341 .admin-bar button { 1342 padding: 14px; 1343 font-size: 14px; 1344 } 1345 1346 .admin-bar .wrapper, 1347 .admin-bar-small .wrapper { 1348 display: flex; 1349 justify-content: space-between; 1350 align-items: center; 1351 padding: 10px 20px; 1352 } 1353 1354 .admin-bar-small .wrapper { 1355 padding: 12px 20px; 1356 } 1357 1358 .admin-bar .pill { 1359 display: flex; 1360 justify-content: center; 1361 align-items: center; 1362 gap: 10px; 1363 text-transform: capitalize; 1364 1365 padding: 6px 14px; 1366 border-radius: 100px; 1367 background: rgba(253, 252, 251, 0.12); 1368 1369 cursor: pointer; 1370 } 1371 1372 .admin-bar .pill:hover { 1373 background: rgba(253, 252, 251, 0.22); 1374 } 1375 1376 .admin-bar .close { 1377 padding: 6px 11px; 1378 } 1379 1380 .admin-bar .actions, 1381 .admin-bar .actions .desktop, 1382 .admin-bar .actions .mobile { 1383 display: flex; 1384 gap: 10px; 1385 } 1386 1387 .admin-bar .actions .desktop, 1388 .admin-bar .actions .edit-page { 1389 display: none; 1390 } 1391 1392 @media (min-width: 768px) { 1393 .admin-bar a, 1394 .admin-bar button { 1395 font-size: 16px; 1396 } 1397 1398 .admin-bar .actions .desktop, 1399 .admin-bar .actions .edit-page { 1400 display: flex; 1401 gap: 10px; 1402 } 1403 1404 .admin-bar .actions .mobile { 1405 display: none; 1406 } 1407 } 1408 1409 .dropdown { 1410 position: relative; 1411 } 1412 1413 .dropdown-content { 1414 display: none; 1415 position: absolute; 1416 background-color: rgba(0,0,0,0.9); 1417 min-width: 130px; 1418 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 1419 bottom: 100%; /* Position above the button */ 1420 border-radius: 10px; 1421 bottom: calc((100% + 8px) - 0px); 1422 right: 0; 1423 } 1424 1425 /* Style for each list item */ 1426 .dropdown-content .dropdown-item { 1427 color: white; 1428 padding: 12px 16px; 1429 text-decoration: none; 1430 white-space: nowrap; 1431 display: block; 1432 cursor: pointer; 1433 border-radius: 10px; 1434 } 1435 1436 .dropdown-content .dropdown-item:hover { 1437 background-color: rgba(255,255,255,0.2) 1438 } 1439 1440 /* Style for the button */ 1441 .dropdown-button { 1442 color: white; 1443 padding: 10px 20px; 1444 border: none; 1445 border-radius: 5px; 1446 cursor: pointer; 1447 line-height: 24px; 1448 } 1449</style> 1450 1451</body> 1452</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.