Menu
Home
About Me
Commissions
Media Kit
AUD
Chevron Down
USD
EUR
CAD
GBP
AUD
NZD
SEK
NOK
DKK
PLN
Account
Shopping Cart
</div> </section> </div> <aside data-drawer="product" class="drawer"> <div data-drawer-trigger-primary="product" class="drawer__background"></div> <div class="drawer__content" aria-hidden="true" tabindex="-1"> <div class="drawer__content-inner"> <div class="product-drawer"> <div class="product-drawer__section"> <div class="product-drawer__header"> <div class="product-drawer__header-item product-drawer__header-item--tick"> <svg class="svg-fill-current-color" width="23" height="20" viewBox="0 0 23 20" xmlns="http://www.w3.org/2000/svg"> <title>Accept</title> <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"/> </svg> </div> <div class="product-drawer__header-item product-drawer__header-item--heading"> <h4 class="product-drawer__heading">Added to cart</h4> </div> <div class="product-drawer__header-item product-drawer__header-item--close"> <button data-drawer-trigger-primary="product" class="product-drawer__close" data-testid="product.close.dialog"> <svg class="svg-fill-current-color" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <title>Close</title> <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"/> </svg> </button> </div> </div> </div> <div class="product-drawer__section"> <div class="product-drawer__item-info"> <div class="inline-image"> <div class="inline-image__image"> <div class="image image--background-color"> <div data-product-info="image-container" class="image__object"></div> </div> </div> <div class="inline-image__content"> <div data-product-info="title" class="inline-image__heading"> </div> <p data-product-info="price" class="inline-image__price"></p> <p class="inline-image__quantity"> Quantity: <span data-product-info="quantity"></span> </p> </div> </div> </div> </div> <div class="product-drawer__section"> <div class="product-drawer__subtotal"> <div class="product-drawer__subtotal-item"> <span class="product-drawer__subtotal-label"> Cart Subtotal (<span data-product-info="cart-quantity"></span>): </span> </div> <div class="product-drawer__subtotal-item product-drawer__subtotal-item--value"> <span data-product-info="cart-price" class="product-drawer__subtotal-value"></span> </div> </div> </div> <div class="product-drawer__section"> <div class="product-drawer__cta"> <div class="product-drawer__cta-item product-drawer__cta-item--view-cart"> <a href="/en-aud/cart" class="button button--outline button--expand" > View Cart </a> </div> <div class="product-drawer__cta-item product-drawer__cta-item--checkout"> <form action="/en-aud/cart" method="post" novalidate class="product-drawer__checkout-form" > <button type="submit" name="checkout" class="button button--primary button--expand" > Checkout </button> </form> </div> </div> </div> <product-recommendations-drawer product-id="" class="product-drawer__section" /> </div> </div> </div> </aside> </div> </div> </div> <footer class="page__footer"> <div id="fw-section-footer" class="fw-section"><style> .section-fw-section-footer-padding { padding-top: 34px; padding-bottom: 0px; } @media screen and (min-width: 640px) { .section-fw-section-footer-padding { padding-top: 45px; padding-bottom: 0px; } } </style> <div data-testid="main.single.section" class="footer footer--center section-fw-section-footer-padding"> <div class="wrapper "> <div class="footer__line"></div> <div class="footer__inner"> <div class="footer__top"> <div class="grid grid--middle"> <div class="grid__column grid__column--12 "> <div class="footer__socials"> <ul class="footer__list footer__list--socials"> <li class="footer__list-item footer__list-item--social"> <a href="https://twitter.com/N3kuTheProd" target="_blank" class="footer__social-link" > <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20 4.52604C19.2746 4.84115 18.6633 4.85156 18.0155 4.53993C18.8514 4.05208 18.8897 3.7092 19.1918 2.78733C18.4094 3.23958 17.5423 3.56858 16.62 3.74566C15.8822 2.98003 14.8298 2.5 13.6651 2.5C11.4284 2.5 9.61593 4.26736 9.61593 6.44444C9.61593 6.75347 9.65158 7.05469 9.72019 7.34375C6.35537 7.17969 3.37106 5.60938 1.37409 3.22222C1.02566 3.80469 0.826056 4.48264 0.826056 5.20573C0.826056 6.57465 1.54161 7.78125 2.62698 8.48872C1.96311 8.46788 1.33933 8.2908 0.793976 7.99566C0.793085 8.01215 0.793085 8.02778 0.793085 8.04514C0.793085 9.9566 2.18856 11.5503 4.04206 11.9132C3.44858 12.0703 2.82303 12.0946 2.21262 11.9818C2.72857 13.5477 4.22385 14.6884 5.99537 14.7205C4.26216 16.0434 2.11371 16.5946 0 16.3533C1.79291 17.4722 3.91998 18.125 6.20745 18.125C13.6553 18.125 17.7277 12.1146 17.7277 6.90191C17.7277 6.73003 17.725 6.56076 17.717 6.39149C18.5074 5.83594 19.4573 5.31771 20 4.52604Z" fill="currentColor"/> </svg> </a> </li> <li class="footer__list-item footer__list-item--social"> <a href="https://youtube.com/channel/UCpCro9ZMfgcDrLK0X6st9CQ" target="_blank" class="footer__social-link" > <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.7183 3.125H3.28167C1.4725 3.125 0 4.59833 0 6.4075V14.0083C0 15.8183 1.4725 17.2917 3.28167 17.2917H16.7192C18.5275 17.2917 20 15.8183 20 14.0083V6.4075C20 4.59833 18.5275 3.125 16.7183 3.125ZM13.7817 10.2342L8.14083 13.8433C8.0725 13.8867 7.99417 13.9092 7.91667 13.9092C7.8475 13.9092 7.77917 13.8917 7.71667 13.8575C7.58333 13.785 7.5 13.6442 7.5 13.4925V6.27417C7.5 6.12083 7.58333 5.98083 7.71667 5.9075C7.85083 5.835 8.01333 5.84083 8.14167 5.9225L13.7825 9.5325C13.9025 9.60917 13.975 9.74083 13.975 9.88333C13.9742 10.0258 13.9017 10.1575 13.7817 10.2342Z" fill="currentColor"/> </svg> </a> </li> <li class="footer__list-item footer__list-item--social"> <a href="https://twitch.tv/n3ku" target="_blank" class="footer__social-link" > <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.89583 0L1.25 3.57143V16.4286H5.625V20L9.27083 16.4286H12.1875L18.75 10V0H4.89583ZM17.2917 9.28571L14.375 12.1429H11.4583L8.90625 14.6429V12.1429H5.625V1.42857H17.2917V9.28571Z" fill="currentColor"/> <path d="M15.1042 3.92857H13.6458V8.21429H15.1042V3.92857Z" fill="currentColor"/> <path d="M11.0938 3.92857H9.63542V8.21429H11.0938V3.92857Z" fill="currentColor"/> </svg> </a> </li> <li class="footer__list-item footer__list-item--social"> <a href="https://instagram.com/n3kutheprod" target="_blank" class="footer__social-link" > <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99525 0H15.0047C17.7635 0 20 2.23604 20 4.99525V15.0047C20 17.7635 17.764 20 15.0047 20H4.99525C2.23645 20 0 17.764 0 15.0047V4.99525C0 2.23645 2.23604 0 4.99525 0ZM2 15.0047C2 16.6592 3.34085 18 4.99525 18H15.0047C16.6592 18 18 16.6591 18 15.0047V4.99525C18 3.34078 16.6591 2 15.0047 2H4.99525C3.34078 2 2 3.34085 2 4.99525V15.0047ZM5 10C5 7.23858 7.23858 5 10 5C12.7614 5 15 7.23858 15 10C15 12.7614 12.7614 15 10 15C7.23858 15 5 12.7614 5 10ZM13 10C13 8.34315 11.6569 7 10 7C8.34315 7 7 8.34315 7 10C7 11.6569 8.34315 13 10 13C11.6569 13 13 11.6569 13 10ZM15 6C15.5523 6 16 5.55228 16 5C16 4.44772 15.5523 4 15 4C14.4477 4 14 4.44772 14 5C14 5.55228 14.4477 6 15 6Z" fill="currentColor"/> </svg> </a> </li> <li class="footer__list-item footer__list-item--social"> <a href="https://open.spotify.com/artist/1ZCImYJDQqs76iwqWwiVEJ" target="_blank" class="footer__social-link" > <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.0006 0.150391C4.56099 0.150391 0.151703 4.55968 0.151703 9.99926C0.151703 15.4388 4.56099 19.8481 10.0006 19.8481C15.4401 19.8481 19.8494 15.4388 19.8494 9.99926C19.8494 4.55968 15.4401 0.150391 10.0006 0.150391ZM14.5169 14.3568C14.3405 14.6473 13.9618 14.7379 13.6724 14.5614C11.359 13.1477 8.44808 12.829 5.01968 13.6123C4.68919 13.6876 4.35988 13.4806 4.2846 13.1513C4.20933 12.8208 4.41515 12.4915 4.74682 12.4162C8.49866 11.5588 11.7165 11.9281 14.3134 13.5135C14.6027 13.6888 14.6945 14.0675 14.5169 14.3568ZM15.7224 11.6752C15.5001 12.0363 15.0273 12.1504 14.6663 11.9281C12.02 10.3015 7.98352 9.8299 4.8515 10.7802C4.44573 10.9025 4.01645 10.6744 3.89295 10.2686C3.77064 9.86283 3.99998 9.43472 4.40457 9.31123C7.98234 8.22566 12.4293 8.75139 15.4684 10.6203C15.8306 10.8414 15.9435 11.3142 15.7224 11.6752ZM15.8259 8.88194C12.6516 6.99661 7.41427 6.82372 4.3834 7.74345C3.89648 7.89164 3.38252 7.61643 3.23433 7.12951C3.08731 6.6426 3.36135 6.12863 3.84826 5.98044C7.32724 4.92428 13.1114 5.12893 16.7656 7.2977C17.2032 7.55762 17.3466 8.12334 17.0879 8.55968C16.8291 8.9972 16.2623 9.14186 15.8259 8.88194Z" fill="currentColor"/> </svg> </a> </li> <li class="footer__list-item footer__list-item--social"> <a href="https://tiktok.com/@n3kutheprod" target="_blank" class="footer__social-link" > <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.7329 0C14.0629 2.83809 15.6469 4.53015 18.401 4.71015V7.90226C16.805 8.05826 15.4069 7.53624 13.7809 6.55221V12.5224C13.7809 20.1067 5.51259 22.4767 2.18848 17.0406C0.0524123 13.5424 1.36045 7.40424 8.21268 7.15823V10.5243C7.69066 10.6083 7.13264 10.7403 6.62263 10.9144C5.09858 11.4304 4.23455 12.3964 4.47456 14.1005C4.93657 17.3646 10.9248 18.3306 10.4267 11.9524V0.00600019H13.7329V0Z" fill="currentColor"/> </svg> </a> </li> <li class="footer__list-item footer__list-item--social"> <a href="https://discordapp.com/invite/CVrtMfrbhU" target="_blank" class="footer__social-link" > <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.2727 4.31818C17.2727 4.31818 15.1882 2.68636 12.7273 2.5L12.5055 2.94409C14.73 3.48909 15.7509 4.26818 16.8182 5.22727C14.9786 4.28818 13.1636 3.40909 10 3.40909C6.83636 3.40909 5.02136 4.28818 3.18182 5.22727C4.24909 4.26818 5.46364 3.40182 7.49455 2.94409L7.27273 2.5C4.69091 2.74318 2.72727 4.31818 2.72727 4.31818C2.72727 4.31818 0.399545 7.69364 0 14.3182C2.34545 17.0241 5.90909 17.0455 5.90909 17.0455L6.65455 16.0527C5.38909 15.6127 3.96182 14.8277 2.72727 13.4091C4.19909 14.5227 6.42045 15.6818 10 15.6818C13.5795 15.6818 15.8009 14.5227 17.2727 13.4091C16.0386 14.8277 14.6114 15.6127 13.3455 16.0527L14.0909 17.0455C14.0909 17.0455 17.6545 17.0241 20 14.3182C19.6005 7.69364 17.2727 4.31818 17.2727 4.31818ZM7.04545 12.5C6.16636 12.5 5.45455 11.6864 5.45455 10.6818C5.45455 9.67727 6.16636 8.86364 7.04545 8.86364C7.92455 8.86364 8.63636 9.67727 8.63636 10.6818C8.63636 11.6864 7.92455 12.5 7.04545 12.5ZM12.9545 12.5C12.0755 12.5 11.3636 11.6864 11.3636 10.6818C11.3636 9.67727 12.0755 8.86364 12.9545 8.86364C13.8336 8.86364 14.5455 9.67727 14.5455 10.6818C14.5455 11.6864 13.8336 12.5 12.9545 12.5Z" fill="currentColor"/> </svg> </a> </li> </ul> </div> </div> <div class="grid__column grid__column--12 "> <nav class="footer__nav"> <ul class="footer__list footer__list--menu"> <li class="footer__list-item"> <a class="footer__menu-link footer__menu-link--icon" tabindex="0"> AUD <span class="footer__link-icon"> <svg class="svg-fill-current-color" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <title>Chevron Down</title> <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"/> </svg> </span> </a> <div class="footer__dropdown footer__dropdown--content"> <ul class="footer__dropdown-inner"> <li class="footer__dropdown-item"> <a class="footer__dropdown-link" href="/localization?currency=USD&return_to=/en-aud"> USD </a> </li> <li class="footer__dropdown-item"> <a class="footer__dropdown-link" href="/localization?currency=EUR&return_to=/en-aud"> EUR </a> </li> <li class="footer__dropdown-item"> <a class="footer__dropdown-link" href="/localization?currency=CAD&return_to=/en-aud"> CAD </a> </li> <li class="footer__dropdown-item"> <a class="footer__dropdown-link" href="/localization?currency=GBP&return_to=/en-aud"> GBP </a> </li> <li class="footer__dropdown-item"> <a class="footer__dropdown-link" href="/localization?currency=AUD&return_to=/en-aud"> AUD </a> </li> <li class="footer__dropdown-item"> <a class="footer__dropdown-link" href="/localization?currency=NZD&return_to=/en-aud"> NZD </a> </li> <li class="footer__dropdown-item"> <a class="footer__dropdown-link" href="/localization?currency=SEK&return_to=/en-aud"> SEK </a> </li> <li class="footer__dropdown-item"> <a class="footer__dropdown-link" href="/localization?currency=NOK&return_to=/en-aud"> NOK </a> </li> <li class="footer__dropdown-item"> <a class="footer__dropdown-link" href="/localization?currency=DKK&return_to=/en-aud"> DKK </a> </li> <li class="footer__dropdown-item"> <a class="footer__dropdown-link" href="/localization?currency=PLN&return_to=/en-aud"> PLN </a> </li> </ul> </div> </li> <li class="footer__list-item"> <a href="/en-aud/pages/returns-faq" class="footer__menu-link">Returns & FAQ</a> </li> <li class="footer__list-item"> <a href="/en-aud/pages/contact" class="footer__menu-link">Contact</a> </li> <li class="footer__list-item"> <a href="/en-aud/pages/privacy-policy" class="footer__menu-link">Privacy Policy</a> </li> <li class="footer__list-item"> <a href="/en-aud/pages/terms-of-service" class="footer__menu-link">Terms of Service</a> </li> </ul> </nav> </div> </div> </div> <div class="footer__bottom"> <ul class="footer__list footer__list--bottom"> <li class="footer__list-item"> <div class="footer__copy">© 2025 The Noizy Corner</div> </li> </ul> </div> </div> </div> </div> </div> </footer> </div> <script> var fourthwallTheme = { strings: { addToCart: "Add to Cart", redeemGift: "Redeem Your Gift", viewCart: "View Cart", checkout: "Checkout", outOfStock: "Out of Stock", unavailable: "Not Available", soldOut: "Sold Out", soldOutSuffix: " - Sold Out", missingQuantityError: "Please choose the quantity.", generalError: "An error occurred. Please try refreshing the page.", item: "item", items: "items", startShopping: "Start Shopping", subtotal: "Subtotal", backToShopping: "Back to Shopping", cart: { heading: "[item_count] [item_count_label] in your cart for [total]", emptyHeading: "Your Shopping Cart is Empty", tableHeader: { item: "Item", quantity: "Quantity", price: "Price" }, deleteModal: { heading: "Are you sure you want to remove [title] from your cart?", cancel: "Cancel", delete: "Delete" } }, newsletter: { missingEmailError: 'Please enter your email.', invalidEmailError: 'Please enter a valid email.' }, donation: { missingAmountError: 'Please select or enter the donation amount.', invalidAmountError: 'Please enter a valid donation amount.', missingNameError: 'Please enter your name.', missingMessageError: 'Please enter the message.' } }, urls: { cart: "/en-aud/cart", cartItemLocalizedPrefix: "/en-aud", cartAddUrl: "/en-aud/cart/add", cartChangeUrl: "/en-aud/cart/change", productsUrlPrefix: "/en-aud/products", allProductsCollection: "/en-aud/collections/all", } }; </script> <script src="https://themes.fourthwall.com/themes-library/assets/bf3fb506-d7cd-4014-8c30-ce7dffc9b24c/assets/theme.js?v=6e359b250842bc945ced0e4efdde17e27d122bb532b6fdca363c842db932db1c" rel="preload"></script> <div class="admin-bar-container hidden"> <div id="admin-bar" class="admin-bar sticky hidden"> <div class="wrapper"> <div> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <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"/> </svg> </div> <div class="actions"> <div class='desktop'> <div class="dropdown"> <button class="dropdown-button desktop-switcher pill" data-target="desktop-switcher">View as: </button> <div class="dropdown-content" id="desktop-switcher"> <ul> <li class="dropdown-item" data-mode="creator">Admin</li> <li class="dropdown-item" data-mode="supporter">Supporter</li> </ul> </div> </div> <a href="/admin/dashboard/store-design-v2/layout/index" class='pill edit-page' rel='noopener noreferrer'>Edit page</a> <a href="/admin/dashboard" rel="noopener noreferrer" class="pill dashboard-link">Go to dashboard</a> </div> <div class='mobile'> <div class="dropdown"> <button class="dropdown-button pill mobile-switcher" data-target="mobile-switcher">View as</button> <div class="dropdown-content" id="mobile-switcher"> <ul> <li class="dropdown-item" data-mode="creator">Admin</li> <li class="dropdown-item" data-mode="supporter">Supporter</li> </ul> </div> </div> <div class="dropdown mobile"> <button class="dropdown-button pill" data-target="mobile-links"> <svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <g id="Dots horizontal"> <g> <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"/> <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"/> <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"/> </g> </g> </svg> </button> <div class="dropdown-content" id="mobile-links"> <a href="/admin/dashboard" rel="noopener noreferrer" class="dropdown-item">Go to dashboard</a> </div> </div> </div> <div class="pill close"> <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <g> <path d="M0.875 13.125L13.125 0.875M13.125 13.125L0.875 0.875" stroke="#FDFCFB" stroke-width="1.5" stroke-linejoin="bevel"/> </g> </svg> </div> </div> </div> </div> <div id="admin-bar-small" class="admin-bar-small sticky hidden"> <div class="wrapper"> <div> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <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"/> </svg> </div> </div> </div> </div> <script> const cookieModule = { setCookie: function (name, value, days = 365, maxAge) { const expires = new Date(Date.now() + days * 24 * 60 * 60 * 1000).toUTCString(); let cookieString = `${name}=${value}; expires=${expires}; path=/`; if (maxAge) { cookieString += `; max-age=${maxAge}`; } document.cookie = cookieString; }, getCookie: function (name) { const cookie = document.cookie.split(';').find(c => c.trim().startsWith(`${name}=`)); return cookie ? cookie.split('=')[1] : null; } }; const AdminBar = { adminBar: document.getElementById("admin-bar"), adminBarContainer: document.querySelector(".admin-bar-container"), adminBarSmall: document.getElementById("admin-bar-small"), closeButton: document.querySelector('#admin-bar .close'), viewAsDesktopButton: document.querySelector(".desktop-switcher"), dropdownButtons: document.querySelectorAll(".dropdown-button"), dropdownContents: document.querySelectorAll(".dropdown-content"), inIframe: () => { try { return window.self !== window.top; } catch (e) { return true; } }, inThemeEditor: () => cookieModule.getCookie('view_as') === 'theme_editor' || AdminBar.inIframe(), creatorAccessCookieExists: () => cookieModule.getCookie('creator_access_token') || cookieModule.getCookie('logged_in_as') === 'creator', viewAsCreator: () => cookieModule.getCookie('view_as') === 'creator', viewAsSupporter: () => cookieModule.getCookie('view_as') === 'supporter', verifyCreator: () => { document.cookie = 'return_to=' + window.location.href + '; path=/; max-age=30;'; window.location.href = '/platform/creators/users/auth/verify'; }, authorizeCreator: () => { if (AdminBar.creatorAccessCookieExists() && (AdminBar.viewAsCreator() || !AdminBar.viewAsSupporter())) { fetch("/platform/creators/users/auth") .then((response) => { if (response.status === 401 && _this.viewAsCreator()) { AdminBar.verifyCreator(); } else if (response.status === 204) { cookieModule.setCookie('view_as', 'creator'); AdminBar.viewAsDesktopButton.textContent = 'View as: Admin'; } }); } }, getSelectedView: () => (AdminBar.viewAsCreator() ? 'Admin' : 'Supporter'), toggleDropdown: (dropdownContent) => { dropdownContent.style.display = dropdownContent.style.display === 'none' || dropdownContent.style.display === '' ? 'block' : 'none'; }, init() { if ( !AdminBar.inThemeEditor() && (cookieModule.getCookie('core_dashboard_visited') || cookieModule.getCookie('creator_access_token') || cookieModule.getCookie('logged_in_as') === 'creator') ) { AdminBar.viewAsDesktopButton.textContent = 'View as: ' + AdminBar.getSelectedView(); AdminBar.authorizeCreator(); AdminBar.adminBarContainer.classList.toggle('hidden'); if (cookieModule.getCookie('admin_bar_mode') === 'condensed') { AdminBar.adminBarSmall.classList.toggle('hidden'); } else { AdminBar.adminBar.classList.toggle('hidden'); } } AdminBar.closeButton.addEventListener('click', () => { cookieModule.setCookie('admin_bar_mode', 'condensed'); AdminBar.adminBar.classList.toggle('hidden'); AdminBar.adminBarSmall.classList.toggle('hidden'); }); AdminBar.adminBarSmall.addEventListener('click', () => { cookieModule.setCookie('admin_bar_mode', 'expanded'); AdminBar.adminBar.classList.toggle('hidden'); AdminBar.adminBarSmall.classList.toggle('hidden'); }); // Add event listeners to each dropdown button AdminBar.dropdownButtons.forEach((button) => { button.addEventListener("click", () => { const dropdownId = button.getAttribute("data-target"); const dropdownContent = document.getElementById(dropdownId); AdminBar.toggleDropdown(dropdownContent); }); }); // Close the dropdowns when clicking outside document.addEventListener("click", (event) => { AdminBar.dropdownButtons.forEach((button) => { const dropdownId = button.getAttribute("data-target"); const dropdownContent = document.getElementById(dropdownId); if (event.target !== button && !button.contains(event.target) && event.target !== dropdownContent) { dropdownContent.style.display = "none"; } }); }); document.querySelectorAll(".dropdown-content li").forEach((item) => { item.addEventListener("click", (event) => { const mode = event.target.getAttribute("data-mode"); if (mode === 'creator') { cookieModule.setCookie('view_as', 'creator'); AdminBar.verifyCreator(); } else { cookieModule.setCookie('view_as', 'supporter'); cookieModule.setCookie('creator_access_token', 'creator', 365, 0); window.location.reload(); } }); }); }, }; AdminBar.init(); </script> <style> .admin-bar-container { height: 56px; } .hidden { display: none; } .admin-bar, .admin-bar-small { z-index: 1000; background-color: rgba(0, 0, 0, 0.7); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); height: 56px; width: 100%; } .admin-bar-small { width: 73px; cursor: pointer; } .sticky { position: fixed; bottom: 0; } .admin-bar a { color: #FDFCFB; padding: 14px; font-size: 14px; text-decoration: none; } .admin-bar button { padding: 14px; font-size: 14px; } .admin-bar .wrapper, .admin-bar-small .wrapper { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; } .admin-bar-small .wrapper { padding: 12px 20px; } .admin-bar .pill { display: flex; justify-content: center; align-items: center; gap: 10px; text-transform: capitalize; padding: 6px 14px; border-radius: 100px; background: rgba(253, 252, 251, 0.12); cursor: pointer; } .admin-bar .pill:hover { background: rgba(253, 252, 251, 0.22); } .admin-bar .close { padding: 6px 11px; } .admin-bar .actions, .admin-bar .actions .desktop, .admin-bar .actions .mobile { display: flex; gap: 10px; } .admin-bar .actions .desktop, .admin-bar .actions .edit-page { display: none; } @media (min-width: 768px) { .admin-bar a, .admin-bar button { font-size: 16px; } .admin-bar .actions .desktop, .admin-bar .actions .edit-page { display: flex; gap: 10px; } .admin-bar .actions .mobile { display: none; } } .dropdown { position: relative; } .dropdown-content { display: none; position: absolute; background-color: rgba(0,0,0,0.9); min-width: 130px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); bottom: 100%; /* Position above the button */ border-radius: 10px; bottom: calc((100% + 8px) - 0px); right: 0; } /* Style for each list item */ .dropdown-content .dropdown-item { color: white; padding: 12px 16px; text-decoration: none; white-space: nowrap; display: block; cursor: pointer; border-radius: 10px; } .dropdown-content .dropdown-item:hover { background-color: rgba(255,255,255,0.2) } /* Style for the button */ .dropdown-button { color: white; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; line-height: 24px; } </style> </body> </html>