TyrantKing
USD
USD
EUR
CAD
GBP
AUD
NZD
SEK
NOK
DKK
PLN
Home
All My Content
My Content
My Music
The Great Library
Creator Gaming Resources.
Stream Tools.
Browse all
Stickers!
Games
PokeRogue
GrindCraft
PokerQuest
Mr.Mine
FrayFight
unnamed clicker game
FrayFight
Your content goes here.
</div> </div> </section> </div> </div> </div> </div> <footer class="page__footer"> <div id="fw-section-footer" class="fw-section"><style> .section-fw-section-footer-padding { padding-top: 33px; padding-bottom: 0px; } @media screen and (min-width: 640px) { .section-fw-section-footer-padding { padding-top: 44px; padding-bottom: 0px; } } </style> <div data-testid="main.single.section" class="footer section-fw-section-footer-padding"> <div class="wrapper container"> <div class="footer__inner"> <div class="footer__top"> <div class="grid grid--middle"> <div class="grid__column grid__column--12 grid__column--4@md "> <div class="footer__socials"> <ul class="footer__list footer__list--socials"> <li class="footer__list-item footer__list-item--social"> <a href="https://twitch.tv/tyrant__king" 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://youtube.com/channel/UC3GKhXooxyM0lUSWq5PFCew" 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://x.com/Tyrant__King" 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://tiktok.com/@official_tyrantking" 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/t74RB4uNZM" 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> <li class="footer__list-item footer__list-item--social"> <a href="https://open.spotify.com/artist/7G1K4XQGifnmbMgPlGtBjy" 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://soundcloud.com/https://soundcloud.com/angelikflo " 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.2231 9.23694C17.0304 9.23694 16.8402 9.25613 16.6542 9.29534C16.2312 7.17071 14.3819 5.625 12.1638 5.625C11.6024 5.625 11.0285 5.73261 10.5063 5.93531C10.3854 5.98119 10.0158 6.12216 10.01 6.60264V14.0968C10.0142 14.4697 10.312 14.78 10.6732 14.7883C10.835 14.7917 16.5699 14.7917 17.2231 14.7917C18.7538 14.7917 20 13.5454 20 12.0147C20.0008 10.4832 18.7546 9.23694 17.2231 9.23694Z" fill="currentColor"/> <path d="M8.75876 6.44084C8.52853 6.44084 8.34167 6.62769 8.34167 6.85792V14.3704C8.34167 14.6007 8.52853 14.7875 8.75876 14.7875C8.98899 14.7875 9.17584 14.6007 9.17584 14.3704V6.85792C9.17584 6.62769 8.98899 6.44084 8.75876 6.44084Z" fill="currentColor"/> <path d="M7.09042 7.27501C6.86019 7.27501 6.67334 7.46186 6.67334 7.69209V14.3704C6.67334 14.6007 6.86019 14.7875 7.09042 14.7875C7.32065 14.7875 7.50751 14.6007 7.50751 14.3704V7.69209C7.50751 7.46186 7.32065 7.27501 7.09042 7.27501Z" fill="currentColor"/> <path d="M5.42209 7.69209C5.19186 7.69209 5.005 7.87894 5.005 8.10917V14.3704C5.005 14.6007 5.19186 14.7875 5.42209 14.7875C5.65232 14.7875 5.83917 14.6007 5.83917 14.3704V8.10917C5.83917 7.87894 5.65232 7.69209 5.42209 7.69209Z" fill="currentColor"/> <path d="M3.75375 9.36042C3.52352 9.36042 3.33667 9.54728 3.33667 9.77751V14.3704C3.33667 14.6007 3.52352 14.7875 3.75375 14.7875C3.98398 14.7875 4.17084 14.6007 4.17084 14.3704V9.77751C4.17084 9.54728 3.98398 9.36042 3.75375 9.36042Z" fill="currentColor"/> <path d="M2.08542 9.36042C1.85519 9.36042 1.66833 9.54728 1.66833 9.77751V14.3704C1.66833 14.6007 1.85519 14.7875 2.08542 14.7875C2.31565 14.7875 2.5025 14.6007 2.5025 14.3704V9.77751C2.5025 9.54728 2.31565 9.36042 2.08542 9.36042Z" fill="currentColor"/> <path d="M0.417084 10.197C0.186854 10.197 0 10.3839 0 10.6141V13.9433C0 14.1743 0.186854 14.3604 0.417084 14.3604C0.647314 14.3604 0.834167 14.1743 0.834167 13.9433V10.6141C0.834167 10.3839 0.647314 10.197 0.417084 10.197Z" fill="currentColor"/> </svg> </a> </li> <li class="footer__list-item footer__list-item--social"> <a href="https://throne.com/https://throne.com/tyrantking " target="_blank" class="footer__social-link" > <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22.6344 17.193C22.5245 17.4158 22.3798 17.6172 22.206 17.7938L16.4552 23.6961C16.3553 23.8356 16.1837 23.9234 15.9953 23.9234C15.8068 23.9234 15.6341 23.8356 15.523 23.6815L9.78236 17.7927C9.75433 17.7657 9.72406 17.7331 9.69598 17.7005C9.09477 17.0243 8.97926 16.0477 9.40323 15.2151L15.4715 3.2869C15.5892 3.10351 15.7822 3 15.9953 3C16.2084 3 16.4002 3.10239 16.5124 3.27453L19.5537 9.25385L22.5951 15.2331C22.9148 15.8598 22.9294 16.5934 22.6344 17.193ZM16.1792 27.5326L1.02777 12.0795L0.979539 12.03C0.867372 11.94 0.738381 11.8939 0.599292 11.8939C0.396271 11.9017 0.217926 11.9906 0.108003 12.1369C0.00480992 12.2741 -0.025475 12.4519 0.0216349 12.6409L4.4309 27.8623C4.53634 28.2257 4.70683 28.5633 4.94124 28.8625C4.96931 28.9008 5.00069 28.9379 5.03102 28.9739C5.55482 29.5826 6.34445 29.9167 7.1633 29.9167C7.48072 29.9167 7.80265 29.8672 8.11447 29.7614C10.3847 29.0077 12.7615 28.5846 15.1843 28.507C15.3896 28.4912 15.5937 28.4789 15.7967 28.4688C15.965 28.4597 16.1209 28.3787 16.2218 28.2471C16.3217 28.1188 16.3598 27.9568 16.3295 27.8004C16.3105 27.7071 16.26 27.617 16.1804 27.5338L16.1792 27.5326ZM31.7232 11.9895C31.5315 11.8578 31.2869 11.8657 31.0312 12.0187L30.9684 12.057L17.9402 25.368C17.7237 25.5885 17.7226 25.935 17.938 26.1555L20.2082 28.4845C20.4775 28.7612 20.8229 28.9503 21.2099 29.0324C22.2396 29.2495 23.2614 29.5353 24.2485 29.8807C24.4773 29.9606 24.7162 30 24.9563 30C25.2535 30 25.5507 29.9392 25.8345 29.8177C26.3235 29.6174 26.7465 29.3013 27.0571 28.9019C27.2893 28.6037 27.4621 28.2662 27.5686 27.8994L31.979 12.6713C31.9969 12.6004 32.0037 12.5295 31.9981 12.4688C31.9981 12.2752 31.8949 12.0953 31.7232 11.9872V11.9895Z" fill="currentColor"/> </svg> </a> </li> </ul> </div> </div> <div class="grid__column grid__column--12 grid__column--8@md grid__column--first@md "> <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"> USD <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"> <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=/pages/frayfight"> USD </a> </li> <li class="footer__dropdown-item"> <a class="footer__dropdown-link" href="/localization?currency=EUR&return_to=/pages/frayfight"> EUR </a> </li> <li class="footer__dropdown-item"> <a class="footer__dropdown-link" href="/localization?currency=CAD&return_to=/pages/frayfight"> CAD </a> </li> <li class="footer__dropdown-item"> <a class="footer__dropdown-link" href="/localization?currency=GBP&return_to=/pages/frayfight"> GBP </a> </li> <li class="footer__dropdown-item"> <a class="footer__dropdown-link" href="/localization?currency=AUD&return_to=/pages/frayfight"> AUD </a> </li> <li class="footer__dropdown-item"> <a class="footer__dropdown-link" href="/localization?currency=NZD&return_to=/pages/frayfight"> NZD </a> </li> <li class="footer__dropdown-item"> <a class="footer__dropdown-link" href="/localization?currency=SEK&return_to=/pages/frayfight"> SEK </a> </li> <li class="footer__dropdown-item"> <a class="footer__dropdown-link" href="/localization?currency=NOK&return_to=/pages/frayfight"> NOK </a> </li> <li class="footer__dropdown-item"> <a class="footer__dropdown-link" href="/localization?currency=DKK&return_to=/pages/frayfight"> DKK </a> </li> <li class="footer__dropdown-item"> <a class="footer__dropdown-link" href="/localization?currency=PLN&return_to=/pages/frayfight"> PLN </a> </li> </ul> </div> </li> <li class="footer__list-item"> <a href="/pages/contact" class="footer__menu-link">Contact</a> </li> <li class="footer__list-item"> <a href="/pages/terms-of-service" class="footer__menu-link">Terms of Service</a> </li> <li class="footer__list-item"> <a href="/pages/privacy-policy" class="footer__menu-link">Privacy Policy</a> </li> <li class="footer__list-item"> <a href="/pages/returns-faq" class="footer__menu-link">Returns & FAQ</a> </li> <li class="footer__list-item"> <a href="/#" class="footer__menu-link">Back to home. </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 TyrantKing</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: "/cart", cartItemLocalizedPrefix: "", cartAddUrl: "/cart/add", cartChangeUrl: "/cart/change", productsUrlPrefix: "/products", allProductsCollection: "/collections/all", } }; </script> <script src="https://themes.fourthwall.com/themes-library/assets/37e54413-65ce-4af7-b174-24f27ce2795e/assets/theme.js?v=83f0eaf9a31f807ba493d91b9dd116e0982cbf4557c4191b903e00e2d4930233" 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/e0915bbf-cbcc-4495-94e8-fe7bcd3f48ef" 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>