PageSourceSearch

https://hautepng.com/pages/news

html hautepng.com collected 2026-10-04 08:11:14 UTC 71,442 bytes, 2,009 lines download raw bytes

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 &amp; 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 &amp; 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">&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    &copy; 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.