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://hautepng.com/pages/news" /> 8 9 <title>news | haute.png</title> 10 11 12<meta name="description" content="See official contests, events, and news (oãâ½ã)o ⹠࣪ ËÍ¡ÍÍâ ð«ðð¶ð¸ð_ð©ðððððð_ð¢ðð¾ðððð ⹠࣪ ËÍ¡ÍÍâ purveyor of cute bags and accessories" /> 13<meta property="og:site_name" content="haute.png" /> 14<meta property="og:url" content="https://hautepng.com/pages/news" /> 15<meta property="og:description" content="See official contests, events, and news (oãâ½ã)o ⹠࣪ ËÍ¡ÍÍâ ð«ðð¶ð¸ð_ð©ðððððð_ð¢ðð¾ðððð ⹠࣪ ËÍ¡ÍÍâ purveyor of cute bags and accessories" /> 16 17 18 19 20 21<meta property="og:title" content="news | haute.png" /> 22<meta property="og:type" content="website" /> 23 24 25 <meta property="og:image" content="https://imgproxy.fourthwall.dev/jG9CeZyytGaC6PwaTc8GlHywvJfN0b9lQ2-vVA3DsaI/w:1200/sm:1/enc/bfZERJ-PC3mDKaze/TRRxI56Q4XrpxXNn/kNsC6sCXnSDDHYaY/m1oxpMiq1G4gwobS/yAClJjk-AbUNcv5h/ZG4Tw4JY4_WivIPD/UTnXlQGY7zdcfgjX/LMA-EF1G5fMm-JEv/6VPLEDFyVxlqckGF/D4955EQtm8v6wUPW/KdGa-txf-fl-tfno/wWHe7HPkZi-zGCXr/O9Xf6RjUKnfpg8FX/aTRI1pPaeAIADnND/Cvm2t_0oi5wJuvTB/lsr1AgMuN41pRNU4.png" /> 26 <meta property="og:image:secure_url" content="https://imgproxy.fourthwall.dev/jG9CeZyytGaC6PwaTc8GlHywvJfN0b9lQ2-vVA3DsaI/w:1200/sm:1/enc/bfZERJ-PC3mDKaze/TRRxI56Q4XrpxXNn/kNsC6sCXnSDDHYaY/m1oxpMiq1G4gwobS/yAClJjk-AbUNcv5h/ZG4Tw4JY4_WivIPD/UTnXlQGY7zdcfgjX/LMA-EF1G5fMm-JEv/6VPLEDFyVxlqckGF/D4955EQtm8v6wUPW/KdGa-txf-fl-tfno/wWHe7HPkZi-zGCXr/O9Xf6RjUKnfpg8FX/aTRI1pPaeAIADnND/Cvm2t_0oi5wJuvTB/lsr1AgMuN41pRNU4.png" /> 27 <meta property="twitter:image" content="https://imgproxy.fourthwall.dev/jG9CeZyytGaC6PwaTc8GlHywvJfN0b9lQ2-vVA3DsaI/w:1200/sm:1/enc/bfZERJ-PC3mDKaze/TRRxI56Q4XrpxXNn/kNsC6sCXnSDDHYaY/m1oxpMiq1G4gwobS/yAClJjk-AbUNcv5h/ZG4Tw4JY4_WivIPD/UTnXlQGY7zdcfgjX/LMA-EF1G5fMm-JEv/6VPLEDFyVxlqckGF/D4955EQtm8v6wUPW/KdGa-txf-fl-tfno/wWHe7HPkZi-zGCXr/O9Xf6RjUKnfpg8FX/aTRI1pPaeAIADnND/Cvm2t_0oi5wJuvTB/lsr1AgMuN41pRNU4.png" /> 28 29<meta name="twitter:card" content="summary_large_image" /> 30<meta name="twitter:title" content="news | haute.png" /> 31<meta name="twitter:description" content="See official contests, events, and news (oãâ½ã)o ⹠࣪ ËÍ¡ÍÍâ ð«ðð¶ð¸ð_ð©ðððððð_ð¢ðð¾ðððð ⹠࣪ ËÍ¡ÍÍâ purveyor of cute bags and accessories" /> 32 33 34 <link rel="shortcut icon" href="https://imgproxy.fourthwall.dev/VR8V1nEWdnZMXwc2TLqwHq12les649fNzZruqJy--RU/s:96:96/sm:1/enc/kaK1RD-0rEPbF-WQ/bWarpdK7Gc_tysTJ/viPY9xKY483_vhVj/gw07Y7NLW_fEUh9I/bor56JiUgMzbazx5/bbuc7ZomgDKQNwM3/mEvcry8i5ipn0B-A/wCQIyJX7FLDhTDra/QGgO99P2yX_rQvnU/4DPAsCdqqqkJWxmP/HHEnzjY6wLLyUiNG/KqGd0yFSa_MT4TV2/f8wsHeSxQp8ADTLa/Exs1HCzb-Tkrjlfp/8y9qJiietww-YOSA/H4Umoj2NqeIZY07x.webp" sizes="96x96" type="image/png" /> 35<link rel="shortcut icon" href="https://imgproxy.fourthwall.dev/RU9GzzURG9GKPoQKFsmPlCv5AkqI_CZcSVGeEnhJ8lM/s:48:48/sm:1/enc/kaK1RD-0rEPbF-WQ/bWarpdK7Gc_tysTJ/viPY9xKY483_vhVj/gw07Y7NLW_fEUh9I/bor56JiUgMzbazx5/bbuc7ZomgDKQNwM3/mEvcry8i5ipn0B-A/wCQIyJX7FLDhTDra/QGgO99P2yX_rQvnU/4DPAsCdqqqkJWxmP/HHEnzjY6wLLyUiNG/KqGd0yFSa_MT4TV2/f8wsHeSxQp8ADTLa/Exs1HCzb-Tkrjlfp/8y9qJiietww-YOSA/H4Umoj2NqeIZY07x.webp" sizes="48x48" type="image/png" /> 36 37 38 <link rel="apple-touch-icon" href="https://imgproxy.fourthwall.dev/BNzJNHrcVsg3jDuQEGDXNfwBibfmbE6kQqMkb_iMSKk/s:180:180/sm:1/enc/kaK1RD-0rEPbF-WQ/bWarpdK7Gc_tysTJ/viPY9xKY483_vhVj/gw07Y7NLW_fEUh9I/bor56JiUgMzbazx5/bbuc7ZomgDKQNwM3/mEvcry8i5ipn0B-A/wCQIyJX7FLDhTDra/QGgO99P2yX_rQvnU/4DPAsCdqqqkJWxmP/HHEnzjY6wLLyUiNG/KqGd0yFSa_MT4TV2/f8wsHeSxQp8ADTLa/Exs1HCzb-Tkrjlfp/8y9qJiietww-YOSA/H4Umoj2NqeIZY07x.webp" 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/d326f008-3e25-4e6c-b39c-81878d3b08de/assets/vendor.css?v=b1b11eb5397f6f25bd27f727622a7b127d42cd4e0ede0f0b643a4ec082686d92" media="all" integrity="sha256-sbEetTl/byW9J/cnYip7En1CzU4O3g8LZDpOw
45IJobZI=" crossorigin="anonymous" /> 46 47 <link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes/assets/20102d10-75d4-489c-bb78-455396abb331/assets/styles/css-variables.scss.css?v=141f674f8f7788d8cccd59bcbdcfc05676eafc8f1a30fe29ea168f41c146e5e5" media="all" integrity="sha256-FB9nT493iNjMzVm8vc/AVnbq/I8aMP4p6haPQcFG5eU=" crossorigin="anonymous" /> 48 <link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes/assets/20102d10-75d4-489c-bb78-455396abb331/assets/styles/theme.scss.css?v=680b365b48480cc23a8e8bc8bbd109435154107c43470aad0301c0b2ab144218" media="all" integrity="sha256-aAs2W0hIDMI6jovIu9EJQ1FUEHxDRwqtAwHAsqsUQhg=" 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://hautepng.com/pages/news" hreflang="x-default" /> 55<link rel="alternate" href="https://hautepng.com/en-usd/pages/news" hreflang="en-AQ" /> 56<link rel="alternate" href="https://hautepng.com/en-usd/pages/news" hreflang="en-AS" /> 57<link rel="alternate" href="https://hautepng.com/en-usd/pages/news" hreflang="en-BQ" /> 58<link rel="alternate" href="https://hautepng.com/en-usd/pages/news" hreflang="en-EC" /> 59<link rel="alternate" href="https://hautepng.com/en-usd/pages/news" hreflang="en-FM" /> 60<link rel="alternate" href="https://hautepng.com/en-usd/pages/news" hreflang="en-GU" /> 61<link rel="alternate" href="https://hautepng.com/en-usd/pages/news" hreflang="en-IO" /> 62<link rel="alternate" href="https://hautepng.com/en-usd/pages/news" hreflang="en-MH" /> 63<link rel="alternate" href="https://hautepng.com/en-usd/pages/news" hreflang="en-MP" /> 64<link rel="alternate" href="https://hautepng.com/en-usd/pages/news" hreflang="en-PR" /> 65<link rel="alternate" href="https://hautepng.com/en-usd/pages/news" hreflang="en-PW" /> 66<link rel="alternate" href="https://hautepng.com/en-usd/pages/news" hreflang="en-SV" /> 67<link rel="alternate" href="https://hautepng.com/en-usd/pages/news" hreflang="en-TC" /> 68<link rel="alternate" href="https://hautepng.com/en-usd/pages/news" hreflang="en-UM" /> 69<link rel="alternate" href="https://hautepng.com/en-usd/pages/news" hreflang="en-US" /> 70<link rel="alternate" href="https://hautepng.com/en-usd/pages/news" hreflang="en-VG" /> 71<link rel="alternate" href="https://hautepng.com/en-usd/pages/news" hreflang="en-VI" /> 72<link rel="alternate" href="https://hautepng.com/en-usd/pages/news" hreflang="en-ZW" /> 73<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-AD" /> 74<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-AT" /> 75<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-AX" /> 76<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-BE" /> 77<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-BG" /> 78<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-BL" /> 79<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-CY" /> 80<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-DE" /> 81<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-EE" /> 82<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-ES" /> 83<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-FI" /> 84<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-FR" /> 85<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-GF" /> 86<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-GP" /> 87<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-GR" /> 88<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-HR" /> 89<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-IE" /> 90<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-IT" /> 91<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-LT" /> 92<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-LU" /> 93<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-LV" /> 94<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-MC" /> 95<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-ME" /> 96<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-MF" /> 97<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-MQ" /> 98<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-MT" /> 99<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-NL" /> 100<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-PM" /> 101<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-PT" /> 102<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-RE" /> 103<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-SI" /> 104<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-SK" /> 105<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-SM" /> 106<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-TF" /> 107<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-VA" /> 108<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-YT" /> 109<link rel="alternate" href="https://hautepng.com/en-eur/pages/news" hreflang="en-XK" /> 110<link rel="alternate" href="https://hautepng.com/en-cad/pages/news" hreflang="en-CA" /> 111<link rel="alternate" href="https://hautepng.com/en-gbp/pages/news" hreflang="en-GB" /> 112<link rel="alternate" href="https://hautepng.com/en-gbp/pages/news" hreflang="en-GG" /> 113<link rel="alternate" href="https://hautepng.com/en-gbp/pages/news" hreflang="en-GS" /> 114<link rel="alternate" href="https://hautepng.com/en-gbp/pages/news" hreflang="en-IM" /> 115<link rel="alternate" href="https://hautepng.com/en-gbp/pages/news" hreflang="en-JE" /> 116<link rel="alternate" href="https://hautepng.com/en-aud/pages/news" hreflang="en-AU" /> 117<link rel="alternate" href="https://hautepng.com/en-aud/pages/news" hreflang="en-CC" /> 118<link rel="alternate" href="https://hautepng.com/en-aud/pages/news" hreflang="en-CX" /> 119<link rel="alternate" href="https://hautepng.com/en-aud/pages/news" hreflang="en-HM" /> 120<link rel="alternate" href="https://hautepng.com/en-aud/pages/news" hreflang="en-KI" /> 121<link rel="alternate" href="https://hautepng.com/en-aud/pages/news" hreflang="en-NF" /> 122<link rel="alternate" href="https://hautepng.com/en-aud/pages/news" hreflang="en-NR" /> 123<link rel="alternate" href="https://hautepng.com/en-aud/pages/news" hreflang="en-TV" /> 124<link rel="alternate" href="https://hautepng.com/en-nzd/pages/news" hreflang="en-CK" /> 125<link rel="alternate" href="https://hautepng.com/en-nzd/pages/news" hreflang="en-NU" /> 126<link rel="alternate" href="https://hautepng.com/en-nzd/pages/news" hreflang="en-NZ" /> 127<link rel="alternate" href="https://hautepng.com/en-nzd/pages/news" hreflang="en-PN" /> 128<link rel="alternate" href="https://hautepng.com/en-nzd/pages/news" hreflang="en-TK" /> 129<link rel="alternate" href="https://hautepng.com/en-sek/pages/news" hreflang="en-SE" /> 130<link rel="alternate" href="https://hautepng.com/en-nok/pages/news" hreflang="en-BV" /> 131<link rel="alternate" href="https://hautepng.com/en-nok/pages/news" hreflang="en-NO" /> 132<link rel="alternate" href="https://hautepng.com/en-nok/pages/news" hreflang="en-SJ" /> 133<link rel="alternate" href="https://hautepng.com/en-dkk/pages/news" hreflang="en-DK" /> 134<link rel="alternate" href="https://hautepng.com/en-dkk/pages/news" hreflang="en-FO" /> 135<link rel="alternate" href="https://hautepng.com/en-dkk/pages/news" hreflang="en-GL" /> 136<link rel="alternate" href="https://hautepng.com/en-pln/pages/news" hreflang="en-PL" /> 137<link rel="alternate" href="https://hautepng.com/en-inr/pages/news" hreflang="en-IN" /> 138<link rel="alternate" href="https://hautepng.com/en-jpy/pages/news" hreflang="en-JP" /> 139<link rel="alternate" href="https://hautepng.com/en-myr/pages/news" hreflang="en-MY" /> 140<link rel="alternate" href="https://hautepng.com/en-sgd/pages/news" hreflang="en-SG" /> 141<link rel="alternate" href="https://hautepng.com/en-mxn/pages/news" hreflang="en-MX" /> 142<link rel="alternate" href="https://hautepng.com/en-brl/pages/news" hreflang="en-BR" /> 143<link rel="alternate" href="https://hautepng.com/en-chf/pages/news" hreflang="en-CH" /> 144<link rel="alternate" href="https://hautepng.com/en-chf/pages/news" 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 = 'haute.png'; 153 window.shopId = 'sh_946d8178-e19c-4aa6-8fea-ac3387e9e7cf'; 154 window.cookie_policy = 'Hide'; 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='#fdf0f6' /> 226<link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes/assets/20102d10-75d4-489c-bb78-455396abb331/assets/styles/custom_sections.css?v=82bba0db2f69c00c8168f3987463c9225b3f082313c9be3c642c28ebf2db59cd" media="all">
227<script data-host="https://app.microanalytics.io" data-dnt="false" src="https://app.microanalytics.io/js/script.js" id="ZwSg9rf6GA" async defer></script>
227 228<style> 229/*specific borders*/ 230#fw-section-rich-text-174059081628095 .html-formatter, 231#fw-section-rich-text-7db8678e-e1fb-4a83-ae72-ad45e276a869 .html-formatter, 232#fw-section-rich-text-21ba52b3-06b0-432c-ac72-e2e6b73d2e2d .html-formatter, 233#fw-section-rich-text-174059205576397 .html-formatter, 234#fw-section-rich-text-1d42c296-c9ab-45f2-9718-53016d668db1 .html-formatter, 235#fw-section-rich-text-985b7264-520c-40bd-b2bd-dde7e2457aaa .html-formatter, 236{ 237 background-color: transparent; 238 border-style: solid !important; 239 border-width: 7px; 240 border-image-source: url("https://i.imgur.com/ROjUrNz.gif"); 241 border-image-slice: 7 fill; 242 border-image-repeat: round; 243 border-image-outset: 0; 244 border-image-width: 1; 245 padding: 8px; 246} 247/*membership*/ 248#fw-section-rich-text-dc30183b-ed79-475b-9a01-e09298d4e95a .html-formatter{ 249 background-color: transparent; 250 border-style: solid !important; 251 border-width: 7px; 252 border-image-source: url("https://cdn.fourthwall.com/offer/sh_946d8178-e19c-4aa6-8fea-ac3387e9e7cf/4c236e44-80a2-4427-acda-b08ab3625ed4.png"); 253 border-image-slice: 7 fill; 254 border-image-repeat: round; 255 border-image-outset: 0; 256 border-image-width: 1; 257 padding: 20px; 258 Font-size:1.1rem; 259 Line-height: 1.4; 260 font-family: "arial", sans-serif; 261 text-align: left; 262} 263.image--background-color{ 264 background-color: transparent; 265} 266/*remove padding for custom html*/ 267.custom-html{ 268 Padding: 0 !important; 269} 270/* fix footer in middle of page */ 271.page{ 272height: auto; 273} 274/* hide copyright */ 275.footer__bottom{ 276display: none; 277} 278/* less padding at top */ 279.footer__inner{ 280padding: 0; 281} 282/* header background*/ 283#fw-section-header{ 284background-color: transparent; 285 border-style: solid; 286 border-width: 0 0 7px 0; /* top border only */ 287 border-image-source: url("https://hautepng.neocities.org/border.gif"); 288 border-image-slice: 7 fill; 289 border-image-repeat: round; 290 border-image-outset: 0; 291 border-image-width: 1; 292 padding-bottom: 0px; 293} 294 295/* footer background*/ 296.page__footer{ 297background-color: transparent; 298 border-style: solid; 299 border-width: 7px 0 0 0; /* top border only */ 300 border-image-source: url("https://hautepng.neocities.org/border.gif"); 301 border-image-slice: 7 fill; 302 border-image-repeat: round; 303 border-image-outset: 0; 304 border-image-width: 1; 305 padding-bottom: 20px; 306 margin-top: 20px; 307} 308/* fonts */ 309@font-face { 310font-family: 'revod'; 311font-style: normal; 312font-weight: 400; 313font-display: swap; 314src: url(https://hautepng.neocities.org/REVOD___.woff2) format('woff2'); 315} 316@font-face { 317font-family: 'freepixel'; 318font-style: normal; 319font-weight: 400; 320font-display: swap; 321src: url(https://hautepng.neocities.org/FreePixel.woff2) format('woff2'); 322} 323@font-face { 324font-family: 'commodore'; 325font-style: normal; 326font-weight: 400; 327font-display: swap; 328src: url(https://xiaoyin.neocities.org/CommodorePixelized.woff2) format('woff2'); 329} 330@font-face { 331font-family: 'sfpixelate'; 332font-style: normal; 333font-weight: 400; 334font-display: swap; 335src: url(https://xiaoyin.neocities.org/SF%20Pixelate.woff2) format('woff2'); 336} 337body { 338--font-family-heading: "revod", sans-serif; 339--font-family-base: "freepixel", sans-serif; 340--font-size-base: 0.5rem; 341} 342.rich-text__heading{ /*heading-size*/ 343font-size: 5rem; 344} 345.rich-text__text{ 346font-size: 1rem; 347line-height: 1.4; 348} 349.checkout__section-title{ 350 font-size: 3rem; 351} 352 353.tiers__tier-title{ 354 font-family: "freepixel", sans-serif; 355} 356 357.tiers__tier{ 358 background-color: white; 359} 360/* CART */ 361/* big text at top */ 362.cart__header{ 363Margin: 0; 364Padding: 10px 0 25px 0; 365} 366.cart__items-header{ 367Display: none; 368} 369/* inputs */ 370.select-field, .input-field { 371Background-color: #fff; 372border: 1px solid #737373; 373} 374/* borders - collection page */ 375.collection-template__grid, .cart__content 376{ 377 background-color: transparent; 378 padding: 10px; 379 border-style: solid; 380 border-width: 7px; 381 border-image-source: url("https://cdn.fourthwall.com/offer/sh_946d8178-e19c-4aa6-8fea-ac3387e9e7cf/4c236e44-80a2-4427-acda-b08ab3625ed4.png"); 382 border-image-slice: 7 fill; 383 border-image-repeat: round; 384 border-image-outset: 0; 385 border-image-width: 1; 386} 387/*collection page*/ 388 .collection--padding{ 389 padding-top: ; 390 } 391/* border modal */ 392.modal__content{ 393 background-color: white; 394 border-style: solid; 395 border-width: 7px; 396 border-image-slice: 7 fill; 397 border-image-repeat: round; 398 border-image-outset: 0; 399 border-image-width: 1; 400 box-shadow: none; 401} 402/* "Items" */ 403.cart__items-header{ 404Display: none; 405} 406/* cart text mods */ 407.cart-item__title, .modal__heading { 408font-family: "freepixel", sans-serif; 409} 410.modal__heading { 411font-size: 1.2rem; 412} 413/* "back to shopping" */
414.cart-footer__continue{ 415Display: ; 416} 417.product__breadcrumbs{ 418display: none; 419} 420/* button styles */ 421.button { 422 font-family: "arial", sans-serif; 423 background-color: transparent; 424 border-style: solid; 425 border-width: 7px; 426 border-image-source: url("https://hautepng.neocities.org/borderdark.gif"); 427 border-image-slice: 7 fill; 428 border-image-repeat: round; 429 border-image-outset: 0; 430 border-image-width: 1; 431} 432/* option selectors */ 433.product-option__values { 434gap: 1px; 435} 436.radio-button { 437height: 50px; 438} 439.radio-button__label { 440margin-left: 0px; 441padding-top: 2px; 442border-radius: 15px; 443} 444/* mobile menu */ 445.drawer__content, drawer__content--small{ 446 background-color: #FDF0F6; 447} 448.mobile-menu { 449 background-color: transparent; 450 padding: 10px; 451 border-style: solid; 452 border-width: 0 15px 0 0; /* top right bottom left */ 453 border-image-source: url("https://i.imgur.com/ROjUrNz.gif"); 454 border-image-slice: 7 fill; 455 border-image-repeat: round; 456 border-image-outset: 0; 457 border-image-width: 1; 458} 459 460/* product page */ 461.product__info{ 462 margin-top: 0px !important; 463 Padding: 0px 10px 8px 10px; 464 border-style: solid; 465 border-width: 7px; 466 border-image-source: url("https://cdn.fourthwall.com/offer/sh_946d8178-e19c-4aa6-8fea-ac3387e9e7cf/4c236e44-80a2-4427-acda-b08ab3625ed4.png"); 467 border-image-slice: 7 fill; 468 border-image-repeat: round; 469 border-image-outset: 0; 470 border-image-width: 1; 471} 472@media only screen and (max-width: 768px) { 473 .product__info{ 474 margin-top: -20px !important; 475 } 476} 477 478.product-info{ 479Margin-top: -15px; 480} 481.product-info__title{ /*h2 style*/ 482Font-size: 2rem; 483padding-top: 5px; 484font-family: "arial", sans-serif; 485/*Background-color: red;*/ 486} 487.product-info__price{ 488 margin: 0; 489 padding: 0; 490 Font-size: 1.2rem; 491} 492.product-info__prices{ 493Margin-top: 5px !important; 494Padding: 0 !important; 495} 496.product-info__description{ 497Font-size:0.92rem; 498Line-height: 1.4; 499 font-family: "arial", sans-serif; 500 margin-top: 15px; 501} 502.product-info__cta{ 503margin-top: 15px; 504} 505.accordion__header { 506 padding: 20px 0; 507Background-color: none; 508} 509.accordion__heading { 510font-size: 1rem; 511font-family: "arial", sans-serif; 512 font-style: bolder; 513} 514.accordion { 515font-size: 1rem; 516Background-color: none; 517font-family: "arial", sans-serif; 518} 519/*Hide the sticky Add to Cart bar */ 520.sticky-add-to-cart, 521[data-sticky-add-to-cart] { 522 display: none !important; 523 visibility: hidden !important; 524 opacity: 0 !important; 525 height: 0 !important; 526 overflow: hidden !important; 527 pointer-events: none !important; 528} 529/* Extra safety in case the theme forces it back with inline styles */ 530.sticky-add-to-cart[style*="display: block"], 531.sticky-add-to-cart.is-visible { 532 display: none !important; 533} 534 535</style>
536<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"haute.png","description":"haute.png ⹠࣪ ËÍ¡ÍÍâ
ð«ðð¶ð¸ð_ð©ðððððð_ð¢ðð¾ðððð ⹠࣪ ËÍ¡ÍÍâ
purveyor of cute bags and accessories","url":"https://hautepng.com"}</script>
vendor: 1 bytes, line 536
536
537<script type="module"> 538 function iframeReady(section, iframe, url, appId, settings) { 539 const baseIframeUrl = url; 540 541 function buildUrl(url, params) { 542 if (!params) return url; 543 var qs = Object.keys(params) 544 .map((k) => encodeURIComponent(k) + '=' + encodeURIComponent(params[k])) 545 .join('&'); 546 return url + (url.includes('?') ? '&' : '?') + qs + '&' + settings; 547 } 548 549 const params = { 550 hmac: window.appHmac[appId], 551 timestamp: window.hmacTimestamp, 552 tier_id: window.tierId, 553 supporter_id: window.supporterId, 554 shop_id: window.shopId, 555 }; 556 557 iframe.src = buildUrl(baseIframeUrl, window.appHmac[appId] ? params : null); 558 iframe.onload = null 559 560 // Extract origin from URL for security checking 561 let expectedOrigin; 562 try { 563 expectedOrigin = new URL(url).origin; 564 } catch (e) { 565 console.warn('Could not parse URL origin:', url); 566 } 567 568 // Listen for messages specifically from this iframe 569 const messageHandler = (event) => { 570 // Check if the message is from this specific iframe 571 if (event.source !== iframe.contentWindow) { 572 return; // Ignore messages from other iframes/windows 573 } 574 575 // Optional: Also verify the origin for security 576 if (expectedOrigin && event.origin !== expectedOrigin) { 577 console.warn('Message received from unexpected origin:', event.origin); 578 return; 579 } 580 581 if (event.data.type === 'RESIZE') { 582 iframe.style.height = event.data.data.height + 'px'; 583 } else if (event.data.type === 'CLOSE') { 584 section.style.height = '0px'; 585 } 586 }; 587 588 window.addEventListener('message', messageHandler); 589 590 // Store the handler for cleanup (optional) 591 iframe._messageHandler = messageHandler; 592 } 593 594 class Hmac extends HTMLElement { 595 constructor() { 596 super() 597 this.section = this.parentElement.parentElement; 598 this.iframe = this.querySelector('iframe') 599 this.url = this.getAttribute('url') 600 this.appId = this.getAttribute('app_id') 601 this.settings = this.getAttribute('settings') 602 } 603 604 connectedCallback() { 605 if (this.iframe && this.iframe.contentDocument && this.iframe.contentDocument.readyState === 'complete') { 606 iframeReady(this.section, this.iframe, this.url, this.appId, this.settings) 607 } else { 608 this.iframe.onload = () => iframeReady(this.section, this.iframe, this.url, this.appId, this.settings) 609 } 610 } 611 612 disconnectedCallback() { 613 if (this.iframe && this.iframe._messageHandler) { 614 window.removeEventListener('message', this.iframe._messageHandler); 615 delete this.iframe._messageHandler; 616 } 617 } 618 } 619 620 customElements.define('app-hmac-component', Hmac) 621</script>
621 622 623 </head> 624 625 626 627 628 629 630 <body class="body page body--background-image repeat-scroll" style="background-image: url('https://imgproxy.fourthwall.dev/SjzqfFcDFqtK9dDOsa8ltLCVPcp5qFIbiwLMywOs0CI/w:1920/sm:1/enc/cRTnwIJFwBahwLEa/glmXGFdKaxRnKvb3/29VwMTC3T5LLFJep/Cob1NEeACWLhwkxi/BoMW3jGCczxpKLZ4/k5AhQUrXMGgAGgDB/tan3-BiuoqN8gWr9/hUlRR36RSD3mNh1E/STksU6Tg_MsYkY16/ZGadXBecdaJT3lK0/Rb6MMRlqP0scgbV5/qlEh8C_sbTs2gnS4/ro26C6kgjWNhGK7B/kFzssmLALW9TqyiY/mRGWSxdlLKwIjIcj/iJS7hooNOhFeBTL7.webp');"> 631 <!-- Google Tag Manager (noscript) --> 632<noscript><iframe src='/_c/ns.html?id=GTM-PV2BBNN' 633height='0' width='0' style='display:none;visibility:hidden'></iframe></noscript> 634<!-- End Google Tag Manager (noscript) --> 635 636 <a href="#main-content" class="skip-link">Skip to content</a> 637 638 <div class="page"> 639 <div> 640 <div id="fw-section-header" class="fw-section"> 641 642 643 644 645<sticky-header> 646<header data-testid="main.single.section" class="header"> 647 <div class="wrapper container"> 648 <div class="header__grid header--middle-center header__size--sm"> 649 <div class="header__mobile-menu hidden@sm"> 650 <button data-drawer-trigger-primary="mobile-menu" class="header__icon" aria-label="Open menu"> 651 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 652 <path fill-rule="evenodd" clip-rule="evenodd" d="M16 3.75H0V2.25H16V3.75ZM16 8.75H0V7.25H16V8.75ZM16 13.75H0V12.25H16V13.75Z" fill="currentColor"/> 653</svg> 654 655 </button> 656 </div> 657 658 659 660 <div class="header__logo-container"><h1 class="visually-hidden">haute.png</h1><div class="header__logo"> 661 <a href="/" class="header__logo-link"> 662 663 664 665 666 <img 667 src="https://imgproxy.fourthwall.dev/FMBczriT9g7M9udMyjh6RIUG4HAKJ96tYKvtTtyOioQ/w:320/sm:1/enc/mu6NvfH_dwNbcQ4h/i4nFTe2U4SNHiOf5/iqIF4kPy1EgdRUEN/oduhIaZxsQM1wFIv/__ooC6U6T9Pt44zs/sU5l7eH3weXJpASj/H5VaapXRxyw2aPRx/VbnjbAJk-qkfki0n/Uih1h5hdpoW0XAW9/5YUcPNheN5pyf4ZB/FTJfJwl3H42ZU4SA/LajrsSHg0x_lSlc_/Z9-xeDLMMLcvuJ09/bN-yMRncVOqZkBuO/lIgl1r2aFZtxPtxa/DlfBN14bZCRKJtFd.webp" 668 srcset="https://imgproxy.fourthwall.dev/FMBczriT9g7M9udMyjh6RIUG4HAKJ96tYKvtTtyOioQ/w:320/sm:1/enc/mu6NvfH_dwNbcQ4h/i4nFTe2U4SNHiOf5/iqIF4kPy1EgdRUEN/oduhIaZxsQM1wFIv/__ooC6U6T9Pt44zs/sU5l7eH3weXJpASj/H5VaapXRxyw2aPRx/VbnjbAJk-qkfki0n/Uih1h5hdpoW0XAW9/5YUcPNheN5pyf4ZB/FTJfJwl3H42ZU4SA/LajrsSHg0x_lSlc_/Z9-xeDLMMLcvuJ09/bN-yMRncVOqZkBuO/lIgl1r2aFZtxPtxa/DlfBN14bZCRKJtFd.webp 1x, https://imgproxy.fourthwall.dev/Xx9sODMzWX6ud3zLmdAXwM2a6pk5hoylV2G2vutMy1s/w:320/dpr:2/sm:1/enc/mu6NvfH_dwNbcQ4h/i4nFTe2U4SNHiOf5/iqIF4kPy1EgdRUEN/oduhIaZxsQM1wFIv/__ooC6U6T9Pt44zs/sU5l7eH3weXJpASj/H5VaapXRxyw2aPRx/VbnjbAJk-qkfki0n/Uih1h5hdpoW0XAW9/5YUcPNheN5pyf4ZB/FTJfJwl3H42ZU4SA/LajrsSHg0x_lSlc_/Z9-xeDLMMLcvuJ09/bN-yMRncVOqZkBuO/lIgl1r2aFZtxPtxa/DlfBN14bZCRKJtFd.webp 2x" 669 alt="haute.png" 670 class="header__logo-image header__logo-image--sm" 671 itemprop="logo" 672 > 673 674 </a> 675 </div> 676 </div> 677 678 679 <div class="header__nav-container visible@sm"> 680 <nav class="header__nav" aria-label="Primary"> 681 <ul class="header__list list--horizontal"> 682 683 <li class="header__list-item"> 684 <a 685 href="/" 686 class="header__link" 687 688 > 689 home 690 691 692 </a> 693 694 695 </li> 696 697 <li class="header__list-item"> 698 <a 699 href="/pages/haute-mail-club" 700 class="header__link" 701 702 > 703 mail club 704 705 706 </a> 707 708 709 </li> 710 711 <li class="header__list-item"> 712 <a 713 href="/collections/all" 714 class="header__link" 715 716 > 717 shop 718 719 720 </a> 721 722 723 </li> 724 725 <li class="header__list-item"> 726 <a 727 href="/pages/returns-faq" 728 class="header__link header__link--icon" 729 730 > 731 info 732 733 734 <span class="header__link-icon"> 735 <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"> 736 <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"/> 737</svg> 738 739 </span> 740 741 </a> 742 743 744 <div class="header__dropdown"> 745 <ul class="header__dropdown-inner"> 746 747 <li class="header__dropdown-item"> 748 <a class="header__dropdown-link" href="/pages/about" > 749 about 750 </a> 751 </li> 752 753 <li class="header__dropdown-item"> 754 <a class="header__dropdown-link" href="/pages/returns-faq" > 755 Shop policy & FAQ 756 </a> 757 </li> 758 759 <li class="header__dropdown-item"> 760 <a class="header__dropdown-link" href="/pages/contact" > 761 Contact 762 </a> 763 </li> 764 765 <li class="header__dropdown-item"> 766 <a class="header__dropdown-link" href="/pages/news" > 767 News 768 </a> 769 </li> 770 771 </ul> 772 </div> 773 774 </li> 775 776 </ul> 777 </nav> 778 </div> 779 780 781 <div class="header__icons"> 782 <ul class="header__list list list--horizontal"> 783 784 785 786 787 788 789 790 791 792 <li class="header__list-item visible@sm"> 793 <a href="/supporters" class=" header__link"> 794 795 Account 796 797 </a> 798 </li> 799 800 801 <li class="header__list-item"> 802 <a href="/cart" class=" header__link"> 803 <div 804 data-cart-widget="widget" 805 data-testid="cart.icon" 806 class="cart-widget cart-widget--text empty" 807> 808 809 <span class="cart-widget__label">
809Cart</span>(<span data-cart-widget="quantity" class="cart-widget__items">0</span>) 810 811</div> 812 </a> 813 </li> 814 </ul> 815 816 <div data-cart-announcer aria-live="polite" aria-atomic="true" class="visually-hidden"></div> 817 818 </div> 819 </div> 820 821 </div> 822</header> 823</sticky-header> 824 825<aside 826 data-drawer="mobile-menu" 827 class="drawer hidden@sm" 828> 829 <div class="drawer__background" data-drawer-trigger-primary="mobile-menu"></div> 830 <div class="drawer__content drawer__content--small mobile-menu"> 831 <div class="mobile-menu__section mobile-menu__section--header"> 832 <button type="button" class="mobile-menu__close" data-drawer-trigger-primary="mobile-menu" aria-label="Close menu"> 833 <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"> 834 <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"/> 835</svg> 836 837 </button> 838 </div> 839 <div class="mobile-menu__section mobile-menu__section--body"> 840 <div class="mobile-menu__nav"> 841 <ul class="mobile-menu__list"> 842 843 <li class="mobile-menu__list-item"> 844 845 <a 846 href="/" 847 class="mobile-menu__link" 848 > 849 home 850 </a> 851 852 853 854 </li> 855 856 <li class="mobile-menu__list-item"> 857 858 <a 859 href="/pages/haute-mail-club" 860 class="mobile-menu__link" 861 > 862 mail club 863 </a> 864 865 866 867 </li> 868 869 <li class="mobile-menu__list-item"> 870 871 <a 872 href="/collections/all" 873 class="mobile-menu__link" 874 > 875 shop 876 </a> 877 878 879 880 </li> 881 882 <li class="mobile-menu__list-item"> 883 884 <label for="input-drawer-3" class="mobile-menu__link"> 885 info 886 887 <div class="mobile-menu__link-icon"> 888 <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"> 889 <path d="M7 1.5L15 9L7 16.5" stroke="currentColor" vector-effect="non-scaling-stroke" fill="none" stroke-width="1.5"/> 890</svg> 891 892 </div> 893 </label> 894 895 896 897 <input type="checkbox" id="input-drawer-3" class="drawer__checkbox hidden" data-drawer-trigger-secondary> 898 <div class="drawer__content drawer__content--small"> 899 <div class="mobile-menu__section mobile-menu__section--header"> 900 <label href="#" class="mobile-menu__close" for="input-drawer-3"> 901 <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"> 902 <path d="M10 16.5L2 9L10 1.5" fill="none" vector-effect="non-scaling-stroke" stroke="currentColor" stroke-width="1.5"/> 903</svg> 904 905 </label> 906 <div class="mobile-menu__label"> 907 info 908 </div> 909 <div class="mobile-menu__right"></div> 910 </div> 911 <div class="mobile-menu__section mobile-menu__section--body"> 912 <div class="mobile-menu__nav"> 913 <ul class="mobile-menu__list"> 914 915 <li class="mobile-menu__list-item"> 916 <a class="mobile-menu__link" href="/pages/about"> 917 about 918 </a> 919 </li> 920 921 <li class="mobile-menu__list-item"> 922 <a class="mobile-menu__link" href="/pages/returns-faq"> 923 Shop policy & FAQ 924 </a> 925 </li> 926 927 <li class="mobile-menu__list-item"> 928 <a class="mobile-menu__link" href="/pages/contact"> 929 Contact 930 </a> 931 </li> 932 933 <li class="mobile-menu__list-item"> 934 <a class="mobile-menu__link" href="/pages/news"> 935 News 936 </a> 937 </li> 938 939 </ul> 940 </div> 941 </div> 942 </div> 943 944 </li> 945 946 947 948 </ul> 949 </div> 950 </div> 951 <div class="mobile-menu__section mobile-menu__section--socials"> 952 <div class="mobile-menu__list-social"> 953 <ul class="mobile-menu__socials"> 954 955 956 957 958 </ul> 959 </div> 960 </div> 961 </div> 962</aside> 963
964<script> 965 const currencyData = { 966 locale: "en-US", 967 currency: "USD", 968 showTax: false 969 } 970</script>
970 971 972 973</div> 974 </div> 975 976 <main id="main-content" class="page__main"> 977 <div class="main"> 978 <div data-testid="main.sections" class="main__sections"> 979 <div id="fw-section-rich-text-32ea7928-47cd-488e-8e25-b5f261821fee" class="fw-section"><style> 980 .section-fw-section-rich-text-32ea7928-47cd-488e-8e25-b5f261821fee-padding { 981 padding-top: 17px; 982 padding-bottom: 2px; 983 } 984 985 @media screen and (min-width: 640px) { 986 .section-fw-section-rich-text-32ea7928-47cd-488e-8e25-b5f261821fee-padding { 987 padding-top: 23px; 988 padding-bottom: 2px; 989 } 990 } 991</style> 992 993<section 994 data-section-id="fw-section-rich-text-32ea7928-47cd-488e-8e25-b5f261821fee" 995 data-section-type="rich-text" 996 data-testid="main.single.section" 997 class="rich-text rich-text--fw-section-rich-text-32ea7928-47cd-488e-8e25-b5f261821fee section-fw-section-rich-text-32ea7928-47cd-488e-8e25-b5f261821fee-padding" 998> 999 <div class="rich-text__inner"> 1000 <div class="container container--8 wrapper"> 1001 1002 <div class="rich-text__header"> 1003 <h2 class="rich-text__heading"> 1004 Sweet happenings ð¤ 1005 </h2> 1006 </div> 1007 1008 1009 <div class="rich-text__text"> 1010 <div class="html-formatter html-formatter--center"> 1011 1012 </div> 1013 </div> 1014 </div> 1015 </div> 1016</section> 1017 1018 1019</div><div id="fw-section-custom-html-979eedb4-8144-40c0-9acb-e19de868a9d7" class="fw-section"><section data-section-id="fw-section-custom-html-979eedb4-8144-40c0-9acb-e19de868a9d7" data-testid="main.single.section" class="custom-html custom-html--fw-section-custom-html-979eedb4-8144-40c0-9acb-e19de868a9d7"> 1020 1021 <div class="container wrapper"> 1022 1023 1024 <style> 1025.news-wrapper { 1026 margin: 0 auto; 1027 max-width: 883px; 1028} 1029 1030.news-preview { 1031 position: relative; 1032 background-color: transparent; 1033 border-style: solid; 1034 border-width: 7px; 1035 border-image-source: url("https://i.imgur.com/ROjUrNz.gif"); 1036 border-image-slice: 7 fill; 1037 border-image-repeat: round; 1038 border-image-outset: 0; 1039 border-image-width: 1; 1040 padding: 20px 16px 20px 16px; 1041 margin-top: 10px; 1042 display: block; /* Makes the entire container clickable */ 1043 text-decoration: none; 1044 color: inherit; 1045 width: 100%; 1046 box-sizing: border-box; 1047 overflow: visible; 1048} 1049 1050.news-date { 1051 position: absolute; 1052 top: 8px; 1053 left: 8px; 1054 font-size: 0.85rem; 1055 color: #1b5e20; 1056 font-weight: 600; 1057 background-color: rgba(255, 255, 255, 0.8); 1058 padding: 2px 8px; 1059 border-radius: 4px; 1060 user-select: none; 1061} 1062 1063.news-content { 1064 display: flex; 1065 align-items: flex-start; 1066 gap: 16px; 1067} 1068 1069.news-image { 1070 width: 120px; 1071 height: 120px; 1072 object-fit: cover; 1073 border-radius: 6px; 1074 flex-shrink: 0; 1075} 1076 1077.news-text { 1078 flex: 1; 1079 min-width: 0; 1080 overflow-wrap: break-word; 1081} 1082 1083.news-title { 1084 font-size: 3rem; 1085 margin: 0 0 6px 0; 1086} 1087 1088.news-summary { 1089 font-size: 0.9rem; 1090 margin: 0 0 8px 0; 1091 line-height: 1.3; 1092} 1093 1094.read-more { 1095 font-size: 0.85rem; 1096 font-weight: 600; 1097 display: inline-block; /* Ensures it stays inline */ 1098} 1099</style> 1100 1101<div class="news-wrapper"> 1102 1103 <a href="/pages/hautober-2026" class="news-preview"> 1104 <div class="news-date">October 2026</div> 1105 <div class="news-content"> 1106 <img src="https://imgproxy.fourthwall.dev/4X_oQXvlUmN8xoTp4xBIQ2iHOSWbCiNnsQsHyvye2A8/w:1920/sm:1/enc/ysLfjOodDw2ywe03/JH2GOR64U_3MOSId/AQ0M_xNBkA82Xac4/izStJxwYMOKpbWn8/zamAR5j22lNpZ57G/vAjsvtVko2eoAlOL/kh7cQsg8sR3dKsdy/KRfPhVrYMdLK11oP/8gHdaM68L_V8czUY/QyUWx6IEEikOQHwE/Bm-6r9oWooz8Hv97/44A3jqZWijUR0FNV/GVN5qZqbDEswWUDG/g-yhdQ.jpg" alt="hautober2026" class="news-image" /> 1107 <div class="news-text"> 1108 <h3 class="news-title">Hautober 2026</h3> 1109 <p class="news-summary"> 1110 Our October drawing challenge is back! 1111 </p> 1112 <span class="read-more">Read More</span> 1113 </div> 1114 </div> 1115 </a> 1116 1117 <a href="/pages/art-contest.html" class="news-preview"> 1118 <div class="news-date">December 2025</div> 1119 <div class="news-content"> 1120 <img src="https://hautepng.neocities.org/Artcontest.jpeg" alt="drawing" class="news-image" /> 1121 <div class="news-text"> 1122 <h3 class="news-title">Art contest</h3> 1123 <p class="news-summary"> 1124 "draw my oc" art contest winners & artworks ! 1125 </p>
1126 <span class="read-more">Read More</span> 1127 </div> 1128 </div> 1129 </a> 1130 1131 <a href="/pages/hautober-2025" class="news-preview"> 1132 <div class="news-date">October 2025</div> 1133 <div class="news-content"> 1134 <img src="https://hautepng.neocities.org/hautober.webp" alt="hautober2025" class="news-image" /> 1135 <div class="news-text"> 1136 <h3 class="news-title">Hautober 2025</h3> 1137 <p class="news-summary"> 1138 Month-long October drawing challenge featuring over 300 artworks created by you! 1139 </p> 1140 <span class="read-more">Read More</span> 1141 </div> 1142 </div> 1143 </a> 1144</div> 1145 1146 1147 1148 </div> 1149 1150</section> 1151 1152 1153</div><div id="fw-section-rich-text-a9cdb6a9-a36a-4138-a858-a2cbae3b6142" class="fw-section"><style> 1154 .section-fw-section-rich-text-a9cdb6a9-a36a-4138-a858-a2cbae3b6142-padding { 1155 padding-top: 36px; 1156 padding-bottom: 36px; 1157 } 1158 1159 @media screen and (min-width: 640px) { 1160 .section-fw-section-rich-text-a9cdb6a9-a36a-4138-a858-a2cbae3b6142-padding { 1161 padding-top: 48px; 1162 padding-bottom: 48px; 1163 } 1164 } 1165</style> 1166 1167<section 1168 data-section-id="fw-section-rich-text-a9cdb6a9-a36a-4138-a858-a2cbae3b6142" 1169 data-section-type="rich-text" 1170 data-testid="main.single.section" 1171 class="rich-text rich-text--fw-section-rich-text-a9cdb6a9-a36a-4138-a858-a2cbae3b6142 section-fw-section-rich-text-a9cdb6a9-a36a-4138-a858-a2cbae3b6142-padding" 1172> 1173 <div class="rich-text__inner"> 1174 <div class="container container--8 wrapper"> 1175 1176 1177 <div class="rich-text__text"> 1178 <div class="html-formatter html-formatter--center"> 1179 <p>End of page</p> 1180 </div> 1181 </div> 1182 </div> 1183 </div> 1184</section> 1185 1186 1187</div> 1188 1189 1190 <aside data-drawer="product" class="drawer"> 1191 <div data-drawer-trigger-primary="product" class="drawer__background"></div> 1192 1193 <div class="drawer__content" aria-hidden="true" tabindex="-1"> 1194 <div class="drawer__content-inner"> 1195 <div class="product-drawer"> 1196 <div class="product-drawer__section"> 1197 <div class="product-drawer__header"> 1198 <div class="product-drawer__header-item product-drawer__header-item--tick"> 1199 <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"> 1200 <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"/> 1201</svg> 1202 1203 </div> 1204 1205 <div class="product-drawer__header-item product-drawer__header-item--heading"> 1206 <h2 class="product-drawer__heading h4">Added to cart</h2> 1207 </div> 1208 1209 <div class="product-drawer__header-item product-drawer__header-item--close"> 1210 <button data-drawer-trigger-primary="product" class="product-drawer__close" data-testid="product.close.dialog"> 1211 <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"> 1212 <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"/> 1213</svg> 1214 1215 </button> 1216 </div> 1217 </div> 1218 </div> 1219 1220 <div class="product-drawer__section"> 1221 <div class="product-drawer__item-info"> 1222 <div class="inline-image"> 1223 <div class="inline-image__image"> 1224 <div class="image image--background-color"> 1225 <div data-product-info="image-container" class="image__object"></div> 1226 </div> 1227 </div> 1228 1229 <div class="inline-image__content"> 1230 <div data-product-info="title" class="inline-image__heading"> 1231 1232 </div> 1233 <p data-product-info="price" class="inline-image__price"></p> 1234 <p class="inline-image__quantity"> 1235 Quantity:
1236 <span data-product-info="quantity"></span> 1237 </p> 1238 </div> 1239 </div> 1240 </div> 1241 </div> 1242 1243 <div class="product-drawer__section"> 1244 <div class="product-drawer__subtotal"> 1245 <div class="product-drawer__subtotal-item"> 1246 <span class="product-drawer__subtotal-label"> 1247 Cart Subtotal (<span data-product-info="cart-quantity"></span>): 1248 </span> 1249 </div> 1250 1251 <div class="product-drawer__subtotal-item product-drawer__subtotal-item--value"> 1252 <span data-product-info="cart-price" class="product-drawer__subtotal-value"></span> 1253 </div> 1254 </div> 1255 </div> 1256 1257 <div class="product-drawer__section"> 1258 <div class="product-drawer__cta"> 1259 <div class="product-drawer__cta-item product-drawer__cta-item--view-cart"> 1260 <a 1261 href="/cart" 1262 class="button button--secondary button--expand" 1263 > 1264 View Cart 1265 </a> 1266 </div> 1267 1268 <div class="product-drawer__cta-item product-drawer__cta-item--checkout"> 1269 <form 1270 action="/cart" 1271 method="post" 1272 novalidate 1273 class="product-drawer__checkout-form" 1274 > 1275 <button 1276 type="submit" 1277 name="checkout" 1278 class="button button--primary button--expand" 1279 > 1280 Checkout 1281 </button> 1282 </form> 1283 </div> 1284 </div> 1285 </div> 1286 1287 <product-recommendations-drawer product-id="" class="product-drawer__section" /> 1288 1289 </div> 1290 </div> 1291 </div> 1292 </aside> 1293 1294 </div> 1295</div> 1296 1297 </main> 1298 1299 <div class="page__footer"> 1300 <div id="fw-section-footer" class="fw-section"><style> 1301 .section-fw-section-footer-padding { 1302 padding-top: 0px; 1303 padding-bottom: 0px; 1304 } 1305 1306 @media screen and (min-width: 640px) { 1307 .section-fw-section-footer-padding { 1308 padding-top: 0px; 1309 padding-bottom: 0px; 1310 } 1311 } 1312</style> 1313 1314 1315 1316 1317 1318 1319 1320 1321 1322 1323 1324 1325 1326 1327 1328 1329<footer data-testid="main.single.section" class="footer footer--center section-fw-section-footer-padding"> 1330 <div class="wrapper container"> 1331 1332 1333 <div class="footer__inner"> 1334 1335 <div class="footer__top"> 1336 <div class="col-grid col-grid--middle"> 1337 <div> 1338 1339 <div class="footer__socials"> 1340 <ul class="footer__list footer__list--socials"> 1341 1342 1343 1344 1345 </ul> 1346 </div> 1347 1348 </div> 1349 1350 <div> 1351 <nav class="footer__nav" aria-label="Footer"> 1352 <ul class="footer__list footer__list--menu"> 1353 1354 1355 <li class="footer__list-item"> 1356 <a class="footer__menu-link footer__menu-link--icon" tabindex="0" role="button" aria-label="Currency selector, current: USD"> 1357 USD 1358 1359 <span class="footer__link-icon"> 1360 <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"> 1361 <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"/> 1362</svg> 1363 1364 </span> 1365 1366 </a> 1367 1368 <div class="footer__dropdown footer__dropdown--content"> 1369 <ul class="footer__dropdown-inner"> 1370 1371 <li class="footer__dropdown-item"> 1372 <a class="footer__dropdown-link" href="/localization?currency=USD&return_to=/pages/news"> 1373 USD 1374 </a> 1375 </li> 1376 1377 <li class="footer__dropdown-item"> 1378 <a class="footer__dropdown-link" href="/localization?currency=EUR&return_to=/pages/news"> 1379 EUR 1380 </a> 1381 </li> 1382 1383 <li class="footer__dropdown-item"> 1384 <a class="footer__dropdown-link" href="/localization?currency=CAD&return_to=/pages/news"> 1385 CAD 1386 </a> 1387 </li> 1388 1389 <li class="footer__dropdown-item"> 1390 <a class="footer__dropdown-link" href="/localization?currency=GBP&return_to=/pages/news"> 1391 GBP 1392 </a> 1393 </li> 1394 1395 <li class="footer__dropdown-item"> 1396 <a class="footer__dropdown-link" href="/localization?currency=AUD&return_to=/pages/news"> 1397 AUD 1398 </a> 1399 </li> 1400 1401 <li class="footer__dropdown-item"> 1402 <a class="footer__dropdown-link" href="/localization?currency=NZD&return_to=/pages/news"> 1403 NZD 1404 </a> 1405 </li> 1406 1407 <li class="footer__dropdown-item"> 1408 <a class="footer__dropdown-link" href="/localization?currency=SEK&return_to=/pages/news"> 1409 SEK 1410 </a> 1411 </li> 1412 1413 <li class="footer__dropdown-item"> 1414 <a class="footer__dropdown-link" href="/localization?currency=NOK&return_to=/pages/news"> 1415 NOK 1416 </a> 1417 </li> 1418 1419 <li class="footer__dropdown-item"> 1420 <a class="footer__dropdown-link" href="/localization?currency=DKK&return_to=/pages/news"> 1421 DKK 1422 </a> 1423 </li> 1424 1425 <li class="footer__dropdown-item"> 1426 <a class="footer__dropdown-link" href="/localization?currency=PLN&return_to=/pages/news"> 1427 PLN 1428 </a> 1429 </li> 1430 1431 <li class="footer__dropdown-item"> 1432 <a class="footer__dropdown-link" href="/localization?currency=INR&return_to=/pages/news"> 1433 INR 1434 </a> 1435 </li> 1436 1437 <li class="footer__dropdown-item"> 1438 <a class="footer__dropdown-link" href="/localization?currency=JPY&return_to=/pages/news"> 1439 JPY 1440 </a> 1441 </li> 1442 1443 <li class="footer__dropdown-item"> 1444 <a class="footer__dropdown-link" href="/localization?currency=MYR&return_to=/pages/news"> 1445 MYR 1446 </a> 1447 </li> 1448 1449 <li class="footer__dropdown-item"> 1450 <a class="footer__dropdown-link" href="/localization?currency=SGD&return_to=/pages/news"> 1451 SGD 1452 </a> 1453 </li> 1454 1455 <li class="footer__dropdown-item"> 1456 <a class="footer__dropdown-link" href="/localization?currency=MXN&return_to=/pages/news"> 1457 MXN 1458 </a> 1459 </li> 1460 1461 <li class="footer__dropdown-item"> 1462 <a class="footer__dropdown-link" href="/localization?currency=BRL&return_to=/pages/news"> 1463 BRL 1464 </a> 1465 </li> 1466 1467 <li class="footer__dropdown-item"> 1468 <a class="footer__dropdown-link" href="/localization?currency=CHF&return_to=/pages/news"> 1469 CHF 1470 </a> 1471 </li> 1472 1473 </ul> 1474 </div> 1475 1476 </li> 1477 1478 1479 1480 1481 1482 </ul> 1483 </nav> 1484 </div> 1485 </div> 1486 </div> 1487 1488 <div class="footer__bottom"> 1489 <ul class="footer__list footer__list--bottom"> 1490 <li class="footer__list-item">
1490<div class="footer__copy">© 2026 </div></li> 1491 1492 </ul> 1493 </div> 1494 1495 </div> 1496 </div> 1497</footer> 1498 1499 1500</div> 1501 </div> 1502 </div> 1503 1504
1504<script> 1505 var fourthwallTheme = { 1506 strings: { 1507 addToCart: "Add to Cart", 1508 redeemGift: "Redeem Your Gift", 1509 viewCart: "View Cart", 1510 checkout: "Checkout", 1511 outOfStock: "Out of Stock", 1512 unavailable: "Not Available", 1513 soldOut: "Sold Out", 1514 soldOutSuffix: " - Sold Out", 1515 missingQuantityError: "Please choose the quantity.", 1516 generalError: "An error occurred. Please try refreshing the page.", 1517 item: "item", 1518 items: "items", 1519 startShopping: "Start Shopping", 1520 subtotal: "Subtotal", 1521 plusTax: "(plus tax)", 1522 backToShopping: "Back to Shopping", 1523 cart: { 1524 heading: "[item_count] [item_count_label] in your cart for [total]", 1525 emptyHeading: "Your Shopping Cart is Empty", 1526 tableHeader: { 1527 item: "Item", 1528 quantity: "Quantity", 1529 price: "Price" 1530 }, 1531 deleteModal: { 1532 heading: "Are you sure you want to remove [title] from your cart?", 1533 cancel: "Cancel", 1534 delete: "Delete" 1535 } 1536 }, 1537 newsletter: { 1538 missingEmailError: 'Please enter your email.', 1539 invalidEmailError: 'Please enter a valid email.', 1540 subscribeSuccess: 'Thanks for subscribing!' 1541 }, 1542 donation: { 1543 missingAmountError: 'Please select or enter the donation amount.', 1544 invalidAmountError: 'Please enter a valid donation amount.', 1545 missingNameError: 'Please enter your name.', 1546 missingMessageError: 'Please enter the message.' 1547 }, 1548 checkoutErrors: { 1549 default: "There was an issue with your checkout. Please review your cart and try again.", 1550 CHECKOUT_CART_ITEMS_CHANGED: "Your cart has changed since you started checkout. Please review your items and try again.", 1551 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." 1552 } 1553 }, 1554 urls: { 1555 cart: "/cart", 1556 cartItemLocalizedPrefix: "", 1557 cartAddUrl: "/cart/add", 1558 cartChangeUrl: "/cart/change", 1559 productsUrlPrefix: "/products", 1560 allProductsCollection: "/collections/all", 1561 } 1562 }; 1563</script>
1563 1564 1565 1566
1566<script src="https://themes.fourthwall.dev/themes-library/assets/d326f008-3e25-4e6c-b39c-81878d3b08de/assets/theme.js?v=6db9c351246074e5aebfa3ba85e3722138bb8c3fa49c82f93377f7b744ec078a" rel="preload" integrity="sha256-bbnDUSRgdOWuv6O6heNyITi7jD+knIL5M3f3t0TsB4o=" crossorigin="anonymous"></script>
1566 1567 1568 1569<div id="cookie-consent-banner-container" data-turbo-permanent="true"></div> 1570<!--reusable text-->
1571<script> 1572document.getElementById('reusable-text').innerHTML = "<em>*! Each piece is handmade, with charming variation~ Please accept this disclaimer before purchase. All sales are final.ð¸</em>"; 1573</script>
1573 1574 1575 1576<style> 1577/* kit form */ 1578.formkit-form{ 1579 Margin: 0 auto !important; 1580} 1581 1582.formkit-powered-by-convertkit-container { 1583 display: none !important; 1584 } 1585 1586/* round corners */ 1587[data-style="clean"] { 1588 padding-top : 5px !important; 1589 padding-left: 20px !important; 1590 padding-right: 20px !important; 1591} 1592 1593/* rounded corners */ 1594.formkit-fields{ 1595 display: inline-flex; 1596 overflow: hidden; 1597 border: 1px solid #000; 1598 border-radius: 15px; 1599} 1600 1601/* no spacing between */ 1602.formkit-field, .formkit-submit{ 1603 padding: 0 !important; 1604 margin: 0 !important; 1605} 1606 1607.formkit-input{ 1608 border-left: none !important; 1609 border-top: none !important; 1610 border-bottom: none !important; 1611 border-right: none !important; 1612} 1613 1614/*site footer*/ 1615#site-footer { 1616 background-color: #FDF0F6; 1617 text-align: center; 1618 padding-bottom: 20px; 1619 } 1620 1621 #site-footer .footer-links { 1622 margin-bottom: 15px; 1623 } 1624 #site-footer .footer-links a { 1625 margin: 0 10px; 1626 text-decoration: none; 1627 font-weight: 500; 1628 } 1629 #site-footer .footer-links a:hover { 1630 text-decoration: underline; 1631 } 1632 #site-footer .button-container { 1633 display: flex; 1634 justify-content: center; 1635 gap: 15px; 1636 margin-bottom: 15px; 1637 } 1638 #site-footer .button-container a { 1639 display: inline-block; 1640 } 1641 #site-footer .button-container img { 1642 display: block; 1643 } 1644 #site-footer .copyright { 1645 font-size: 0.8em; 1646 } 1647</style> 1648 1649 1650 1651<div id="site-footer"> 1652Ëââ§ê°á exclusive newsletter à»ê± â§âË 1653<div>
1654<script async data-uid="c7e1c15357" src="https://haute-png.kit.com/c7e1c15357/index.js"></script>
1654 1655</div> 1656 1657 <div class="footer-links"> 1658 <a href="/privacy-policy" target="_blank" rel="noopener">Privacy Policy</a> | 1659 <a href="/terms-of-service" target="_blank" rel="noopener">Terms of Service</a> 1660 </div> 1661 <div class="button-container"> 1662 <a href="https://hautepng.com" target="_blank" rel="noopener"> 1663 <img src="https://hautepng.neocities.org/hautepng1.gif" alt="Button 1"> 1664 </a> 1665 <a href="https://tumblr.com/hautepng" target="_blank" rel="noopener"> 1666 <img src="https://hautepng.neocities.org/Tumblr.png" alt="Button 2"> 1667 </a> 1668 <a href="https://go.hautepng.com/cUriJ7U" target="_blank" rel="noopener"> 1669 <img src="https://hautepng.neocities.org/Tiktok1.gif" alt="Button 3"> 1670 </a> 1671 </div> 1672 <div class="copyright"> 1673 © 2026 haute.png 1674 </div> 1675</div> 1676 1677 1678 1679 <div class="admin-bar-container hidden"> 1680 <div id="admin-bar" class="admin-bar sticky hidden"> 1681 <div class="wrapper"> 1682 <div> 1683 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> 1684 <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"/> 1685 </svg> 1686 </div> 1687 <div class="actions"> 1688 <div class='desktop'> 1689 <div class="dropdown"> 1690 <button class="dropdown-button desktop-switcher pill" data-target="desktop-switcher">View as: </button> 1691 <div class="dropdown-content" id="desktop-switcher"> 1692 <ul> 1693 <li class="dropdown-item" data-mode="creator">Admin</li> 1694 <li class="dropdown-item" data-mode="supporter">Supporter</li> 1695 </ul> 1696 </div> 1697 </div> 1698 <a href="/admin/dashboard/store-design/layout/0cd22857-37be-4054-a14d-1a3ba5f573a8/" class='pill edit-page' rel='noopener noreferrer'>Edit page</a> 1699 <a href="/admin/dashboard" rel="noopener noreferrer" class="pill dashboard-link">Go to dashboard</a> 1700 </div> 1701 1702 <div class='mobile'> 1703 <div class="dropdown"> 1704 <button class="dropdown-button pill mobile-switcher" data-target="mobile-switcher">View as</button> 1705 <div class="dropdown-content" id="mobile-switcher"> 1706 <ul> 1707 <li class="dropdown-item" data-mode="creator">Admin</li> 1708 <li class="dropdown-item" data-mode="supporter">Supporter</li> 1709 </ul> 1710 </div> 1711 </div> 1712 1713 <div class="dropdown mobile"> 1714 <button class="dropdown-button pill" data-target="mobile-links"> 1715 <svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1716 <g id="Dots horizontal"> 1717 <g> 1718 <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"/> 1719 <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"/> 1720 <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"/> 1721 </g> 1722 </g> 1723 </svg> 1724 </button> 1725 <div class="dropdown-content" id="mobile-links"> 1726 <a href="/admin/dashboard" rel="noopener noreferrer" class="dropdown-item">Go to dashboard</a> 1727 </div> 1728 </div> 1729 </div> 1730 1731 <div class="pill close"> 1732 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1733 <g> 1734 <path d="M0.875 13.125L13.125 0.875M13.125 13.125L0.875 0.875" stroke="#FDFCFB" stroke-width="1.5" stroke-linejoin="bevel"/> 1735 </g> 1736 </svg> 1737 </div> 1738 </div> 1739 </div> 1740 </div> 1741 1742 <div id="admin-bar-small" class="admin-bar-small sticky hidden"> 1743 <div class="wrapper"> 1744 <div> 1745 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> 1746 <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.
1746692H0l2.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"/> 1747 </svg> 1748 </div> 1749 </div> 1750 </div> 1751</div> 1752
1753<script> 1754 const cookieModule = { 1755 setCookie: function (name, value, days = 365, maxAge) { 1756 const expires = new Date(Date.now() + days * 24 * 60 * 60 * 1000).toUTCString(); 1757 let cookieString = `${name}=${value}; expires=${expires}; path=/`; 1758 1759 if (maxAge) { 1760 cookieString += `; max-age=${maxAge}`; 1761 } 1762 1763 document.cookie = cookieString; 1764 }, 1765 1766 getCookie: function (name) { 1767 const cookie = document.cookie.split(';').find(c => c.trim().startsWith(`${name}=`)); 1768 return cookie ? cookie.split('=')[1] : null; 1769 } 1770 }; 1771 1772 const AdminBar = { 1773 adminBar: document.getElementById("admin-bar"), 1774 adminBarContainer: document.querySelector(".admin-bar-container"), 1775 adminBarSmall: document.getElementById("admin-bar-small"), 1776 closeButton: document.querySelector('#admin-bar .close'), 1777 viewAsDesktopButton: document.querySelector(".desktop-switcher"), 1778 dropdownButtons: document.querySelectorAll(".dropdown-button"), 1779 dropdownContents: document.querySelectorAll(".dropdown-content"), 1780 inIframe: () => { 1781 try { 1782 return window.self !== window.top; 1783 } catch (e) { 1784 return true; 1785 } 1786 }, 1787 inThemeEditor: () => cookieModule.getCookie('view_as') === 'theme_editor' || AdminBar.inIframe(), 1788 viewAsCreator: () => cookieModule.getCookie('view_as') === 'creator', 1789 viewAsSupporter: () => cookieModule.getCookie('view_as') === 'supporter', 1790 verifyCreator: () => { 1791 document.cookie = 'return_to=' + window.location.href + '; path=/; max-age=30;'; 1792 window.location.href = '/platform/creators/handoff/start?return=' + encodeURIComponent(window.location.pathname + window.location.search); 1793 }, 1794 getSelectedView: () => (AdminBar.viewAsCreator() ? 'Admin' : 'Supporter'), 1795 toggleDropdown: (dropdownContent) => { 1796 dropdownContent.style.display = dropdownContent.style.display === 'none' || dropdownContent.style.display === '' ? 'block' : 'none'; 1797 }, 1798 init() { 1799 if ( 1800 !AdminBar.inThemeEditor() && 1801 cookieModule.getCookie('core_dashboard_visited') 1802 ) { 1803 AdminBar.viewAsDesktopButton.textContent = 'View as: ' + AdminBar.getSelectedView(); 1804 AdminBar.adminBarContainer.classList.toggle('hidden'); 1805 if (cookieModule.getCookie('admin_bar_mode') === 'condensed') { 1806 AdminBar.adminBarSmall.classList.toggle('hidden'); 1807 } else { 1808 AdminBar.adminBar.classList.toggle('hidden'); 1809 } 1810 } 1811 1812 AdminBar.closeButton.addEventListener('click', () => { 1813 cookieModule.setCookie('admin_bar_mode', 'condensed'); 1814 AdminBar.adminBar.classList.toggle('hidden'); 1815 AdminBar.adminBarSmall.classList.toggle('hidden'); 1816 }); 1817 1818 AdminBar.adminBarSmall.addEventListener('click', () => { 1819 cookieModule.setCookie('admin_bar_mode', 'expanded'); 1820 AdminBar.adminBar.classList.toggle('hidden'); 1821 AdminBar.adminBarSmall.classList.toggle('hidden'); 1822 }); 1823 1824 // Add event listeners to each dropdown button 1825 AdminBar.dropdownButtons.forEach((button) => { 1826 button.addEventListener("click", () => { 1827 const dropdownId = button.getAttribute("data-target"); 1828 const dropdownContent = document.getElementById(dropdownId); 1829 AdminBar.toggleDropdown(dropdownContent); 1830 }); 1831 }); 1832 1833 // Close the dropdowns when clicking outside 1834 document.addEventListener("click", (event) => { 1835 AdminBar.dropdownButtons.forEach((button) => { 1836 const dropdownId = button.getAttribute("data-target"); 1837 const dropdownContent = document.getElementById(dropdownId); 1838 if (event.target !== button && !button.contains(event.target) && event.target !== dropdownContent) { 1839 dropdownContent.style.display = "none"; 1840 } 1841 }); 1842 }); 1843 1844 document.querySelectorAll(".dropdown-content li").forEach((item) => { 1845 item.addEventListener("click", (event) => { 1846 const mode = event.target.getAttribute("data-mode"); 1847 if (mode === 'creator') { 1848 cookieModule.setCookie('view_as', 'creator'); 1849 AdminBar.verifyCreator(); 1850 } else { 1851 cookieModule.setCookie('view_as', 'supporter'); 1852 window.location.reload(); 1853 } 1854 }); 1855 }); 1856 }, 1857 }; 1858
1859 AdminBar.init(); 1860</script>
1860 1861 1862<style> 1863 .admin-bar-container { 1864 height: 56px; 1865 } 1866 1867 .hidden { 1868 display: none; 1869 } 1870 1871 .admin-bar, 1872 .admin-bar-small { 1873 z-index: 1000; 1874 background-color: rgba(0, 0, 0, 0.7); 1875 backdrop-filter: blur(15px); 1876 -webkit-backdrop-filter: blur(15px); 1877 height: 56px; 1878 width: 100%; 1879 } 1880 1881 .admin-bar-small { 1882 width: 73px; 1883 cursor: pointer; 1884 } 1885 1886 .sticky { 1887 position: fixed; 1888 bottom: 0; 1889 } 1890 1891 .admin-bar a { 1892 color: #FDFCFB; 1893 padding: 14px; 1894 font-size: 14px; 1895 text-decoration: none; 1896 } 1897 1898 .admin-bar button { 1899 padding: 14px; 1900 font-size: 14px; 1901 } 1902 1903 .admin-bar .wrapper, 1904 .admin-bar-small .wrapper { 1905 display: flex; 1906 justify-content: space-between; 1907 align-items: center; 1908 padding: 10px 20px; 1909 } 1910 1911 .admin-bar-small .wrapper { 1912 padding: 12px 20px; 1913 } 1914 1915 .admin-bar .pill { 1916 display: flex; 1917 justify-content: center; 1918 align-items: center; 1919 gap: 10px; 1920 text-transform: capitalize; 1921 1922 padding: 6px 14px; 1923 border-radius: 100px; 1924 background: rgba(253, 252, 251, 0.12); 1925 1926 cursor: pointer; 1927 } 1928 1929 .admin-bar .pill:hover { 1930 background: rgba(253, 252, 251, 0.22); 1931 } 1932 1933 .admin-bar .close { 1934 padding: 6px 11px; 1935 } 1936 1937 .admin-bar .actions, 1938 .admin-bar .actions .desktop, 1939 .admin-bar .actions .mobile { 1940 display: flex; 1941 gap: 10px; 1942 } 1943 1944 .admin-bar .actions .desktop, 1945 .admin-bar .actions .edit-page { 1946 display: none; 1947 } 1948 1949 @media (min-width: 768px) { 1950 .admin-bar a, 1951 .admin-bar button { 1952 font-size: 16px; 1953 } 1954 1955 .admin-bar .actions .desktop, 1956 .admin-bar .actions .edit-page { 1957 display: flex; 1958 gap: 10px; 1959 } 1960 1961 .admin-bar .actions .mobile { 1962 display: none; 1963 } 1964 } 1965 1966 .dropdown { 1967 position: relative; 1968 } 1969 1970 .dropdown-content { 1971 display: none; 1972 position: absolute; 1973 background-color: rgba(0,0,0,0.9); 1974 min-width: 130px; 1975 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 1976 bottom: 100%; /* Position above the button */ 1977 border-radius: 10px; 1978 bottom: calc((100% + 8px) - 0px); 1979 right: 0; 1980 } 1981 1982 /* Style for each list item */ 1983 .dropdown-content .dropdown-item { 1984 color: white; 1985 padding: 12px 16px; 1986 text-decoration: none; 1987 white-space: nowrap; 1988 display: block; 1989 cursor: pointer; 1990 border-radius: 10px; 1991 } 1992 1993 .dropdown-content .dropdown-item:hover { 1994 background-color: rgba(255,255,255,0.2) 1995 } 1996 1997 /* Style for the button */ 1998 .dropdown-button { 1999 color: white; 2000 padding: 10px 20px; 2001 border: none; 2002 border-radius: 5px; 2003 cursor: pointer; 2004 line-height: 24px; 2005 } 2006</style> 2007 2008</body> 2009</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.